/*
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: 'Titillium Web', 'Open Sans';
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding:0.5rem 3rem;
  /*background: #fdfdfd;*/
  color:#382828;
}

header{
  position: relative;
}
.block{
  padding:1rem 0;
}


#logo img{
    max-width: 500px;
}

    



.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;}





    
        #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;
}*/
/**************************************************************
************************* MENUS ******************************
**************************************************************/
#galiciaxa_href {
    position: absolute;
    right: 0;
    margin-top: -1rem;
    background: #df3a7c;
    padding: 0.5em 1.4em;
    z-index: 99999;
}
#galiciaxa_href a {
    color: #fff;
    text-decoration: none;
}



 .search-form {                                                
    position: absolute;
    right: 20rem;
}

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

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

}



  /********* 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: relative;
          width: 100%;
          display: inline;
      }

      #main_navigation ul {          
          background: #06A3DF;
          line-height: 1.3rem;
      }

      #main_navigation ul li a {
          color: #ffffff;
          padding: 0.8rem 1.5rem;
          text-transform: uppercase;
          font-size: 1rem;
          border-right: 0.3rem solid #fff;
      }
      #main_navigation ul li.noactive a{
          color:red;
      }

     #main_navigation ul li.home a {
        font-size: 0;
     }

     .dashicons-admin-home:before{content:"\f102"}
     
      #main_navigation ul li.galicia a:hover, #main_navigation ul li.galicia a.active {
          /*background: #009ed8;
          background: #029abb;*/
          background: #06A3DF;
      }
      #main_navigation ul li.lugo a:hover, #main_navigation ul li.lugo a.active {
          background: #a8b10b;
      }
      #main_navigation ul li.pontevedra a:hover, #main_navigation ul li.pontevedra a.active {
          background: #f9e000;
          color: #003a6c;
      }
      #main_navigation ul li.ourense a:hover, #main_navigation ul li.ourense a.active {
          background: #f39b2a;
      }
      #main_navigation ul li.coruna a:hover, #main_navigation ul li.coruna a.active {
          /*background: #029abb;*/
          background: #038eac;
        
      }
      #main_navigation ul li.santiago a:hover, #main_navigation ul li.santiago a.active {
          background: #d80972;
      }
      #main_navigation ul li.vigo a:hover, #main_navigation ul li.vigo a.active {
          background: #a80953;
      }
      #main_navigation ul li.ferrol a:hover, #main_navigation ul li.ferrol a.active {
          background: #9693c3;
      }
     
      #main_navigation ul li.blog {        
          float: right;
          padding-right:2em;
      }
      #main_navigation ul li.blog a{
          background: brown;

      }     
      #main_navigation ul li.blog a:hover {
          background: brown;
      }
      /* #main_navigation ul li a.active:after{
        content:" ";
        width: 0; 
        position: absolute;
        bottom: -10;
        left:0;
       height: 0; 
       border-top: 10px solid #f0ad4e;
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;
       border-bottom: 10px solid transparent; 
       z-index: 999;
      }*/


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


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


       #secondary_navigation {
          position: relative;                          
          width: 100%;
          margin: 0.5em auto;
          height: 33px;
          overflow: hidden;
        }

     
      body#galicia #secondary_navigation ul {
          /*background: #029abb;*/
          background: #06A3DF;
      }
      body#lugo #secondary_navigation ul {
          background: #a8b10b;
      }
      body#pontevedra #secondary_navigation ul {
          background: #f9e000;        
      }

        body#pontevedra #secondary_navigation a {
            color: #003a6c;        
        }      

      body#ourense #secondary_navigation ul {
          background: #f39b2a;
      }
      body#coruna #secondary_navigation ul {
          background: #038eac;
      }      
      body#santiago #secondary_navigation ul {
          background: #d80972;
      }
      body#vigo #secondary_navigation ul {
          background: #a80953;
      }
      body#ferrol #secondary_navigation ul {
          background: #9693c3;
      }
      body#blog #secondary_navigation ul {
          display: none;
          background: brown;
      }



      #secondary_navigation ul li a {
          color: #fff;
          font-size: 1rem;
          border-right: 2px solid #fff;
          padding: 0.3em 1.2em;
          text-transform: capitalize;
      }



      #secondary_navigation ul li a:hover, #secondary_navigation ul li a.active {
          background: #06A3DF;
      }


 /********* MENU SPECIALS ---> HOY - MAÑANA - FIN DE SEMANA */
      #nav-container{
        position: relative;
      }

      #specials_navigation{
          position: absolute;
          right: 0;
          margin: 0;
          background: #fff;
      }

      #specials_navigation ul li {
          background: #fff;
          margin: 0 0 0 0.4rem;
      }

      #specials_navigation ul li a {
          background: #fff;
          padding: 0.2rem 1rem;
          border: 1px solid #01a0e1;
          color: #01a0e1;        
      }


 /********* MENU FOOTER EVENTCAT */

      #footer_navigation .grid-cell {
          width: calc(100%/4);
          height: auto;
          /*border-width: 0 1.5em 1.5em 0;*/
      }

              #footer_navigation .grid-cell:nth-child(4n+1) {
                /*  border-color: yellow; */
                  border-width: 0.8rem 0.8rem 0.8rem 0
              }
              #footer_navigation .grid-cell:nth-child(4n+2) {
                /*  border-color: violet; */
                  border-width: 0.8rem 0.6rem 0.8rem 0.4rem
              }
              #footer_navigation .grid-cell:nth-child(4n+3) {
                /*  border-color: green; */
                  border-width: 0.8rem 0.4rem 0.8rem 0.6rem
              }

              #footer_navigation .grid-cell:nth-child(4n+4) {
                /*  border-color: red; */
                  border-width: 0.8rem 0 0.8rem 0.8rem
              }


      #footer_navigation .grid-cell img {
          width: 100%;
          height: 100%;
      }

      #footer_navigation .grid-cell a:before {
         /* content: "cine"; */
          background: black;
          width: 100%;
          padding: 0rem 0;
          position: absolute;
          font-size: 1.6rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          text-transform: capitalize;
          bottom:0.4rem;
          opacity: 0.4;
      }

      #footer_navigation .grid-cell  a:hover::before {
        opacity: 0.8;
      }
     

      #footer_navigation .grid-cell a#cine:before {
          content: "cine";
      }
      #footer_navigation .grid-cell a#conciertos:before {
          content: "conciertos";
      }
      #footer_navigation .grid-cell a#teatro:before {
          content: "teatro";
      }
      #footer_navigation .grid-cell a#infantil:before {
          content: "infantil";
      }
      #footer_navigation .grid-cell a#humor:before {
          content: "humor";
      }
      #footer_navigation .grid-cell a#ferias:before {
          content: "ferias";
      }
      #footer_navigation .grid-cell a#festivales:before {
          content: "festivales";
      }
      #footer_navigation .grid-cell a#gastronomia:before {
          content: "gastronomia";
      }
      #footer_navigation .grid-cell a#talleres:before {
          content: "talleres";
      }
      #footer_navigation .grid-cell a#conferencias:before {
          content: "conferencias";
      }
      #footer_navigation .grid-cell a#deportes:before {
          content: "deportes";
      }
      #footer_navigation .grid-cell a#teatro:before {
          content: "teatro";
      }
      #footer_navigation .grid-cell a#fiestas:before {
          content: "fiestas";
      }
      #footer_navigation .grid-cell a#presentaciones:before {
          content: "presentaciones";
      }
      #footer_navigation .grid-cell a#noticias:before {
          content: "noticias";
      }


