/*
Theme Name: plosa
Text Domain: plosa
 * @package plosa
*/
html {
  width: 100%;
  font-size: 100%; /* 100% = 16px */
  box-sizing: border-box; /* grid */
  /*background: #fbfbfb; */
  background: rgb(251,251,251);
background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(253,253,253,1) 50%, rgba(255,255,255,1) 100%);

}

*, *::before, *::after {
  box-sizing: inherit;
}


body{
  font-family: 'Montserrat', 'Open Sans';
  font-variant: normal;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size:11px;
  /*background: #fdfdfd;*/
  color:#382828;
  letter-spacing: 0px;
}

header{
  position: relative;
  margin-bottom:2rem;
}
header#main_header{
  box-shadow: 0px 3px 6px #00000029;
}

    #header_container, main, #footer_container{
      position: relative;     
      margin: 0 auto;
      padding: 0 2rem;
     /* max-width: 1400px;*/
     max-width: 80rem; 
      display: block;
      overflow: visible;      
    }

    #footer_container ul li.noactive a, #secondary_navigation ul li.noactive a{
          color:red;
      }

      
.dashicons, .dashicons-before:before{
  line-height: 1rem;
}


.block{
  padding:1rem 0;
}

#logo{   
  margin-top:0rem;
  padding-top: 4rem;    
  min-height: 90px;
  text-align: center;
}
#logo img{
    max-width: 500px;
}
ul{list-style-type: none;}
    



.hidden{display:none;}
/*

div.datetime p span {
    display: block;
}
div.datetime p.year {
    background: #000;
    height: 20px;
    color: #fff;
    font-size: 12px;
    padding: 2px 0;
}

div.datetime p.day, div.datetime p.pendiente {
    background: #d575a7;
    height: 60px;
    overflow: hidden;
}
div.datetime p.day {
    font-size: 22px;
}
div.datetime p.pendiente {
    font-size: 15px;
}
*/

.aviso_admin {
    position: relative;
    width: 100%;
}

.aviso_admin pre {
    max-width: 500px;
    position: absolute;
    right: 0;
    text-align: left;
    font-size: 11px;
    opacity: 0.6;
    color: blue;
    z-index: 9999;
    font-weight: bold;
}

/******************* pls_post content **************/
.post_content{
  background:#ccc; 
  border:1px solid #000; 
  padding:20px; 
  font-size: 11px;
  margin:10px 0;
}


#post_content a {
    color: #016ca2;
    text-decoration: underline;
}




    
        #menu_social {           
            position: absolute;
            right: 0;
            top: 0;
        }
        #menu_social ul {
            margin: 0;
            list-style-type: none;
        }

        #menu_social ul li {
          float: right;
        }

        #menu_social ul li a {
          display: block;
          color: #000;
          text-align: center;
          padding: 0.3rem;
          text-decoration: none;
        }
        #menu_social ul li a:hover:not(.active) {
            color: #001fff;
        }

        #menu_social .active {
          color: #001fff;
        }


/* menú superior heredado del viejo*/
/*
div#primary_navigation {
    margin: 20px 0;
}*/


    /*********** CABECERA DE "POST" EN busquedas tipo tags o artist: ************/
      main#tags #post_container,  main#artist #post_container{
        overflow: auto;
      }
      main#tags #post_img img,  main#artist #post_img img{
          width: 20%;
          height: auto;
          float: left;
          margin: 0 1rem 1rem 0;
      }
      main#tags #post_content a, main#artist #post_content a{
          color:#213fc4;
      }



/*********************** BÚSQUEDA CHATGPT *******************/

    div#total_results_message {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        background: #ccc;
        padding: 1rem;
        color: #707070;
        opacity: 0.9;
        font-size: 15px;
        margin: 1rem;
        z-index: 9999;
    }

    #loading-spinner {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

    .spinner {
        border: 12px solid #f3f3f3;
        border-radius: 50%;
        border-top: 12px solid #3498db;
        width: 60px;
        height: 60px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    #busqueda_alternativa a {
      text-decoration: underline;
      color: #5c65c1;
    }

    #busqueda_alternativa {
        font-size: 20px;
    }

/**************************************************************
************************* MENUS ******************************
**************************************************************/

 .search-form {                                                
    position: absolute;
    right: 2rem;
    top:1rem;
}

.search-form input {
    padding: 0.6rem 1rem;
}

.search-form button {
    position: absolute;
    padding: 0.4rem;
    right: 0.1rem;
    border: 0;
    background: transparent;
    top: 0.2rem;

}

#axenda{
  position:absolute;
  top:1rem;
  line-height: 35px;
  font-size: 0.8rem;
  left:12rem;
  padding:0.5rem;
  margin-left:1.5rem;
  line-height:20px;
}
body#galicia-xa #axenda{left:0;}
#axenda span.dashicons-calendar-alt:before{
  position: relative;
  right:0.2rem;
}

@media (max-width: 590px){
  #axenda{
      right:0;
      top: 4rem;
      text-align: right;
  }

}



  /********* MENUS GENÉRICO */       
      .navigation {
         /* margin: 1em auto;*/
        /*margin: 2em auto;*/
        margin-bottom: 0;
      }

      .navigation ul {
          list-style-type: none;
          padding: 0;
          overflow: hidden;
          border: 0;
          margin: 0;
      }

      .navigation ul li {
        float: left;
        padding: 0;
      }

      .navigation ul li a {
          display: block;
          text-align: center;
          text-decoration: none;
          position: relative;
      }



  /********* MENU PRINCIPAL */     
      #main_navigation {
          position: absolute;
          top: 1rem;
          left: 0rem;
          width: 180px;
          z-index: 99999;
      }
      
      .z_index_low{z-index: 1;}

      body#galicia-xa #main_navigation {
          position: relative;
          width: 100%;
          display: inline;
          top: 0;
      }  

      #main_navigation .toggle-nav {display:block;
                                    position: absolute;
                                    top:0;
                                    border: 1px solid #FEBF02;
                                    padding:0.5rem 1.1rem;
                                    padding-right: 0.5rem;
                                    font-size: 0.7rem;
                                    width: 175px;
                                    line-height: 20px;
                                    margin-left: 2rem;
                                    }   
      #main_navigation .toggle-nav.active {
        border-bottom: 0;
      }
       #main_navigation .toggle-nav span {padding:0;}
      
      body#galicia-xa #main_navigation .toggle-nav {display:none;}

      #main_navigation ul {
          background: #ffffff;
          line-height: 1rem;
        /*  border-top: 1px solid gray;
          border-bottom: 1px solid gray;
        */
      }

      #main_navigation ul li{float:none; padding-left: 0.6rem;}
      body#galicia-xa #main_navigation ul li{float:left;display: block;padding-left: 0;}

      body#galicia-xa #main_navigation ul li:first-child {display: none;}
      #main_navigation ul li:first-child {display: block;}
      #main_navigation ul li:first-child a span.dashicons-admin-home:before{
        content:"\f102";
        position:absolute;
        font-size:15px;
        left:0.3rem;
      }
      #main_navigation ul li:first-child a span{width: 14px;}


      #main_navigation ul li a {
          padding: 0.2rem 0.4rem;
          font-size: 0.7rem;
          border-right: 0.2rem solid #fff;
          text-align: left;
          text-transform: uppercase;          
      }
      #main_navigation ul li.noactive a{
          color:red;
      }

      body#galicia-xa #main_navigation ul li a {
        padding: 0.7rem 1rem;
        font-size: 1rem;
        border-right: 0.2rem solid #fff;
      }
                                                                                   
       body#galicia-xa #main_navigation ul.active, #secondary_navigation ul.active{
          background: #e4e4e4;

       }

      #main_navigation ul.active {
        display: block;
        width: 175px;
        border: 1px solid #FEBF02;
        border-top: 0;
        margin-left: 2rem;
      }

      #main_navigation ul {display: none;margin-top: 1.9rem;}    
     

  /********* CONTENEDOR MENUS SECUNDARIO Y SPECIALS */
      #nav-container {
          position: relative;
          overflow: hidden;
      }


  /********* MENU SECUNDARIO */


       #secondary_navigation, body#galicia-xa #main_navigation {
          position: relative;                          
          width: 100%;
          margin: 0;
          height: auto;
          overflow: hidden;                   
        }

      #secondary_navigation ul, body#galicia-xa #main_navigation ul { 
        margin-top:0;
        display: block;        
        background: transparent;
        padding: 0.5rem 1.5rem;
        width: 100%;
         border-top:1px solid #ccc; 
      }



      #secondary_navigation ul li a, body#galicia-xa #main_navigation ul li a{
          color: #000;
          font-size: 0.8rem;
          padding: 0.3em 0.9em;
          text-transform: uppercase;
          letter-spacing: 0.01px;
          line-height: 1.1rem;
      }

      body#galicia-xa #main_navigation ul li {float:left;padding:0;}
     




      .navigation.active#secondary_navigation,  body#galicia-xa #main_navigation {
          z-index: 99999999999999999999999999;
      }


@media screen and (max-width: 390px) {
     .search-form {
          position: relative;
          width: 100%
      }
      .search-form input{
          width: 100%
      }
      #main_navigation { 
          position: relative;      
          float: right;
          margin-bottom: 2rem;
      }
      body#galicia-xa #main_navigation{
        position: relative;
        float: none;
        margin-bottom: 1.4rem
      }
}




// Short version  
@include grid(7, 20px, (
  4 : 960px,
  2 : 600px,
  1 : 480px,
));


// Verbose custom breakpoints
@include grid($cols: 7, $gutter: 20px, $breakpoints: (
  4 : 960px, // At 960px or below, there will be 4 columns
  2 : (max, 600px), // You can use mq-scss syntax here as well
  1 : 480px,
));