/*
#primary_navigation ul, #secondary_navigation ul, #menu_social ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #fdfdfd;
  margin:10px 0;
}

#primary_navigation ul li, #secondary_navigation ul li {
  float: left;
}

#secondary_navigation ul li {
  padding: 0;
}

#primary_navigation ul li a, #secondary_navigation ul li a {
    display: block;
    text-align: center;
    padding: 20px 25px 20px;
    text-decoration: none;
}

#primary_navigation ul li a {
    color: #382828;   
    padding: 20px 25px 20px;
    text-transform: uppercase;
    font-size: 1.2rem;    
}

#secondary_navigation ul li a {
    color: #4141db;
    font-size: 1rem;
    padding: 0px 15px 5px;
    border-bottom: 1px solid #c8b1ff;
    margin: 0px 10px 0;
} 

#primary_navigation ul li a:hover:not(.active) { 
  color:#000;
}

#primary_navigation ul li a:.active {
  background-color: #fdfdfd;
  color:#000;
}

#secondary_navigation ul li a:active, #secondary_navigation ul li a:hover {
  border-bottom: 1px solid #4141db;
  font-size:1.1rem;
}
*/


// 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;}





















/****************************************************************************/
/*************************** 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;
}

.grid-cell:nth-child(3n+1) {
  /*  border-color: yellow; */
    border-width: 1.3rem 1.3rem 1.3rem 0;
}
.grid-cell:nth-child(3n+2) {
  /*  border-color: violet; */
    border-width: 1.3rem 1.3rem 1.3rem 1.3rem;
}
.grid-cell:nth-child(3n+3) {
  /*  border-color: red; */
    border-width: 1.3rem 0 1.3rem 1.3rem;
}