/******************* css para avisos **************/
.update-nag {    
    display: inline-block;
    line-height: 1.4;
    padding: 11px 15px;
    font-size: 14px;
    margin: 25px 20px 0 2px;
}
.update-nag.notice {
    margin:5px 0;
    padding: 2px 20px;
    color: white;
}
.notice-warning{background:#ffb900;}
.notice-error{border-left-color: #dc3232;}
.notice-success{background:#46b450;}
.notice-info{border-left-color: #00a0d2;}
.notice-notice{background:#97c4e6;}








              /*

      .grid-module.module_2 {
          border-width: 0.8rem 0 0.8rem 0;
          width: 50%;
      }
      .grid-module.module_3 {
          border-width: 0.8rem 1.3rem 0.8rem 1.3rem;
          width: 25%;
      }

      .grid-module.module_1 .grid-cell {
          height: 200px;
          border-width: 0.5rem 1rem 0.5rem 0;
      }
      .grid-module.module_1 .grid-cell {
          height: 200px;
          border-width: 0.5rem 1rem 0.5rem 0;
      }
      .grid-module.module_1 .grid-cell {
          height: 200px;
          border-width: 0.5rem 1rem 0.5rem 0;
      }

*/








/****************************************************************************/
/*************************** 6) DATEPICKER HOME *****************************/
/****************************************************************************/    
/***** datepicker ***/
#datepicker {
    position: absolute;
    z-index: 99;
    right: 0;
    background: transparent;
    width: calc(100%/3);
    height: auto;
    padding: 1rem 0;
}
#datepicker .datepicker-inline{
  width: 100%;
  padding-right: 3rem;
}
#datepicker table.table-condensed {width: 100%;padding: 0 10px;}
#datepicker .datepicker table tr th {font-size: 1.1rem;}
#datepicker .datepicker table tr td {font-size: 1rem;}

#datepicker table.table-condensed tr td {
   padding:0.5rem;
}





  #datepicker_results,  #datepicker_no_results {overflow-y: hidden;line-height: 14px;min-height: 380px;/*padding: 5px 5px;*/}
  #datepicker_results::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
  #datepicker_results::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #00A13A;-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);}    
  #calendario{}
  h3.next_events {border: 0;}
  .bloque_results {overflow: hidden;margin-bottom:5px;}   
  #datepicker_results h3, {margin: 10px 0;font-size:11px;font-weight:bold;text-align:center;text-transform:uppercase;border-bottom:0;}
  #datepicker_results p.sin_eventos{color: #EF0000;font-size: 12px;text-align: center;margin-top:0;height: 200px;}    
  .bloque_results h4 {font-size:11px;line-height: 11px;overflow: hidden;max-height: 24px;border-bottom:0px;margin-bottom:0px;color:#00973a;text-transform:uppercase;margin-top: 2px;}
  .bloque_results p {font-size: 11px;overflow: hidden;margin-top: 3px;}
  .bloque_results .lugar_link, .cols.iii .col .bloque_results .lugar_link a {color: #00973A;display: inline;}
  #datepicker_no_results {
    padding: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
  }

  span.dia, span.mes {
      border: 1px solid #00A13A;
      padding: 3px 0px;
      min-width: 48px;
      display: block;
      text-align: center;
      font-size: 11px;
      z-index: 99999;
  }
  .caducado span.dia, .caducado span.mes {border: 1px solid #ccc;}
  .caducado span.mes {background: #ccc;}
  .caducado span.dia {color: #ccc;}
  .caducado.bloque_results h4, .caducado h3, .caducado.bloque_results p{color: #ccc;border-color:#ccc;}
  #page section.query.eventos.col-2 article.caducado{border-color:#ccc;}

  p.ver_mas a {color: #00A13A;font-size: 11px;text-decoration: underline;text-transform: lowercase;}
  span.dia {color: #00A13A;}
  span.mes {background: #00A13A;color: #ffffff;}
  .cal {float:left;width: 26%;max-width: 52px;}
  .chicha .cal {margin-right:0.5rem;}
  .datos {position: absolute;font-size: 11px;}
  .caducado .datos p {color: #ccc;}
  section.query article .excerpt, section#children article .excerpt {padding: 0 1rem;}
  section.query article a, section#children article a {text-decoration: none;color: #000;}
  

  /***** personalizando diseño datepicker *******/
    #home #calendario #datepicker td {font-size: 11px;}
    #home #calendario .datepicker-inline {width: 195px;margin: 0 auto;}
    #home #calendario .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 1px;font-size: 12px;}

   /****** On hover datepicker *****/
      .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background:#7BB18E;cursor: pointer;}
      .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {background: #00A13A;}
      .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
          background-color: #fde19a;
          background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
          background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
          background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
          background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
          background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
          background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
          background-repeat: repeat-x;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
          border-color: #fdf59a #fdf59a #fbed50;
          border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
          filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
          color: #000;
      }
/************************************************************************************/
/************************ DATEPICKER EN PÁGINA DE EVENTOS ***************************/
/************************************************************************************/
#eventos_con_datepicker {position: relative;width: 100%;display:table;border-collapse: separate;border-spacing: 1rem;}
#eventos_con_datepicker .bloque_datepicker {display:table-cell;width: 220px;}
#eventos_con_datepicker .bloque_datepicker #datepicker {position: fixed;margin-top:0.4rem;}
#eventos_con_datepicker .bloque_datepicker #datepicker .datepicker-inline {width: 220px;background:#00973A;padding: 0.5rem 1rem;color:#ffffff;border-radius: 0;}
#eventos_con_datepicker #datepicker_results {/*display: table-cell;*/display: block;min-height: 200px;}
#page section#datepicker_results.query.eventos, section#datepicker_results h3 {margin-top: 0;}
#eventos_con_datepicker #datepicker_results article {width: 100%;display: table-cell;}
@media screen and (max-width:728px) {
    #eventos_con_datepicker {display:block;}
    #eventos_con_datepicker .bloque_datepicker {display:block;margin:0 auto;}
    #eventos_con_datepicker .bloque_datepicker #datepicker {position: relative;margin: 0 auto;width: 220px;}
    #eventos_con_datepicker #datepicker_results {display: block;}
#eventos_con_datepicker #datepicker_results article {width: 100%;display: block;}
    #eventos_con_datepicker section.query.col-2 article:nth-child(odd), #eventos_con_datepicker section#children.col-2 article:nth-child(odd) {float: left;}    
}



.datepicker table tr td.eventday {
    background: #96d3ff;
    border: 0.1rem solid #fff;
}
.datepicker table tr td.new.eventday {
    background: #d1e9ff;
}

.prueba{background: red; color:black;}



div#more_results {
    margin: 0 auto;
    cursor: pointer;
    padding: 20px;
    border: 1px solid gray;
    width: 300px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
div#more_results:hover {
    background: #e5e5e5;
}






div#query-monitor-main{position: relative;}

/******************************* LOOP -> GRID-CELL ************************************/
.col_3 {margin: 1rem;width: 33%;}
.bloque {
    border: 1px solid #ccc;
    padding: 1rem;
    background: #f0f0f0;
    overflow: auto;
}





.grid {
  /* Forces equal cell heights */
    display: flex;
    flex-wrap: wrap;
  /* Creates an equal outer gap 
    padding: 20px 0 0 20px;*/
  /* Pulls grid cells hard against edges */
 /*   margin: -20px; */
  /* Margin needs to be this if leaving off the top and left .grid padding */
/*  margin: 0 -20px -20px 0;
  padding: 10px; */

  margin:0;
  padding: 0;
  /* ??? */
  @include grid(3, 20px, $inners: true);
}

/*
.grid-cell h2.pad_date{
    margin-left: :65px;
}

.grid-cell h2.pad_date_full{
    margin-left: :130px;
}*/

.tab_ocio {
    width: 12em;
    background: #1d00ff;
    padding: 10px 1em;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 10px 10px 0 0;
}

.grid-cell {
    position: relative;
    /*width: calc(100% / 3);
    width: 33.33%;*/
    border: 0 solid transparent;
   /* border-width: 0 3em 3em 0; */
    background-clip: padding-box;
    overflow: hidden;
    /*height: 382px;*/
    height: auto;
}



/************** DEFAULT (SIN MÓDULOS= ************
    .grid-module.default .grid-cell {
        float: left;
    }
    .grid-module.default .grid-cell:nth-child(3n+1) {
        border-width: 0.8rem 1.3rem 0.8rem 0;
        width: 25%;
    }
    .grid-module.default .grid-cell:nth-child(3n+2) {
        width: 50%;
        border-width: 0.8rem 0 0.8rem 0;
    }
    .grid-module.default .grid-cell:nth-child(3n+3) {
        border-width: 0.8rem 0rem 0.8rem 1.3rem;
        width: 25%;
    }
/************** END DEFAULT (SIN MÓDULOS= ************/



.grid-wrapped .points, #grids .points {  /*** administrador búsqueda ****/
    position: absolute;
    z-index: 999;
    padding: 0.8rem;
    background: black;
    opacity: 0.7;
    color: #fff;
}


.grid-wrapped .grid-img{
    /*background: black;*/
    background: transparent;
    display: block;
    overflow: hidden;
}






.grid-cell .grid-wrapped .grid-img img {
    text-align: left;
    width: 100%;
    height: auto;
    float: left;
    /*opacity: 0.9;*/
}

 .grid-cell.banner .grid-wrapped img{
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
   /* border-radius: 10px;*/
    overflow: hidden;
}

            /**** imagen centrada si es más alta ******/
              section.dpps.search .grid-cell .grid-wrapped .grid-img a{
                display: block; /**** para que se vea *******/
                height: 235px; /* La altura específica que quieres para las imágenes */
                width: 100%; /* Ajusta el ancho del contenedor */
                overflow: hidden; /* Ocultar partes de la imagen que se salgan del contenedor */
                position: relative; /* Necesario para posicionar la imagen dentro del contenedor */
              }

              section.dpps.search .grid-cell .grid-wrapped .grid-img img{
                 position: absolute; /* Posicionamiento absoluto para permitir el recorte */
                top: 50%; /* Centrar verticalmente */
                left: 50%; /* Centrar horizontalmente */
                height: 100%; /* Ajustar la altura de la imagen al 100% del contenedor */
                width: auto; /* Ajustar el ancho automáticamente para mantener las proporciones */
                transform: translate(-50%, -50%); /* Centrar la imagen */
                object-fit: cover; /* Recorta la imagen para que llene el contenedor */
                object-position: center; /* Centra la imagen en el contenedor */
              }
             /* section.dpps.search .grid-module.default .grid-cell{               
                margin:1rem 0;
                height: 322px;
              } */

.grid-cell .fecha {
    font-size: 0.9rem;
    padding: 10px 0;
}

.grid-wrapped .grid-container{
    position: relative;
    border: 0;
    border-top:0;
   /* border-radius: 0 0 10px 10px; */
    padding: 0.5em 1.5em 1.1em 1.5em;
}

.grid-wrapped .grid-container .location{
    line-height: 1.2em;
    height: 1.2em;
}


.featured .grid-wrapped .grid-container {
    background: #eeeeee;
}

.grid-cell h3, .grid-cell h2 {
    position: relative;
    /*height: 3rem;*/
    line-height: 1.4rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    background: transparent;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #06a3df;
}


.grid-cell .post_excerpt {
    color: #242424;
    font-size: 0.9rem;
    padding-top: 0.3rem;
    display: none;
}




/************** MODULES GRID *****************************/



  
  .grid-module .sub_module {
      float: left;
                                                                     width: 100%;
  }

  .grid-module.module_1 .sub_module_2 .grid-cell h3 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .grid-module.module_1 .sub_module_2 .grid-cell .post_excerpt{
      display: block;
  }

  .grid-module.module_2 .sub_module_1 .grid-cell .post_excerpt{
      display: block;
  }




  .grid-module .grid-cell h3 a{
      color: #132653;
  }

.grid-module .grid-cell #strip {
    position: relative;
    display: block;
    line-height: 1rem;
    overflow: visible;
}



      .grid-module {
          width: 100%;
          overflow: visible;
          display: block;
          position: relative;
      }         

      .grid-cell:after{
        content:"";
        position: absolute;
        width: 90%;       
        bottom:0;
        border-bottom:1px solid #ccc;
        z-index:1;
      }
      .grid-module.default .grid-cell:after{
        border-bottom: 0;
      }

      .grid-module.module_1 .sub_module_1 .grid-cell:after{
         left: 0%;
      }
      .grid-module.module_1 .sub_module_3 .grid-cell:after{
         left: 10%;
      }

      .grid-cell:last-child:after{
         border: 0;
      }
/*
      .grid-module.module_1 .sub_module_1 .grid-cell{
          border-right: 1px solid #ccc;
          padding: 1.5rem 1.5rem 1.5rem 0;
      }

      

      .grid-module.module_1 .sub_module_2 .grid-cell{
          border-right: 1px solid #ccc;
          padding: 1.5rem 1.5rem 1.5rem 1.5rem;
      }

      .grid-module.module_1 .sub_module_3 .grid-cell{         
          padding: 1.5rem 0 1.5rem 1.5rem;
      }
*/

.grid-module.module_1 .grid-cell:first-child{
          padding-top:0;
      }
       .grid-module.module_1  .grid-cell:last-child{
          padding-bottom:0;
      }
      


          .grid-module.module_1 .sub_module_1,
           .grid-module.module_1 .sub_module_3  {
              width: 25%;
          }
          
          .grid-module.module_1 .sub_module_2 {
              width: 50%;
          }

        

           

           





            
         

/*
          .grid-module.module_1 .grid-cell {
             border-bottom: 1px solid #ccc;
          }
          .grid-module.module_1 .grid-cell:last-child {
              border-bottom: 0;
          }

*/

          .grid-module .grid-wrapped .grid-container {
              padding: 0.5rem 0;            
          }
          .grid-module.module_1 .grid-wrapped .grid-container{
              border:0;
          }


         


          .grid-module.module_1 .sub_module_1 .grid-cell .grid-wrapped {
            /*  border-bottom:1px solid #ccc;*/
          }

          .grid-module.module_1 .sub_module_1 .grid-cell .grid-wrapped .grid-container{
            padding:0;
            padding-top:0.2rem;
          }


          .grid-module.module_1 .grid-cell .grid-wrapped .grid-img{
              /*height: 61%;*/
             /* height: 170px; */
              overflow: hidden;
          }

          .grid-module.module_1 .grid-cell .grid-wrapped .grid-img img{
              width: 100%;
             /* height: -webkit-fill-available;*/
             height: auto;
            /* max-width: 427px; */
          }


    @media (min-width: 800px){
          .grid-cell {
              float: left;             
          }
          .grid-module {
              padding: 2rem 0;
              border-bottom: 1px solid #ccc;
          }     


          .grid-module:first-child {
              padding-top:0;
          }  
           
            /************* DEFAULT ************/
                .grid-module.default .grid-cell{               
                  margin:0.5rem 0;
                   height: 340px;
                }
                .grid-module.default .grid-cell:nth-child(3n+1),                
                .grid-module.default .grid-cell:nth-child(3n+3) {       
                    width: 33%;
                }
                .grid-module.default .grid-cell:nth-child(3n+2){
                  width:34%;
                }

               
                .grid-module .sub_module_1 .grid-cell, .grid-module.default .grid-cell:nth-child(3n+1){
                    border-right: 1px solid #ccc;
                    padding: 0rem 1.5rem 0rem 0;
                }
                .grid-module .sub_module_2 .grid-cell, .grid-module.default .grid-cell:nth-child(3n+2){
                    border-right: 1px solid #ccc;
                    padding: 0rem 1.5rem 0rem 1.5rem;
                }

                .grid-module .sub_module_3 .grid-cell, .grid-module.default .grid-cell:nth-child(3n+3){         
                    padding: 0rem 0 0rem 1.5rem;
                    border: 0;
                }



                .grid-module.default .grid-cell:nth-child(3n+1), .grid-module.default .grid-cell:nth-child(3n+2), .grid-module.default .grid-cell:nth-child(3n+3) {
                    padding: 1rem;
                    padding-bottom:0;
                    border: 0;
                }

        /************* MODULE_1 ************/
                    


              .grid-module.module_1 .sub_module_1 .grid-cell.loop_0 {             
                  height: 55%;
                  padding-bottom:1rem;
              }
              .grid-module.module_1 .sub_module_1 .grid-cell.loop_1{
                  height: 22.5%;  
                  padding-bottom: 1rem;
                  padding-top:1rem;
              }
              .grid-module.module_1 .sub_module_1 .grid-cell.loop_2{
                  height: 22.5%;  
                  padding-top:1rem;
              }


              .grid-module.module_1 .sub_module_2 .grid-cell {
                  height: calc(100%);                  
              }

              
              .grid-module.module_1 .sub_module_3 .grid-cell.loop_0 {
                    height: 22.5%;
                    padding-bottom: :1rem;
              }
              .grid-module.module_1 .sub_module_3 .grid-cell.loop_1 {
                    height: 55.5%;
                    padding-bottom: 1rem;
                    padding-top:1rem;
              }
              .grid-module.module_1 .sub_module_3 .grid-cell.loop_2 {
                    height: 22.5%;
                    padding-top:1rem;
              }

              .module_1 .sub_module_1 .loop_1 .grid-img, 
              .module_1 .sub_module_1 .loop_2 .grid-img,
              .module_1 .sub_module_3 .loop_0 .grid-img, 
              .module_1 .sub_module_3 .loop_2 .grid-img,
              .module_1 .sub_module_3 .loop_3 .grid-img{
                  display: none;
              }

              .grid-module.module_1 .sub_module_3 .grid-cell.loop_1 .grid-container, 
              .grid-module.module_1 .sub_module_1 .grid-cell.loop_0 .grid-container {
                  height: 85px;
              }


         /************* MODULE_2 ************/

              .grid-module.module_2 .sub_module_2,
              .grid-module.module_2 .sub_module_3 {
                  width: 25%;
              }              
              .grid-module.module_2 .sub_module_1 {
                  width: 50%;
              } 

              .grid-module.module_2 .sub_module_1 .grid-cell.loop_0 {             
                  height: 66.6%;
                  padding-bottom: 1rem;
              } 
              .grid-module.module_2 .sub_module_1 .grid-cell.loop_1 {             
                  height: 33.4%;
                   padding-bottom: 1rem;
                    padding-top:1rem;
                   padding-left:0;
              }

              .grid-module.module_2 .sub_module_2 .grid-cell.loop_0,
              .grid-module.module_2 .sub_module_2 .grid-cell.loop_2  {
                  height: 25%;
              }
              .grid-module.module_2 .sub_module_2 .grid-cell.loop_1 {             
                  height: 50%;
              }              
              .grid-module.module_2 .sub_module_3 .grid-cell.loop_0  {
                  height: 100%;
              }

              .module_2 .grid-img{display: none;}
              .module_2 .sub_module_1 .loop_0 .grid-img {display: block;} 




         /************* MODULE_3 ************/
              .grid-module.module_3 .grid-cell{float:none;}
              
              .grid-module.module_3 .sub_module_2,
              .grid-module.module_3 .sub_module_3 {
                  width: 25%;
              }              
              .grid-module.module_3 .sub_module_1 {
                  width: 50%;
              } 

              .grid-module.module_3 .sub_module_1 .grid-cell.loop_0 {             
                  height: 100%;
                  padding-bottom: 1rem;
              } 
           

              .grid-module.module_3 .sub_module_2 .grid-cell.loop_0,
              .grid-module.module_3 .sub_module_2 .grid-cell.loop_1{
                  height: 25%;
              }                                                
              .grid-module.module_3 .sub_module_2 .grid-cell.loop_2{
                height: 50%;
              }


              .grid-module.module_3 .sub_module_3 .grid-cell.loop_0,
              .grid-module.module_3 .sub_module_3 .grid-cell.loop_1,
              .grid-module.module_3 .sub_module_3 .grid-cell.loop_3{
                  height: 33%;
              }
            


              .module_3 .grid-img{display: none;}
              .module_3 .sub_module_1 .loop_0 .grid-img {display: block;} 

               .grid-module.module_3 .sub_module_1 .grid-cell .post_excerpt{
                    display: block;
                }
                .grid-module.module_3 .sub_module_2 .grid-cell .post_excerpt{
                    display: block;
                }

                .grid-module.module_3 .sub_module_2 .grid-cell.loop_0 .post_excerpt,
                .grid-module.module_3 .sub_module_2 .grid-cell.loop_1 .post_excerpt{
                    display: none;
                }
                


    } 


              .module_1 .sub_module_1 .grid-cell.loop_1 .grid-wrapped .grid-container, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-wrapped .grid-container,
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-wrapped .grid-container, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-wrapped .grid-container,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-wrapped .grid-container{
                  padding:0 0 1.5rem 0;
              }          
              .module_1 .sub_module_1 .grid-cell.loop_1 #strip, 
              .module_1 .sub_module_1 .grid-cell.loop_2 #strip,
              .module_1 .sub_module_3 .grid-cell.loop_0 #strip, 
              .module_1 .sub_module_3 .grid-cell.loop_2 #strip,
              .module_1 .sub_module_3 .grid-cell.loop_3 #strip {
                  position: absolute;
                  bottom:0.5rem;
                  width: 100%;
              }

          


          main .dpps .grid .location, main .dpps .grid .date {
              font-weight: bold;
              text-transform: uppercase;
              float: left;
              font-size: 0.8rem;
              line-height: 1rem;
          }


          main .dpps .grid .location a{
              color: #cfd3dc;
          }


          main .dpps .grid .date:before {
              content: '-';
              padding: 0 0.5rem;
          }


          main .dpps .grid .location .date {
            color:gray;
          }





          .grid-cell span.admin_edit, #post_content span.admin_edit {
              float: right;
              right: 0;
              font-size: 0.6rem;
          }



/************** EOF MODULES GRID *****************************/




/*********** MEDIA QUERIES GRID **************/
@media (min-width: 800px) and (max-width: 1100px){
    .grid-cell h3{
      line-height: 1rem;
      font-size:0.9rem;
    }
}

@media (max-width: 799px){
    .grid {
      display: block;
    }    
    .grid-cell:after{border-bottom:0;}

    .grid-module .grid-wrapped .grid-container {
        padding: 0.5rem 0;            
    }

    .grid-module.module_1 {
          height: auto;
    }
    .grid-cell, 
    .grid-module.default .grid-cell:nth-child(3n+1),
    .grid-module.default .grid-cell:nth-child(3n+2),
    .grid-module.default .grid-cell:nth-child(3n+3),
    .grid-module.module_1 .sub_module_1,
    .grid-module.module_1 .sub_module_2,
    .grid-module.module_1 .sub_module_3 {
      float: none;
      width: 100%;
      padding:0;
      border-width: 0;
      border:0;
      border-right:0;
      margin:2rem 0;
    }

              .module_1 .sub_module_1 .grid-cell.loop_1, 
              .module_1 .sub_module_1 .grid-cell.loop_2,
              .module_1 .sub_module_3 .grid-cell.loop_0, 
              .module_1 .sub_module_3 .grid-cell.loop_2,
              .module_1 .sub_module_3 .grid-cell.loop_3 {
                  height: 135px;
              }

              .module_1 .sub_module_1 .grid-cell.loop_1 .grid-img, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-img,
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-img, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-img,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-img {
                  float:left;
                  width: 30%;
                  height: auto;
              }

              .module_1 .sub_module_1 .grid-cell.loop_1 .grid-container, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-container,              
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-container, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-container,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-container {
                  padding: 0.5rem 0;
                  float:right;
                  width: 66%;   
              }



              .module_1 .sub_module_1 .grid-cell.loop_1 .grid-container h3 a, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-container h3 a,
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-container h3 a, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-container h3 a,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-container h3 a{     
                  font-size: 0.9rem;
                  line-height: 1rem;
                /*  height: 80px; */
              }
              /*.module_1 .sub_module_1 .grid-cell.loop_1 .grid-container .location, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-container .location,
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-container .location, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-container .location,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-container .location{
                  font-size: 0.8rem;
                  height: 1.2rem;
              }*/
              .module_1 .sub_module_1 .grid-cell.loop_1 .grid-container .post_excerpt, 
              .module_1 .sub_module_1 .grid-cell.loop_2 .grid-container .post_excerpt,
              .module_1 .sub_module_3 .grid-cell.loop_0 .grid-container .post_excerpt, 
              .module_1 .sub_module_3 .grid-cell.loop_2 .grid-container .post_excerpt,
              .module_1 .sub_module_3 .grid-cell.loop_3 .grid-container .post_excerpt{
                  /*width:150%;*/
                  float: right;
                  display: block;
              }

              .module_1 .sub_module_1 .grid-cell.loop_1 #strip, 
              .module_1 .sub_module_1 .grid-cell.loop_2 #strip,
              .module_1 .sub_module_3 .grid-cell.loop_0 #strip, 
              .module_1 .sub_module_3 .grid-cell.loop_2 #strip,
              .module_1 .sub_module_3 .grid-cell.loop_3 #strip {
                  position: relative;
                  top:0;
                  padding:0;                  
              }

              .grid-cell h3 {                
                /*height: 3rem; */
                padding: 0.3rem 0;
                height: auto;
              }

    .grid-module .sub_module{
      float:none;
    }


    .grid-module.module_1 .sub_module_1 .grid-cell.loop_0,
    .grid-module.module_1 .sub_module_1 .grid-cell.loop_1, 
    .grid-module.module_1 .sub_module_1 .grid-cell.loop_2  {
        height: auto;        
    }

    .grid-module.default .grid-cell{
      padding:1rem 0;
    }




}












#post_content {
    font-size: 1rem;
}
#post_content blockquote {
    margin: 2rem 4rem;
    font-style: italic;
    color: #706d6d;
}

#post_content button#see_more {
    background: #0088c3;
    color: white;
    border: 0;
    padding: 0.5rem 1rem;
}



/******** img auto in post_content *********/
#post_content .img_auto img{
  width: 100%;
  height: auto;
}

@media (min-width: 601px){
    #post_content .img_auto.floatleft{
      float: left;
      padding: 0rem 1rem 1rem 0rem;
    }
    #post_content .img_auto.floatright{
      float: right;
      padding: 0rem 0rem 1rem 1rem;
    }
}

@media (min-width: 901px){

      #post_content .img_auto.range_20{
          width:20%;
      }
      #post_content .img_auto.range_25{
          width:25%;
      }
      #post_content .img_auto.range_30{
          width:30%;
      }
      #post_content .img_auto.range_35{
          width:35%;
      }
      #post_content .img_auto.range_40{
          width:40%;
      }
      #post_content .img_auto.range_45{
          width:45%;
      }
      #post_content .img_auto.range_50{
          width:50%;
      }
      #post_content .img_auto.range_55{
          width:55%;
      }
      #post_content .img_auto.range_60{
          width:60%;
      }
      #post_content .img_auto.range_65{
          width:65%;
      }

}

@media (max-width: 900px) and (min-width: 601px){
      #post_content .img_auto.range_20{
          width:40%;
      }
      #post_content .img_auto.range_25{
          width:44%;
      }
      #post_content .img_auto.range_30{
          width:50%;
      }
      #post_content .img_auto.range_35{
          width:55%;
      }
      #post_content .img_auto.range_40{
          width:60%;
      }
      #post_content .img_auto.range_45{
          width:60%;
      }
      #post_content .img_auto.range_50{
          width:65%;
      }
      #post_content .img_auto.range_55{
          width:65%;
      }
      #post_content .img_auto.range_60{
          width:65%;
      }
      #post_content .img_auto.range_65{
          width:70%;
      }
}