@media (min-width: 900px){
  .grid-cell.colspan_1:nth-child(3n+1) {
      border-width: 1.3rem 1.3rem 1.3rem 0;
      width: 32.75%;
  }
  .grid-cell.colspan_1:nth-child(3n+2) {
      width: 34.5%;
  }
  .grid-cell.colspan_1:nth-child(3n+3) {
      width: 32.75%;
  }
}


.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;
    display: block;
    overflow: auto;
}


.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;
}


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

.grid-wrapped .grid-container{
    position: relative;
    /*border: 1px solid #646464;*/
    border-top:0;
    padding: 0.5em 1.5em 1.1em 1.5em;
}

.grid-wrapped .grid-container .ocio, .grid-wrapped .grid-container .eventcat, #children .grid-wrapped .grid-container .locatoin  {
    line-height: 1.2em;
    height: 1.2em;
}





          .grid_module .cols article .location {
              text-transform: none;
              font-size: 1rem;
              line-height: 1.8rem;
              width: 100%;
              font-weight: normal;
              max-height: 1.8rem;
              overflow: hidden;
          }

          .grid_module .cols article .location span.dashicons.dashicons-location {
              color: #000;
              padding-top: 5px;
              font-weight: normal;
          }
          .grid_module .cols article .location a {
              color: #000;
              text-decoration:none;
          }



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

.grid-cell h3 {
    position: relative;
    height: 3rem;
    line-height: 1.5rem;
    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: 1.5em;
    font-weight: bold;
    color: #06a3df;
}


#post_content {
    font-size: 1rem;
}
#post_content a{
    color: #114983;
}

#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;
}

#post_content #pdf {    
    height:3rem;
    line-height: 1.2rem;
    display: flex;
    align-items: center;
}

#post_content #pdf a {    
    color: #d48f11;
    text-transform: capitalize;
    font-size: 1.3rem;
}


/******** 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: 0.8rem;
    line-height: 28px;
    height: 1rem;
    float: right;
}

#post_content #artist {
    float: none;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: lowercase;
}

.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, #post_content span.admin_edit {
    position: absolute;
    font-size: 0.8rem;
    top: 0.4rem;
    right: 5rem;
    z-index: 9999;
}

.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: 1000px){
     #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 (max-width: 1100px) and (min-width: 901px){
    #main_navigation ul li a {
        padding: 0.7rem 1rem;
        font-size: 1rem;
        border-right: 0.2rem solid #fff;
    }
     #ficha #post_img {
        width: 40%;
    }    
}


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

 /* .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% / 2);} */
  .grid-cell.colspan_1{width: calc(100%/2);}
  .grid-cell.colspan_2{width: calc(100%/2);}
  .grid-cell.colspan_3{width: calc(100%/2);}
  .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;
    }
}


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

    #main_navigation ul li.home a {
      display: none;
    }
    #main_navigation ul li.blog {
      padding-right: 0.5rem;
    }
    #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: 500px){
     #datepicker .datepicker-inline {
        width: 80%;
        margin: 0 auto;
        padding-right: 0;
    }
    #datepicker table.table-condensed tr td{
          padding: 0.3rem;
    }
}

@media (max-width: 400px){
     #datepicker .datepicker-inline {
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }
    #datepicker table.table-condensed tr td{
          padding: 0.1rem;
    }
}




@media only screen and (max-width: 598px) 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 ul li {
    display: inline-block;
    margin: 5px;
}
#pagination ul li span {
    display: block;
    padding: 15px;
    background: #c6c6e9;
    border: 1px solid gray;
}
#pagination ul li a.page-numbers {
    display: block;
    padding: 15px;
    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: 30px;
}
#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;
}