@media (max-width: 600px){

      #post_content .img_auto{
          width:100%;
      }      

}

/********eof img auto *********/


div#first_line {
    display: block;
    position: relative;
    overflow: auto;
}

#post_content #eventcat, #post_content #parent, #post_content .separador {
    position: relative;
    font-size: 0.7rem;
    padding: 0;
    margin: 0;
    overflow: auto;
    float: left;
}


.grid-cell .eventcat a, #post_content #parent a, #event #post_content #eventcat a, #post_content .separador{
    padding: 0;
    text-transform: uppercase;
    font-size: 1.35em;
    color: gray;
    line-height: 40px;
    height: 40px;
    text-decoration: none;
}

#post_content .separador{
    padding: 0 0.8rem;
    font-size: 1rem;
}


.grid-container .artist, .grid-container .location, #post_content #artist, #post_content #location,  #post_content #artistcat{
    font-size: 1.5em;
    line-height: 25px;
    height: 25px;
}

.grid-cell h3 a, .grid-cell .artist a, .grid-cell .location a, #post_content #artist a, #post_content #location a, #post_content #artistcat a{
  color: #06a3df;
  text-decoration: none;
}



.grid-cell span.admin_edit a, #post_content span.admin_edit a{
    color: #8c2323;
}





/*
.grid-cell.eventcat{text-transform: uppercase;color:000;font-size: 1.3em;}

.grid-cell.colspan_1{width: calc(100% / 3);}
.grid-cell.colspan_2{width: calc(100% / 1.5);}
.grid-cell.colspan_3{width: calc(100%);}


*/


@media (max-width: 900px){
    
    #header_container, main, #footer_container{ margin:0;}
     .search-form {right: 1rem;}
     .search-form {right: 1rem;}
     #axenda{margin-left:0.5rem;}

/*
     #datepicker {position:relative;width: 100%;}


     .grid-cell {
          width: 100%;
          border: 0 solid transparent;
          border-width: 0;
      }


    #datepicker .datepicker-inline {
        width: 60%;
        margin: 0 auto;
        padding-right: 0;
    }


    .grid-cell h3 {
      font-size: 1.5rem;
    }

   */

}

@media (min-width: 901px){
    #ficha #post_img {
       width: 40%;
    }    
}

@media (max-width: 900px) and (min-width: 799px){
/*
  .grid-cell.colspan_1{width: calc(100%/2);}
  .grid-cell.colspan_2{width: calc(100%);}
  .grid-cell.colspan_3{width: calc(100%);}
  .grid-cell.calendar.colspan_1{display: none;}
 /* #datepicker {width: 50%;} */
 /*
    .grid-cell:nth-child(odd) {
        border-width: 1.5rem 0 1.5rem 1.5rem;
    }
    .grid-cell:nth-child(even), .grid-cell:first-child {
        border-width: 1.5rem 1.5rem 1.5rem 0rem;
    }
    .grid-cell:nth-child(2)  {
        border-width: 1.5rem 0 1.5rem 1.5rem;
    }
*/
    #main_navigation ul li.home a {
      display: none;
    }

    #main_navigation ul li a {
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        border-right: 0.1rem solid #fff;
    }

    #ficha #post_img {
        width: 35%;
    }   

}


@media (max-width: 400px){
     #header_container, main, #footer_container{ margin:0 1rem; }

     #datepicker .datepicker-inline {
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }

}




@media only screen and (max-width: 798px) and (min-width: 100px) {  
/*  .grid-cell.colspan_1{width: calc(100%);}
  .grid-cell.colspan_2{width: calc(100%);}
  .grid-cell.colspan_3{width: calc(100%);}
  .grid-cell:first-child{width: calc(100%);}
  .grid-cell.calendar.colspan_1{display: none;}
  #datepicker {position:relative;width: 100%;}

   .grid-cell:nth-child(3n+1), .grid-cell:nth-child(3n+2), .grid-cell:nth-child(3n+3) {
        border-width: 1rem 0.5rem;
    }
*/
    #ficha #post_img {
        width: 100%;
    }   
    /*
    .grid-cell .grid-wrapped .grid-img img {
      height: auto;
      max-height: none;
    }
    */
}


.finalizado {
    opacity: 0.5;
}
/*
.pendiente {
    opacity: 0.9;
    background: blue;
}

.en_proceso {
    opacity: 1;
    background: pink;
}

.por_determinar {
    opacity: 0.6;
    background: green;
}
*/



.grid-wrapped {
  /* Allows us to see the edges of the grid */
  /*box-shadow: 0 0 10px 2px #fff;*/
  /* Prevents odd margin behavior +  Need this for the chrome bug */
    overflow: hidden;
}









/*
.grid-cell h1{
  text-transform: uppercase;
}

.grid-cell a{
  text-decoration: none;
  color: gray;
  display: block;
  overflow: hidden;
}
.grid-cell a:hover {
    opacity: 0.9;
}

.grid-cell .excerpt {
    position: relative;
    background: transparent;
    overflow: hidden;    
    bottom: 0;
    width: 100%;
    opacity: 0.3;
    display:none;
}
.grid-cell.excerpt p{
    margin: 0;
    padding: 0.5em;
    color: #727272;
    font-size: 0.95rem;
    height: 70px;
    overflow: hidden;
    width: 100%;
}
*/

div.datetime {
    position: absolute;
    z-index: 999;
    opacity: 0.8; 
    top: -30px;
    left: -10px;
}

div.datetime .p {
    margin: 0;
   /* border: 1px solid #000; */   
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    display: flex;    
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

div .datetime .year {
    background: black;
    color: white;
    margin:0;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    min-height: 20px;
}

div.datetime .start, div.datetime .end{
    margin:0;
    width: 80px;
    background: #d575a7;
    height: 60px;
    padding: 10px 4px;
    float: left;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

div.datetime .end::before {
    content: "-";
    position: absolute;
    right: 70px;
}

div.datetime span {
    width: 100%;
    display: inline-block;
    line-height: 18px;
}






/****************** PAGINATION **************************/
#pagination {
  margin-top:1rem;
}
#pagination ul {
  padding:0;
  margin: 0;
}
#pagination ul li {
    display: inline-block;
    margin: 0.2rem;
}
#pagination ul li span {
    display: block;
    padding: 15px;
    background: #c6c6e9;
    border: 1px solid gray;
}
#pagination ul li a.page-numbers {
    padding: 1rem;
    border: 1px solid gray;
    text-decoration:none;
    color:#000;
}
#pagination ul li a.next.page-numbers, #pagination ul li a.prev.page-numbers {
    border: 0;
    font-size: 1.1rem;
}
#pagination ul li a.page-numbers:hover{
    background: #c6c6e9;
}
#pagination ul li a.next.page-numbers:hover, #pagination ul li a.prev.page-numbers:hover{
    background: #fff;
    color: #c6c6e9;
}



  @media (max-width: 600px){
      #pagination ul li {
        margin:0;
      }
      #pagination ul li a{
        font-size:0.9rem;
      }

      #pagination ul li a.page-numbers {
        border: 0;
        padding: 0.5rem
      }
      #pagination ul li span {
        border: 0;
        padding:0.5rem;
        background: transparent;
        font-weight: bold;
        font-size: 0.9rem;
      }
  }


/************** BREADCRUMB ****************************/
#breadcrumb {
    margin:0.5rem 0;
    padding: 0.5rem 0.2rem;
    font-size: 0.75rem;
    text-transform: uppercase;
}
#breadcrumb, #breadcrumb a, #breadcrumb a:visited {
  color: #003a6c;  
}
#breadcrumb a {
    text-decoration: none;
}
#breadcrumb a:hover {
    color: gray;
}
#breadcrumb em {
    padding: 0 0.5rem;
}


/*********************** FICHA DE CP ************************/
#ficha {
    position: relative;
    border: 0px solid #000;
    overflow: hidden;
    margin-top: 0.5rem;
}

#ficha.no_img {
    position: relative;
    border: 0px solid #000;
    overflow: hidden;
    margin-top: 0.5rem;
}

#ficha #post_img {
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

@media screen and (min-width: 901px) {
    height: 400px;
}

#ficha #post_img img {
    width: 100%;
    height: auto;
}

#ficha #newscats {
    color: gray;
    font-size: 1.5rem;
}

#ficha #newscats a {
    font-size: 1.3rem;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    color: gray;
}

#ficha #newscats a:first-child {
    padding-left: 0;
}

#ficha #title_img, #ficha .admin_edit {
    position: absolute;
    text-align: right;
    font: regular normal normal 11px/15px Montserrat;
    color: #A0A8BA;
    padding-top: 0.5rem;
}
#ficha #title_img{
    right: 0;
}
#ficha .admin_edit {
    left:0;
}
#ficha .admin_edit a{
    text-decoration: underline;
    color:brown;
}

#ficha #post_excerpt {
    font-size: 1.7rem;
    color: #A0A8BA;
    margin: 0.4rem 0 1rem 0;
}



#ficha #post_content {
    position: relative;
    margin: 0rem;    
    text-align: left;    
    font: normal normal normal 13px/17px Montserrat;
    color: #242424;
    opacity: 1;
    line-height: 1.5rem;
    font-weight: 100;
}
#ficha #post_content strong{
    font-weight: 900;
}

#ficha h1, #only_title h1 {
    color: #132653;
    font-size: 4.5em; 
    padding:0;
    margin: 0.8rem 0;
    /*font: normal normal bold 50px/54px Montserrat;*/
    letter-spacing: 0px
}

#ficha #post_content h2 {
    padding-top: 1rem;
    font-weight: 900;
}



#only_title h1 {
    font-size: 2em;
}



#post_content p {
    font-size: 1rem;   
   /* padding: 0 0.5rem; */
   /*padding: 0 1rem;*/
}



#post_content ul {
    list-style-type:circle;
    padding-left: 2rem;
    margin-bottom: 1.5rem;
/*
    list-style-type:none;    
    padding-left: 1rem;
*/
}
#post_content ul ul {
    list-style-type: disc;
    padding-left: 3rem;
}

#post_content ul li {
    margin-top: 0.3rem;
}

#post_content table {
    margin: 1rem;
}

#post_content table td {
    border: 1px solid #ccc;
    padding: 0.3rem;
    font-size: 0.9rem;
    margin: 0;
}


#event #post_content img {
    float: left;
    padding: 1em 1em 1em 0;
}


#event #ficha #event_details {
    padding: 0.5rem 1rem;
    line-height: 1.5em;
    font-size: 1em;
    border: 1rem solid #f2f2f2;
}

#event_details a {
    text-decoration: none;
    color: #3b62ff;
}

/********* DPPS ->cptypepages ************/
section.dpps {
    margin-top: 2rem;
}
section.dpps article {
    float: left;
    width: 20%;
    padding: 1rem;
}



main.system_page .dpps h2{
  display: none;
}

.dpps h2 {
    color: white;
    border: 0px solid transparent;
    background: blue;
    padding: 0.4rem 2rem;
    width: 33%;
    text-align: center;
    margin: 0;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-size: 1.2em;
}





/********* ARTISTS // VENUE DPPS************/
main#artist div#calendario, main#venue div#calendario {
    display: none;
}

section#children{
    margin:2rem 0;
}

main#artist .dpps .grid , main#venue .dpps .grid, section#children .grid  {
   margin:0;
   padding: 0;
}/*

main#artist .dpps .grid-cell.colspan_1, main#artist .dpps .grid-cell.colspan_2, main#artist .dpps .grid-cell.colspan_3 {
    width: 100%;
    border: 1px solid #646464;
    height: auto;
    margin-bottom: 2rem;
}
*/
main#venue .dpps .grid-cell.colspan_1, main#venue .dpps .grid-cell.colspan_2, main#venue .dpps .grid-cell.colspan_3 {
    width: 100%;
    border: 1px solid #646464;
   /* border-radius: 0 0 10px 10px;*/
    height: auto;
    margin-bottom: 2rem;
}

section#children .grid-cell.colspan_1, section#children .dpps .grid-cell.colspan_2, section#children .dpps .grid-cell.colspan_3 {
    width: 100%;
    border: 1px solid #646464;
   /* border-radius: 0 0 10px 10px;*/
    height: auto;
    margin-bottom: 2rem;
}
/*
main#artist .dpps .grid-img.thumbnail, main#venue .dpps .grid-img.thumbnail, section#children .grid-img.thumbnail {
    float: left;
    width: 33%;
    height: auto;
    background: transparent;
    margin:3px;
}

main#artist .dpps .grid-wrapped .grid-container, main#artist .grid-wrapped .grid-container, section#children .grid-wrapped .grid-container {
    float: left;
    border: 0;
    border-radius: 0;
    padding: 0.5em 1.5em 1.1em 1.5em;
    width: 66%;
}
*/
main.name_contacto #post_content{
    min-height: 350px;
}
main.name_contacto #post_content a{
    text-decoration: none;
}
main.name_contacto span.dashicons {
    font-size: 200px;
    margin-left: 10rem;
    color: #3b62ff;
}

/********************** GALLERY ***********************/
.post_gallery {
    margin: 0 auto;
    width: 100%;
    overflow: auto;
}

.post_gallery div {
    float: left;
    margin: 1em;
    width: 17%;
    overflow: auto;
    display: block;
}
.post_gallery img {
    width: 100%;
    height: auto;
}



/********************** tags && post_info***********************/
#location_bar {
    font-size: 14px;
    color:#CFD3DC;
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
}
#location_bar a{
    color:#CFD3DC;
}
#location_bar #location {
    float: left;
    width: 50%;
    text-align: left;
}

#location_bar #site_name {
    float: right;
    width: 50%;
    text-align: right;
}

#location #location_bar #site_name{
    display: none;
}
#location #post_excerpt, #location #post_content {display: none;}

#post_info{
    height:60px;
    line-height: 60px;
    font-size:18px;
    color:#132653;
    font-size: 18px;
    margin: 2rem 0;
}

#post_info #author {
  float:left;
  margin-right:5rem;
  color: #0590DF;
  font-size: 18px;
}
#post_info #author img {
  color: #0590DF;
  font-size: 18px;
  border-radius: 50%;
  margin-top: 5%;
}
#post_info #author span {
    float: right;
    text-transform: capitalize;
    padding-left: 0.9rem;
}
#post_info #post_date {
    text-transform: capitalize;
    float: right;
}