/************** 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: 1px solid #000;
    overflow: hidden;
    margin-top: 0.5rem;
}

#ficha.no_img {
    border-width: 0 0 0 1px;
    margin: 0;
    padding: 0;
    border-color: #06a3df;
    border-left: outset;
    background: #f6f6f6;
}

#ficha #post_img {
    float: left;
    margin: 0 1.5rem 1.5rem 0;
    width: 45%;
    height: auto;
}
#ficha #post_img img {
    width: 100%;
    height: auto;
}

#ficha #post_content {
    position: relative;
    font-size: 1rem;
    margin: 1rem 1.5rem;
    line-height: 1.5rem;
}

#ficha #post_content h1, #only_title h1 {
    color: #3b62ff;
    font-size: 1.5em;
    padding:0;
    margin: 0;
}

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



/*********************** FICHA EVENTCAT ************************/
      #eventcat #ficha #post_img {
          float: none;
          margin: 0;
          width: 100%;
          height: 9rem;
          overflow: hidden;
          background: #000;
      }

      #eventcat #ficha #post_img img {
        width: 100%;
        height: auto;
        opacity: 0.3;
        overflow: auto;
      }

      #eventcat #ficha #post_content {
        position: absolute;
        top: 0;
        z-index: 999;
        color: #fff;  
        width: 100%;
      }
      #eventcat #ficha #post_content h1{  
          color: #fff;
          font-size: 3rem;
          padding: 1.5rem;
          margin: 0;
          text-transform: uppercase;
      }



#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 ************/
section.dpps {
    margin-top: 2rem;
}


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;
}


main .dpps .grid .location {
    font-weight: bold;
    text-transform: uppercase;
    float: right;    
}
main .dpps .grid .location a{
  color: #382828;
}
/*
main .dpps .grid .location:before {
    content: "-";
    padding: 0 0.5rem;
}*/




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

section#children{
    margin:2rem 0;
}

section#children .grid .artist{
    float:none;
    text-transform: uppercase;
    line-height: 2rem;
    height: 2rem;
    font-size:1rem;
}
section#children .grid .artist a{
    color:blue;
}
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;
   /* border-radius: 0 0 10px 10px;*/
    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#venue .dpps .grid-img.thumbnail{
  max-width: 200px;
}


main#artist .grid .ocio, main#venue .grid .ocio, section#children .grid .ocio {
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}


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%;
}

@media screen and (max-width: 650px) {
  /*main#artist .dpps .grid-img.thumbnail, main#venue .dpps .grid-img.thumbnail, */
  section#children .grid-img.thumbnail, section#children .grid-wrapped .grid-container {
      width: 100%;
  }

}


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 ***********************/
#tags ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5rem;
}
#tags ul {list-style-type: none;  }
#tags ul li {float: left;padding-right: 2rem;}
#tags a{text-decoration: none;}
#tags a:before {content: "#";text-decoration: none;}









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

/************************/
footer {
    position: relative;
    padding: 1rem;
    background: #06a3df;
    color: #fff;
    display: block;
    overflow: hidden;
}
footer ul {
    list-style-type: none;
    float:left;
    width: 25%;
}
footer a {
    color: #fff;
    font-size: 0.9rem;
    text-decoration: none;
}

footer img{
    position: absolute;
    right: 6rem;
    width: 45%;
    opacity: 0.6;
    top: 3rem;
}


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

                  @media screen and (max-width: 800px) {
                      footer ul {
                          width:33%;
                      }
                      footer img {
                          width: 20%;                          
                          right: 0.5rem;
                          top: 0.5rem;                        
                      }
                  }

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



#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;
}


main#venue #ficha #ficha_venue {
    background: #e7f5ff;
    padding: 0.3rem;
}
main#venue #ficha #ficha_venue ul {
    list-style-type: none;
}

main#venue #ficha #ficha_venue .dashicons {
    margin-right: 0.5rem;
    padding: 0;
    font-size: 16px;
    line-height: 1.5rem;
}

main#venue .dpps .grid-cell.colspan_1{
  border: 0;
}

main#venue .dpps .grid-img.thumbnail{
  float: left;

}
main#venue .grid-wrapped .grid-container{
  float: left;
  border: 0;
}

main#venue .grid .ocio{
  float: left;
}



/******************* ferias **********************/
#ferias #ficha {
    border: 0;
    padding: 0;
}

#ferias #ficha #post_img {
    width: 36%;
    margin: 0.2rem;
    float:right;
}

#ferias #ficha #post_content{
    margin:0;
    padding-top:2rem;
}


#ferias #ficha #post_content h1 {
    color: #3b62ff;
    font-size: 1.5em;
    padding: 1rem;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
#ferias #ficha ul#tabs {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #fff;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#ferias #ficha #post_content ul{
    list-style-type: none;
    padding-left: 0rem;
}