#tag_container, #post_info{
    text-align: left;
    font: normal normal medium 11px/14px Montserrat;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
    overflow: hidden;    
}

#tag_container{
    margin:1.5rem 0;
    /*height: 44px;*/
    height: auto;
    line-height: 44px;
}

#tag_container #tags{
    float:left;
    width: auto;
    max-width: 85%;
    line-height: 42px;
    height: auto;
}


#tag_container #artist{
    float:right;    
    width: auto;
    text-align: right;
    line-height: 42px;
    height: auto;
}

#tag_container #artist a {
    color: #828282;
    height: 38px;
    line-height: 38px;
    font-size: 1rem;
}

#tags_link ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tags_link ul {list-style-type: none;  }
#tags_link ul li {
    float: left;
    margin-top: 0;
    display: block;
    padding: 0;
    padding-right: 2rem;
}
#tags_link a{
  font-size:0.9rem;
  font-size: 14px;
  color:#0590DF;
  height: 38px;
  line-height: 38px;
}
#tags_link a:before {content: "#";}



@media screen and (max-width: 450px) {
  #tag_container #tags_link, #tag_container #artist{
    max-width: 100%;
    width:100%;
  }

  #tags_link ul li, #tag_container #artist {
      padding-right: 0;
      width: 100%;
      text-align: center;
  }
}








/************************/
nav#nav-eventcat {
    margin: 1rem auto;
}

/************************/
footer {
    position: relative;
    padding: 1rem;
    background: #132653;
    color: #fff;
    display: block;
    overflow: hidden;
}

footer ul#sites {
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 2rem;
    border-top:1px solid #686868;
    border-bottom:1px solid #686868;
    margin-bottom: 2rem;
}
footer ul#sites li {
    float: left;
    text-align: left;
    width: 25%;
    text-transform: uppercase;
}

footer ul#sites li a {
    font-size: 0.88rem;
    display: block;
    padding:0.2rem;
}
footer p {
    font-size: 1.2rem;    
    opacity: 0.5;
    height: 5px;
}
footer ul {
    list-style-type: none;
    float:left;
    width: 25%;    
}
footer a {
    color: #fff;
    font-size: 0.9rem;
    text-decoration: none;
    display: block;

}
footer #footer_img{
    position: relative;
    float: left;
    width: 25%;
    border-right: 1px solid #686868;
}
footer img{  
    width: 100%;
    opacity: 0.6;
    padding-left: 2rem;    
    opacity: 0.5;
    padding-right: 2rem;
    min-height: 90px;
}
footer #footer_uls ul li a{
    padding: 0.2rem 0;
    text-transform: uppercase;
}
footer .dashicons {
    margin-right: 0.5rem;
    float: left;
}
footer #footer_uls ul {
    width: 23.5%;
}

  @media screen and (max-width: 900px) {

    footer ul#sites{
      padding:0.5rem 0;
      border-bottom:0;
      float: none;
      margin-bottom: 0;
    }
    footer ul#sites li{
      float:none;
    }
    footer ul#sites li a {
      padding: 1rem;
      text-align: center;
      border-bottom: 1px solid #686868;
    }
    footer ul#sites li:last-child a {
      border-bottom: 0;
    }

    footer #footer_uls ul li {
        /*padding: 0.8rem 0;*/
        border-bottom: 1px solid #5b5b5b;
    }
     footer #footer_uls ul li a {
        padding: 0.8rem 0;

    }



    footer #footer_img{
        margin: 0 auto;
        width: 80%;
        float: none;
        border-right:0;
    }

   footer #footer_uls ul {
        margin: 0 auto;
        width: 100%;
        float: none;
        text-align: center;
    }

    footer .dashicons {
      display: none;
    }


  }



                @media screen and (max-width: 900px) {
                      footer ul#sites li {                          
                          width: 100%;
                      }
                    
                  }

                  @media screen and (max-width: 680px) {
                      footer ul#sites li {                          
                          width: 50%;
                      }
                      footer ul#sites li:nth-child(even){
                          text-align: right;
                      }
                  }

                   @media screen and (max-width: 450px) {
                      footer ul#sites li {                          
                          width: 100%;
                         
                      }
                      /*footer ul#sites li:nth-child(even), footer ul#sites li:nth-child(odd){
                          text-align: center;
                          padding: 1rem;
                          border-bottom: 1px solid #5b5b5b;
                      }*/
                     
                      footer ul#sites li:last-child{
                        border-bottom: 0;
                      }
                  }




                  @media screen and (max-width: 800px) {
                      footer ul {
                          width:33%;
                      }
                    
                  }

                   @media screen and (max-width: 500px) {
                      footer ul {
                          width: 50%;
                          padding: 0 0.5rem;
                      }
                  }



#event_details div {
    z-index: 9999;
    position: relative;
}


/******************* blog **********************/

body#blog main .grid-cell {
    width: 100%;
    border: 0;
    margin: 1rem 0;
}
body#blog main .grid-container {
    border: 0;
    float: left;
    width: 90%;
}
body#blog main .grid-container .ocio{
  display: none;
}
body#blog main .thumbnail {
    float: left;
    width: 10%;
}
body#blog .grid-cell .fecha {
    padding: 0;
    font-size: 0.8rem;
}
body#blog #ficha #post_img {
    width: 30%;
}

/******************* dpps_posts del evento **********************/
section#dep_post


/******************* venues **********************/
main#venue #ficha{
    border: 0;
    background: #efefff;
    padding: 2rem;
}

main#venue #ficha #post_img {
    width: 22%;
    padding: 1rem;
}

a {
  /*color:#0590DF;*/
  color:#132653;
  text-decoration: none;
}

  /***************** banners *******************/
    .banner img {
        margin: 0 auto;
        display: block;
    }

    .banner.desktop img {
        padding: 1rem 0;
    }

    .banner.desktop.top img {
        margin: 0;
    }





/*********************************************************************/

  /***************** MENÚ DESKTOP + MOBILE *******************/
 
    .toggle-nav2 {display:none;}









/*********************** MEDIA QUERIES *************************/
@media screen and (max-width: 800px) {



  #logo img{
    width: 100%;
    padding: 1rem 2rem;    
    text-align: center;
  }

  #specials_navigation{
      position: relative;
      top: 0;
  }

  #specials_navigation ul li{
    margin: 0.1rem 0;
    width: 100%;
  }

  #specials_navigation ul li a {
      padding: 0.5rem 1.5rem;
  }






/*
.grid-cell {
    width: 100%;
    border: 0 solid transparent;
    border-width: 0;
}

.grid-cell:nth-child(3n+1), .grid-cell:nth-child(3n+2), .grid-cell:nth-child(3n+3) {
    border-width: 1rem 0.5rem 1rem 0.5rem;
}

.grid-cell h3 {
  font-size: 1.5rem;
}
*/


#datepicker{padding:0;}
#datepicker table.table-condensed{padding:0;}

              .toggle-nav{
                  position: relative;
                  top:0.2rem;
                  color: #06A3DF;
                  /*color:#009ed8;
                  color:#029abb;*/

                  display:inline; 
                  font-size:2rem;
                  padding:0 1rem;
                  text-decoration: none;
              }
              .toggle-nav.active {                  
                  position:absolute;
                  z-index: 99999;
                  top:0.2rem;
                 /* color:#fff;

                  -webkit-transition: all 2s ease;
                  -moz-transition: all 2s ease;
                  -o-transition: all 2s ease;
                  -ms-transition: all 2s ease;
                  transition: all 2s ease;*/
                  
              }


               #main_navigation ul li a{
                  border-right: 0;
               }



              /*#main_navigation li:nth-child(1){display: none;} */
               
              #main_navigation li a {display:block;overflow:hidden;margin: 0;padding: 0.5rem 0;padding-left:3rem;}

              #main_navigation ul{display: none;}
              #main_navigation ul.active {display: block;width:175px;position: absolute;}      


              #main_navigation ul ul {position: relative;top:0;}
              #main_navigation ul ul li a {height: 38px;line-height: 38px;}
              #main_navigation ul ul li:last-child {border: 0;margin-top:0;}
              #main_navigation ul ul:after {display: none;}
             
              #main_navigation li {border-bottom: 1px solid #fff;float:none;display:block;padding:0.5 0;}
              #main_navigation li:hover {
                 /* background: #00441A; */
                  opacity: 1;
                  -webkit-transition: all 3s ease;
                  -moz-transition: all 3s ease;
                  -o-transition: all 3s ease;
                  -ms-transition: all 3s ease;
                  transition: all 3s ease;
                  padding-left:40px;      
              }
              #main_navigation ul li.blog{
                float:none;
                padding-right: 0;
              }




               .toggle-nav2{
                  position: relative;
                  top:-0.2rem;
                  left:0rem;
                  color: #06A3DF;
                  /*color:#009ed8;
                  color:#029abb;*/

                  display:inline; 
                  font-size:2rem;
                  padding:0 1rem;
                  text-decoration: none;
              }

              body#galicia-xa #main_navigation .toggle-nav{
                  position: relative;
                  color: #06A3DF;
                  display:block;
                  margin:1rem auto;
                  width: 175px;
                  text-decoration: none;
              }


              .toggle-nav2.active{                  
                  position:absolute;
                  z-index: 99999;
                  top:-0.2rem;
                  left:0rem;

                  -webkit-transition: all 1s ease;
                  -moz-transition: all 1s ease;
                  -o-transition: all 1s ease;
                  -ms-transition: all 1s ease;
                  transition: all 1s ease;                  
              }

              #secondary_navigation,  body#galicia-xa #main_navigation {
                height: auto;
                bottom:1.1rem;
                z-index: 999;
              }

                #secondary_navigation ul li a,  body#galicia-xa #main_navigation ul li a{
                  border-right: 0;
               }               
              #secondary_navigation li a,  body#galicia-xa #main_navigation li a {display:block;overflow:hidden;color:black;margin: 0;padding: 0.5rem 0;padding-left:3rem;}

              #secondary_navigation ul,  body#galicia-xa #main_navigation ul {display: none;width:50%;}
              #secondary_navigation ul.active {display: block;z-index: 99999999999999;width: 100%;}
              body#galicia-xa #main_navigation ul.active{
                  position:absolute;
                  top:2.2rem;
                  display: block;
                  z-index: 99999999999999;
                  width: 60%;
                  right: 20%;
                  border:1px solid orange;
                  background: #fafafa;
              }
               body#galicia-xa #main_navigation ul li:first-child {display: block;}
                body#galicia-xa #main_navigation ul li {border-bottom:1px solid #f3f3f3;width: 100%;}

              #secondary_navigation ul ul,  body#galicia-xa #main_navigation ul ul {position: relative;top:0;}
              #secondary_navigation ul ul li a, body#galicia-xa #main_navigation ul ul li a {height: 38px;line-height: 38px;}
              #secondary_navigation ul ul li:last-child,  body#galicia-xa #main_navigation ul ul li:last-child {border: 0;margin-top:0;}
              #secondary_navigation ul ul:after,  body#galicia-xa #main_navigation u ul:after {display: none;}

              #secondary_navigation li,  body#galicia-xa #main_navigation li {border-bottom: 1px solid #fff;float:none;display:block;padding:0.5 0;}
              #secondary_navigation li:hover,  body#galicia-xa #main_navigation li:hover {
                 /* background: #00441A; */
                  opacity: 1;
                  -webkit-transition: all 1s ease;
                  -moz-transition: all 1s ease;
                  -o-transition: all 1s ease;
                  -ms-transition: all 1s ease;
                  transition: all 1s ease;
                  padding-left:40px;      
              }






              footer span.dashicons.dashicons-email-alt {
                padding: 2px 5px;
            }

             


              /*** ficha ***/
              #ficha #post_img{
                  width: 100%;
                  float:none;
                  margin:0;
              }

              #event #ficha #event_details {
                  float: none;
                  width: 100%;
                  padding: 1rem;
                  line-height: 1rem;
                  font-size: 1rem;
                  text-align: center;
              }
             .grid-cell span.admin_edit, #post_content span.admin_edit {                  
                  top: -45px;
              }

              #ficha h1, #only_title h1 {             
                  margin:0 auto;
                  line-height: auto;
                  height: auto;
                  
              }


                          #ficha h1, #only_title h1 {  
                            font-size: 2rem;
                          }
                          #ficha #newscats a{
                            font-size: 1rem;
                          }
                          #ficha #post_excerpt {
                              font-size: 1.3rem;
                          }
           



}    


          @media screen and (max-width: 1000px) {
              #footer_navigation .grid-cell {
                  width: calc(100%/2);            
              }

              #footer_navigation .grid-cell:nth-child(odd){
                  border-width: 0.8rem 0.8rem 0.8rem 0.5rem;          
              }
              #footer_navigation .grid-cell:nth-child(even) {
                  border-width: 0.8rem 0.5rem 0.8rem 0.8rem;
              }


              #footer_navigation .grid-cell a#conciertos:before{
                font-size:0.9rem;
              }
               #footer_navigation .grid-cell a:before {                
                  font-size: 1.2rem;
              }
          }











/******** Política de Cookies *****************/
  #cookie-law-div{opacity:0.8;z-index:10000000;position:fixed;bottom:3%;right:2%;padding:1em;width:33%;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.15);font-size:15px;box-shadow:rgba(23,43,99,.4) 0 7px 28px}
  @media (max-width:600px){
    #cookie-law-div{border-radius:0;width:100%;right:0 2rem;bottom:0}
  }
  #cookie-law-div a{font-size:15px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.5)}
  #cookie-law-div a:hover{opacity:.7}
  #cookie-law-div p{margin:0;color:#000;padding-right:50px}
  #cookie-law-div button{position:absolute;right:.5em;top:20px;align-self:center;line-height:1;color:#fff;background-color:#000;border:none;opacity:.6;font-size:12px;cursor:pointer;border-radius:50px}
  #cookie-law-div button:hover{opacity:1}



/******** BANDERAS *********/
nav#flags {
  position: relative;
  font-size: 0.9rem;
}

nav#flags ul{
  padding:0.8rem 0;
}
nav#flags li{
  float: left; 
  width: 25px;
  margin-right:1.2rem;
}
nav#flags a:hover{
    color:#4f4f4f;
}
nav#flags a:hover{
    color:000;
}
nav#flags span.opacity {
    opacity: 0.6;
}
nav#flags #today{
  float: right;
}



div#chivato {
    position: absolute;
    bottom: 0;
    background: black;
    color: white;
    right: 0;
    padding: 0.4rem;
    z-index: 9999;
    font-size: 11px;
    opacity: 0.9;
}
div#chivato a {
  color:gray; 
  text-decoration:underline;
}





#pdf_hemeroteca, #pdf_hemeroteca div {
  float: right;
  width: 250px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin: 1rem;
}



#pdf_hemeroteca a:hover img{
  opacity: 0.8;
  border:2px solid #dfdff3;
  /*background: #dfdff3;*/
}

#pdf_hemeroteca div{
  margin-bottom: 2rem;
}
#pdf_hemeroteca img {
    width: 250px;
    height: auto;
}












/***********************************/
.out_of_loop {
    border: 8px solid #c3c3c3;
    border-style: dotted;
}


/************* new grid_system ocio***************************/
#last_page {
  font-size:17px;
  color: #132653;
  margin:2rem 0;
}
#last_page a{
  text-decoration: underline;
  color: #8080d5;
  font-weight: bold;
}

div#grids {
    position: relative;
    margin-top: 1.5rem;
}



.grid_module .colspan_1 {grid-column: span 1;}
.grid_module .colspan_2 {grid-column: span 2;}
.grid_module .colspan_3 {grid-column: span 3;}
.grid_module .colspan_4 {grid-column: span 4;}
.grid_module .colspan_5 {grid-column: span 5;}
.grid_module .colspan_6 {grid-column: span 6;}
.grid_module .colspan_7 {grid-column: span 7;}
.grid_module .colspan_8 {grid-column: span 8;}
.grid_module .colspan_9 {grid-column: span 9;}
.grid_module .colspan_10 {grid-column: span 10;}
.grid_module .colspan_11 {grid-column: span 11;}
.grid_module .colspan_12 {grid-column: span 12;}
.grid_module .colspan_13 {grid-column: span 13;}
.grid_module .colspan_14 {grid-column: span 14;}
.grid_module .colspan_15 {grid-column: span 15;}
.grid_module .colspan_16 {grid-column: span 16;}
.grid_module .colspan_17 {grid-column: span 17;}
.grid_module .colspan_18 {grid-column: span 18;}
.grid_module .colspan_19 {grid-column: span 19;}
.grid_module .colspan_20 {grid-column: span 20;}
.grid_module .colspan_21 {grid-column: span 21;}
.grid_module .colspan_22{grid-column: span 22;}
.grid_module .colspan_23{grid-column: span 23;}
.grid_module .colspan_24{grid-column: span 24;}

@media (max-width: 1000px) and (min-width: 601px){  
  .grid_module.regular .colspan_4 {grid-column: span 6;}  
  .grid_module.regular div.items_3 .colspan_4:nth-child(3) {grid-column: span 12;}
}
@media (max-width: 700px){  
  .grid_module.regular .colspan_4 {grid-column: span 12;} 
}