#ferias #ficha ul#tabs li {
    float: left;
    background:#038eac;
    padding: 0.3rem;
    border-right: 0.2rem solid #fff;
}
#ferias #ficha ul#tabs li.active {
    background: #3b62ff;
}

#ferias #ficha ul#tabs a {
    color: #fff;
    text-decoration: none;
    padding: 1rem;
}
#ferias #ficha .tab-content {
    display: none;
    overflow: auto;
    border: 1px solid #3b62ff;
    margin: 0;
    padding: 0.5rem 2rem;
}
#ferias #ficha .tab-content.active {
    display: block;
}


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

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

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





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

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







                  @media screen and (min-width: 799px) {
                      #galiciaxa_href {   
                          top: 86px;
                      }
                      .search-form {
                          top: 4.4rem;
                          right: 10rem;
                      }
                  }


/*********************** MEDIA QUERIES *************************/
@media screen and (max-width: 800px) {
  body{
    padding: 0.5rem 1.5rem;
  }

  #logo{
    text-align: center;
  }
  #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;
  }

  .search-form{
      right: 0;
      padding: 0.7rem 0;
     /* top:0.8; */
  }
  .search-form button{
      top:0.8rem;
  }


  #galiciaxa_href {
      padding: 0.3em 1em;
      margin-right: 0;
      margin-top: 3.8rem;
  }




/*
.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 ul li.home a {
                    font-size: 1rem;
                    padding-left:1rem;
                }


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

              #main_navigation ul{display: none;}
              #main_navigation ul.active {display: block;}      


              #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;
              }
              .toggle-nav2.active {                  
                  position:absolute;
                  z-index: 99999;
                  top:-0.2rem;
                  left:0rem;
                  color:#fff;

                  -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{
                height: auto;
              }

                #secondary_navigation ul li a{
                  border-right: 0;
               }               
              #secondary_navigation li a {display:block;overflow:hidden;color:#ffffff;margin: 0;padding: 0.5rem 0;padding-left:3rem;}

              #secondary_navigation ul{display: none;}
              #secondary_navigation ul.active {display: block;}      


              #secondary_navigation ul ul {position: relative;top:0;}
              #secondary_navigation ul ul li a {height: 38px;line-height: 38px;}
              #secondary_navigation ul ul li:last-child {border: 0;margin-top:0;}
              #secondary_navigation ul ul:after {display: none;}
             
              #secondary_navigation li {border-bottom: 1px solid #fff;float:none;display:block;padding:0.5 0;}
              #secondary_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 #post_content h1, #only_title h1 {             
                  margin:0 auto;
                  line-height: auto;
                  height: auto;
              }

              /*** ficha eventcat ***/
               #eventcat #ficha #post_content h1{                   
                  font-size: 1.5rem;
                  padding: 1.5rem;
              }

              /*** ficha ferias ***/
              #ficha.ferias ul#tabs a {
                padding: 0.5rem;
                font-size: 0.9rem;
            }



}    



          @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}










/***********************************/
.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 .cols article {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  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;*/
			padding: 0.5rem 1rem;
		}

		@media (min-width: 1001px){
			.grid_module .cols .cols article:nth-child(3n+1) {
			  padding-left: 0;
			}      
			.grid_module .cols .cols article:nth-child(3n+3) {
			  padding-right: 0;
			}

     
            /* corrección bn height 600 */
              .grid_module.ocio2_bis .cols .cols article:nth-child(3n+6) {
                padding-left: 0;
                padding-right: 1rem;
              } 
              .grid_module.ocio2_bis .cols .cols article:nth-child(3n+7) {
                padding-left: 1rem;
                padding-right: 1rem;
              } 
              .grid_module.ocio2_bis .cols .cols article:nth-child(3n+8) {
                padding-left: 1rem;
                padding-right: 0;
              } 

		}

		@media screen and (max-width:700px) {
			.grid_module .cols .cols article,
			.grid_module .cols .cols article:nth-child(3n+1),
			.grid_module .cols .cols article:nth-child(3n+2),
			.grid_module .cols .cols article:nth-child(3n+3) {
				padding-left: 0.5rem;
				padding-right: 0.5rem;
			}
		}

		@media (max-width: 1000px) and (min-width: 701px){


			.grid_module .cols .cols article,
			.grid_module .cols .cols article:nth-child(3n+1),
			.grid_module .cols .cols article:nth-child(3n+2),
			.grid_module .cols .cols article:nth-child(3n+3) {
				padding-left: 0.5rem;
				padding-right: 0.5rem;
			}
		}


	/** end paddings **/


         
      /**** bnn centered vertical **/        
          @media screen and (min-width:700px) {
              .grid_module .cols .cols article figure.bnn_class img{
                text-align: center;
                /*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); */
              }
          }        
          @media screen and (max-width:700px) {
            .grid_module .cols .cols article figure.bnn_class a{
                display: flex;
            }
            .grid_module .cols .cols article figure.bnn_class img{            
              position: relative;
              margin: 0 auto;
              width:auto;
              height: auto;
            }
                
                .grid_module.ocio2_bis .cols .cols article figure.bnn_class img{            
                  width:100%;
                }

          }
       /**** EOF bnn centered vertical **/


	.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 header{
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 0;
}



  .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.8rem;
	    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;
      height: 5rem;
		} 

		.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{
			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.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;
		}


/****** 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 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_mods2 {
	  position: absolute;
	  width:100%;
	}
	.chivato_mods2 .duplicado {
	    position: absolute;
	    top: 1px;
	    left: 45%;
	    background: black;
	    color: white;
	    padding: 0.2rem;
	}
*/
	.chivato_mods .empty {
	    position: absolute;
	    top: 2px;
	    right: 2px;
	    background: red;
	    padding: 0.2rem;
	    color:#fff;
	}



/************** default_module **************
#default_module {
    grid-gap: 2rem;
}
#default_module article {
    height: 415px;
    border: 1px solid gray;
    overflow: hidden;
}
#default_module article figure {
    margin-bottom: 0;
}
#default_module article img {
    width: 100%;
}
#default_module article header, #default_module article .desc {
    padding: 0 1rem;
    margin: 0;
}
*/

		  
          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;
          }


































      





          .grid_module.ocio1,
          .grid_module.ocio2,
          .grid_module.ocio2_bis,
          .grid_module.ocio3 {
              border: 0;
              margin:0;
              padding: 0;
          }

          .grid_module.ocio1 .cols article figure.fig_h2 img,
          .grid_module.ocio2 .cols article figure.fig_h2 img,
          .grid_module.ocio2_bis .cols article figure.fig_h2 img,
          .grid_module.ocio3 .cols article figure.fig_h2 img {
              height: 280px;
          }

          .grid_module.ocio1 .cols article figure, 
          .grid_module.ocio2 .cols article figure,
          .grid_module.ocio2_bis .cols article figure, 
          .grid_module.ocio3 .cols article figure {
              margin: 0;
          }


          .grid_module.ocio1 .cols article div.container_flex, 
          .grid_module.ocio2 .cols article div.container_flex, 
          .grid_module.ocio3 .cols article div.container_flex,
          .grid_module.ocio2_bis .cols article div.container_flex {
              width: 100%;
              position: relative;
              border: 1px solid #646464;
              border-top: 0;
              padding: 0.5em 1.5em 1.1em 1.5em;
          }


          .grid_module.ocio1 h2, 
          .grid_module.ocio2 h2,
          .grid_module.ocio2_bis h2, 
          .grid_module.ocio3 h2 {
              position: relative;                          
              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-weight: bold;
              color: #06a3df;
              font-size: 1.2em;
          }
          .grid_module.ocio1 h2 a, 
          .grid_module.ocio2 h2 a, 
          .grid_module.ocio2_bis h2 a,
          .grid_module.ocio3 h2 a {
              color: #06a3df;
              text-decoration: none;
              font-size: 1.2em;
              line-height: 1em;
          }

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

/******************* eof new grid_system ******************************/





        article.banner_manual{text-align: center;}

        @media (max-width: 1100px) and (min-width: 600px){
          img.banner_manual{

            position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
          }
        }


           @media screen and (max-width:600px) {
             img.banner_manual{
              position: relative;
              margin: 0 auto;
            }
        }




























/*********************** 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;
    }





/************** 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: #06a3df;
  }

.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-wrapped .grid-img{
         overflow: hidden;
         height: 260px;
      }
         


      .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;
              border: 1px solid #ccc;
              border-top: 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:2rem 0;*/
                   height: 435px;
                }
                .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.default .grid-cell:nth-child(3n+1),                
                .grid-module.default .grid-cell:nth-child(3n+3),              
                .grid-module.default .grid-cell:nth-child(3n+2){
                    border-width:1.3rem;
                }
               /*
                .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;
                }*/





        /************* 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;
    }




}