.grid_module .rowspan_1 {grid-row: span 1;}
.grid_module .rowspan_2 {grid-row: span 2;}
.grid_module .rowspan_3 {grid-row: span 3;}
.grid_module .rowspan_4 {grid-row: span 4;}
.grid_module .rowspan_5 {grid-row: span 5;}
.grid_module .rowspan_6 {grid-row: span 6;}
.grid_module .rowspan_7 {grid-row: span 7;}
.grid_module .rowspan_8 {grid-row: span 8;}
.grid_module .rowspan_9 {grid-row: span 9;}
.grid_module .rowspan_10 {grid-row: span 10;}
.grid_module .rowspan_11 {grid-row: span 11;}
.grid_module .rowspan_12 {grid-row: span 12;}
.grid_module .rowspan_13 {grid-row: span 13;}
.grid_module .rowspan_14 {grid-row: span 14;}
.grid_module .rowspan_15 {grid-row: span 15;}
.grid_module .rowspan_16 {grid-row: span 16;}
.grid_module .rowspan_17 {grid-row: span 17;}
.grid_module .rowspan_18 {grid-row: span 18;}
.grid_module .rowspan_19 {grid-row: span 19;}
.grid_module .rowspan_20 {grid-row: span 20;}
.grid_module .rowspan_21 {grid-row: span 21;}
.grid_module .rowspan_22{grid-row: span 22;}
.grid_module .rowspan_23{grid-row: span 23;}
.grid_module .rowspan_24{grid-row: span 24;}



  .grid_module {
      position: relative;
      display: grid;
      grid-template-columns: repeat(24, 1fr);
     grid-template-rows: repeat(12,1fr);
      border-bottom: 1px solid #cdcdcd;    
      margin: 1.5rem 0;
      padding: 1.5rem 0;
  }

  .grid_module.only_bnn{
    border:0;
  }

  .grid_module .cols {
    position: relative;
    /*border: 1px dashed gray;*/
    /*display: grid;*/
    /*grid-template-rows: repeat(12,calc(100px/2));*/
    display: flex;
    flex-direction: column;
  }

  .grid_module .cols .cols {
      display: grid;
      grid-template-columns: repeat(12,1fr);
      /*grid-gap: 2rem;*/
  }

  .grid_module .cols article{
    overflow: hidden; 
    display: inline-flex;
    /*flex-direction: column;*/
    align-items: center;  
    /*grid-template-rows: repeat(12,1fr);*/
    padding-bottom: 1rem;
    margin-bottom:1rem;
    border-bottom: 1px solid #dddddd;

  }
  .grid_module .cols .cols article{
    border: 0;
  }

  /*** paddings **/
    .grid_module .cols{
      padding-left:1rem;
      padding-right: 1rem;
    }
    .grid_module .cols:first-child{
      padding-left:0;
    }
    .grid_module .cols:last-child{
      padding-right: 0;
    }

    .grid_module .cols .cols{
      padding-left:0rem;
      padding-right: 0rem;
    }
    .grid_module .cols .cols article{
      padding-left:0.5rem;
      padding-right:0.5rem;
    }
  /** end paddings **/



  .grid_module .cols article.flex_direction_std{
    flex-direction: column;
  }
  .grid_module .cols article.flex_direction_row{
    flex-direction: row;
  }
  .grid_module .cols article.flex_direction_row figure {
      padding-right: 1rem;
  }
  
  .grid_module .cols article:last-child {
      border: 0;
      align-items: end;
  }

  .grid_module .cols article:first-child, .grid_module .cols article.flex_direction_row {
      align-items: start;
  }

  .grid_module .cols article div.container_flex {
    position: relative;
      width: 100%; 
  }

  .grid_module .cols article .location {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.8rem;
      line-height: 1.1rem;
      width: 100%;
  }
  .grid_module .cols article .location a {
      color: #cfd3dc;
  }

  .grid_module .cols article .location span.dashicons.dashicons-location {
      color: #cfd3dc;
      padding-top: 5px;
  }


  /*** print post header **/
    .grid_module .cols article header{
      box-shadow: none;
      margin: 0;
      padding: 0;
    }

    .grid_module .cols article header a {
      text-decoration: none;
    }

    /** title margin && padding **/
    .grid_module .cols article.tit_1 header h2{
      margin:0;
      padding: 0;
      font-size: 1.1rem;
      line-height: 1.2rem;
    } 

    .grid_module .cols article.img_0.tit_1:first-child header h2{
      margin: 0;
      padding-top: 0; 
    }
  
  /*** print post img && bnn **/
    .grid_module .cols article figure{
      width: 100%;
      height: auto;
    }               

    .grid_module .cols article figure.no_img {
        position: absolute;
        bottom: -11px;
        background: #d5d5d5;
        width: 100px;
        padding: 2px;
    }

    .grid_module .cols article figure.fig_h1 img{
      height: 100px;    
    }
    .grid_module .cols article figure.fig_h2 img, .grid_module .cols article figure img.no_image{
      height: 150px;    
    }
    .grid_module .cols article figure.fig_h3 img{
      height: 200px;
    }

    .grid_module .cols article.bnn_1 figure{
      height: 100%;
      /*height: auto;*/
      padding: 0;
        margin: 0;
        overflow: hidden;
    }

    .grid_module .cols article.bnn_1 figure:before, 
    .grid_module .cols article.bnn_1 figure.publi:before{
      content:"publicidade";
      text-transform: uppercase;
    } 
    .grid_module.only_bnn .cols article.bnn_1 figure{
      width: 100%;
    }
    .grid_module.only_bnn.hidden{
      display: none;
    }

    .grid_module.modular .cols article.bnn_1 figure{
      width: auto;
    }

    .grid_module .cols img {
        width: 100%;        
        /*height: 100%;*/
        height: auto;
        object-fit: cover;
      object-position: top;
    }
    /*** figure->bnn design**/ 
    .grid_module .bnn_1 img{
        width: 100%;        
        /*height: 100%;*/
         height: auto;
        object-fit: fill;
      object-position: top;
    }             /*
                    @media (min-width: 600px){
                      .grid_module.only_bnn .cols article.bnn_1 figure{
                        height: auto;
                      }
                      .grid_module.only_bnn .cols article.bnn_1 img{
                        min-height: 100vh;
                      }
                    }
                  */
    .grid_module .cols article.img_1 figure a{
      margin: 0;
      padding: 0;
    }
    .grid_module .cols article.img_1 img{
      margin: 0;
      /*padding: 1rem 0;*/
      padding: 0; 
    }
    .grid_module .cols article.img_1:first-child img{
      margin: 0;
      padding-top: 0; 
    }


  /**** print_post desc ***/
    .grid_module .cols article.desc_1 div.desc{
      overflow:hidden;    
      padding-top:0.5rem;             
    }

    .grid_module .cols article.desc_1 div.desc span{
      /*font-size: 1.2rem;
        line-height: 1.5rem; */
        padding: 0;
        margin: 0;
        display: block;
        overflow: hidden;                             
      font-size: 1rem;
        line-height: 1.2rem;
    }



               .grid_module .cols article.bnn_0.med_v figure{
                    height: 150%;
                }
                .grid_module .cols article.bnn_0.med_v img{
                    width:auto;
                    height: 100%;
                    margin-left: 50%;
                    transform: translateX(-50%);
                }


/****** MOBILE GRID *****/
  @media (max-width: 600px){
    .grid_module{
      margin:0.5rem 0;
      padding:0.5rem 0;
    }
    .grid_module .cols, .grid_module .cols .cols{
      display: flex;
      grid-column: span 24;
      padding-left:0rem;
      padding-right: 0rem;
    }
    .grid_module.only_bnn .cols{
      grid-gap:1rem;
    }
    .grid_module .cols:first-child{
      padding-left:0;
    }
    .grid_module .cols:last-child{
      padding-right: 0;
    }

    .grid_module .cols article, .grid_module .cols .cols article{
      padding-left:0rem;
      padding-right:0rem;
    }

    .grid_module .cols article.flex_direction_row{
      flex-direction: column;
    }
    .grid_module .cols article.flex_direction_row figure{
      padding-right: 0;
    }

  }

/****** SCREEN 600-1000 GRID *****/
  @media (min-width: 601px) and (max-width: 1000px){

    .grid_module.modular .cols{
      grid-column: span 14;     
    }
    .grid_module.modular .cols{
      padding-left:1rem;
      padding-right: 0rem;
    }
    .grid_module.modular .cols:first-child{
      grid-column: span 10;
      padding-left:0;
      padding-right: 0;
    }
    .grid_module.modular .cols:last-child{
      grid-column: span 24;
      grid-template-columns: repeat(24,1fr);
      padding-left: 0;
      padding-right: 0;
      display: grid;
      grid-column-gap: 1rem;
    }

    .grid_module.modular .cols:last-child article {
      grid-column: span 14;         
    }
    .grid_module.modular .cols:last-child article:first-child {
      grid-column: span 24;
      padding:0;
      margin: 0;
      padding-top:1rem;
      border: 0       
    }
    .grid_module.modular .cols:last-child article:first-child header{
      margin: 0;
    }
    .grid_module.modular .cols:last-child article:last-child {
      grid-column: span 10;         
    }

    .grid_module.modular .cols.items_1:last-child article{
      grid-column: span 24;
    }
    .grid_module.modular .cols.items_2:last-child article{
      grid-column: span calc(24/2);
    }
    .grid_module.modular .cols.items_3:last-child article{
      grid-column: span calc(24/3);
    }
    .grid_module.modular .cols.items_4:last-child article{
      grid-column: span calc(24/4);
    }
    .grid_module.modular .cols.items_5:last-child article{
      grid-column: span calc(24/5);
    }
    .grid_module.modular .cols.items_6:last-child article{
      grid-column: span calc(24/6);
    }
  }
          


/** chivato mods frontend **/
  .chivato_module_name{
    background: #000000;
      padding: 1rem;
      color: #ffffff;
      position: absolute;
      z-index: 999999999999;
      opacity: 0.6;
  }
  .chivato_mods{
      position: absolute;
      /*background: #000000;*/
      overflow: visible;
      display: block;
      height: 28px;
      font-weight: bold;
      opacity: 1;
      font-size: 12px;
      top:0;
      width: 95%;
      z-index: 9999;
  }

  .chivato_mods .key{
    position:absolute;
    top:2px;
    left:2px; 
    background: mediumpurple;
    padding: 0.2rem;
  }

  .chivato_mods .auto_si {
      position: absolute;
      top: 2px;
      right: 2px;
      background: mediumpurple;
      padding: 0.2rem;
  }
  .loop_sec .chivato_mods .auto_si {
      background: blue;
  }

  .chivato_mods .auto_si.duplicado {
      background: red;
  }
  .chivato_mods .auto_si.forzado {
      background: orange;
      border:3px solid red;
  }

  .chivato_mods .auto_si.caducado {
      background: purple;
  }

  .chivato_mods .auto_no {
      position: absolute;
      top: 2px;
      right: 2px;
      padding: 0.2rem;
  }
  .chivato_mods .auto_no.order_0 {
      background: pink;
  }
  .chivato_mods .auto_no.order_1 {
      background: orange;
  }
  .loop_sec .chivato_mods .auto_no.order_0 {
      background: teal;
  }
  .loop_sec .chivato_mods .auto_no.order_1 {
      background: turquoise;
  }

  .chivato_mods .auto_no.duplicado {
      background: red;
  }

  .chivato_mods .out {
      background: yellow;
      float: right;
      margin-top: 25px;
      padding: 2px;
  }


  .chivato_mods .empty {
      position: absolute;
      top: 2px;
      right: 2px;
      background: red;
      padding: 0.2rem;
      color:#fff;
  }




          article .container_flex span.admin_edit {
              right: 35%;
          }
           article.img_1 .container_flex span.admin_edit {
              right: 1rem;
          }

          .container_flex span.admin_edit {
              position: absolute;              
              top: 0.5rem;
              z-index: 99999;
          }
          .container_flex span.admin_edit a {
              text-decoration: none;
              color: brown;
          }



/*********************** CPTYPEPAGES DEFAULT DESIGN *************************/
  

  section.dpps .grid-module.default .grid-cell{
    height: auto;
  }

  section.dpps .grid-cell .post_excerpt{
    display: none;
  }



/*********************** CPTYPEPAGES EN LISTADOS *************************/

  section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+1), 
  section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+3), 
  section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+2) {
      max-width: 14%;
      height: auto;
      margin: 1rem 1rem;
      padding: 0;
  }

  section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+1) .thumbnail, 
  section#dep_newscat  .grid-module.default .grid-cell:nth-child(3n+3) .thumbnail, 
    section#dep_newscat  .grid-module.default .grid-cell:nth-child(3n+2) .thumbnail {
      display:none;
  }
  section#dep_newscat .grid-module .grid-wrapped .grid-container{
    padding:0;
  }

  section#dep_newscat .grid-module .grid-wrapped .points, 
  section#dep_newscat .grid-module .grid-wrapped .thumbnail{
    display:none;
  }

  section#dep_newscat .grid-cell span.admin_edit, 
  section#dep_newscat #post_content span.admin_edit{
    float: left;
    font-size: 0.5rem;
  }


  @media (max-width: 799px){
      section#dep_newscat .grid {
        display: flex;
      }    

      section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+1), 
      section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+3), 
      section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+2){
        width:50%;
      }
  }

  @media (max-width: 399px){
    section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+1), 
    section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+3), 
    section#dep_newscat .grid-module.default .grid-cell:nth-child(3n+2) {
        width:100%;
        margin:1rem 0;
      }
  }