.ad-left,
.ad-right {
  display: inline-block;
  float: none;
  text-align: center;
  vertical-align: top;
}

.ad-left + .ad-right {
  margin-left: 10px;
}

.ads,
.ad-skyscraper-left,
.ad-skyscraper-right {
  overflow: visible;
}

.ads-skyscraper-container {
  padding-left: 0;
  padding-top: 0;
}

.interstitial {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50000;
}

.interstitial-open {
  height: 100%;
  overflow: hidden;
}

.interstitial-visible {
  display: block;
}

.interstitial-wrapper {
  margin: 0 auto;
  max-width: 95%;
}

.interstitial-content {
  width: 100%;
}

.interstitial-content .oat:before {
  content: "";
}

.interstitial-content .oat > *:not(script) {
  margin: 0 !important
}

.interstitial-header {
  clear: both;
  display: table;
  padding: 8px 0;
  text-align: left;
  width: 100%;
}

.interstitial-close-button {
  cursor: pointer;
  float: right;
}

.interstitial-close-button:hover {
  text-decoration: underline;
}

.oat {
  clear: both;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.oat:before {
  color: #838383;
  content: attr(data-mark);
  display: block;
  font-size: 10px;
  line-height: 15px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.oat > *:not(script) {
  display: block;
}

.oat img {
  height: auto;
  max-width: 100%;
}

.oat-container {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.oat-content {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.oat-left > *,
.oat-right > * {
  padding-top: 0;
  margin-left: 0;
}

.oat-visible {
  align-items: center;
  display: flex;
  visibility: visible;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.oat-visible > * {
  width: -webkit-fill-available;
  width: -moz-available;
}

.oat-bottom > * {
  margin-bottom: 15px;
}

.oat-left > * {
  margin-left: 15px !important;
}

.oat-right > * {
  margin-right: 15px !important;
}

.oat-top > * {
  margin-top: 15px !important;
}

.oat-bottom:before {
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
}

.oat-left:before {
  left: -50%;
  margin-left: 7.5px;
  position: absolute;
  top: 50%;
  transform: rotate(-90deg);
}

.oat-right:before {
  right: -50%;
  margin-right: 7.5px;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
}

.oat-top:before {
  position: absolute;
  margin-bottom: 0;
  top: 0;
}

.recaptcha {
  width: 304px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .oat.hidden-phone {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .oat.hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .oat.hidden-desktop {
    display: none !important;
  }
}

.cookies-overlay button {
  background: none;
  border: none;
  margin: 0;
  padding: 5px;
  float: right;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bolder;
  font-style: normal;
}

.cookies-overlay p {
  width: 85%;
}

.cookies-overlay a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 479px) {
  .cookies-overlay p {
    margin: 0;
    float: none;
    width: 100%;
    padding: 5px;
    font-size: .8em;
    line-height: 1.3em;
  }

  .interstitial-header-title {
    display: none;
  }

  .interstitial-header {
    text-align: center;
  }

  .interstitial-close-button {
    float: none;
  }
}


    
  :root {
          --font-primary-default: "Lora";
      --font-secondary-default: "Roboto";
        --font-arsenal: 'Arsenal', 'Helvetica', 'Arial', 'sans-serif';
    --font-arsenal-weight: bold;
    --font-assistant: 'Assistant', 'Helvetica', 'Arial', 'sans-serif';
    --font-assistant-weight: bold;
    --font-exo: 'Exo', 'Helvetica', 'Arial', 'sans-serif';
    --font-exo-weight: bold;
    --font-ibm-plex-sans: 'IBM Plex Sans', 'Helvetica', 'Arial', 'sans-serif';
    --font-ibm-plex-weight: bold;
    --font-lato: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
    --font-lato-weight: bold;
    --font-lora: 'Lora', 'Times', 'serif';
    --font-lora-weight: bold;
    --font-merriweather: 'Merriweather', 'Times', 'serif';
    --font-merriweather-weight: bold;
    --font-montserrat: 'Montserrat', 'Helvetica', 'Arial', 'sans-serif';
    --font-montserrat-weight: bold;
    --font-noto-serif: 'Noto Serif', 'Times', 'serif';
    --font-noto-serif-weight: bold;
    --font-noto-serif-sc: 'Noto Serif SC', 'Times', 'serif';
    --font-noto-serif-sc-weight: bold;
    --font-open-sans: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
    --font-open-sans-weight: bold;
    --font-playfair-display: 'Playfair Display', 'Times', 'serif';
    --font-playfair-display-weight: normal;
    --font-pt-sans: 'PT Sans', 'Helvetica', 'Arial', 'sans-serif';
    --font-pt-sans-weight: bold;
    --font-pt-serif: 'PT Serif', 'Times', 'serif';
    --font-pt-serif-weight: normal;
    --font-public-sans: 'Public Sans', 'Helvetica', 'Arial', 'sans-serif';
    --font-public-sans-weight: bold;
    --font-raleway: 'Raleway', 'Helvetica', 'Arial', 'sans-serif';
    --font-raleway-weight: bold;
    --font-roboto: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    --font-roboto-weight: bold;
    --font-roboto-slab: 'Roboto Slab', 'Times', 'serif';
    --font-roboto-slab-weight: bold;
    --font-titillium-web: 'Titillium Web', 'Helvetica', 'Arial', 'sans-serif';
    --font-titillium-weight: bold;
    --font-primary: var(--font-lora, var(--font-primary-default));
    --font-primary-weight: var(--font-lora-weight);
    --font-secondary: var(--font-montserrat, var(--font-secondary-default));
    --font-secondary-weight: var(--font-montserrat-weight);
  }
      /**************************
    Generic colors for site
    ***************************/
    :root {
      --site-color: #717475;
    }
    .site-color,
    .text-site-color,
    .site-color > a,
    a.site-color {
      color: #717475!important;
    }
    .bg-site-color {
      background-color: #717475!important;
    }
    .border-site-color,
    .btn-primary {
      border-color:#717475!important;
    }
    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover,
    .datepicker table tr td.active {
      background-color:#717475!important;
      background-image:none;
    }
    .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 tableba tr td.active.active:hover,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled.active:hover,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled.disabled:hover,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active[disabled]:hover,
    .datepicker table tr td.active.disabled[disabled],
    .dropdown-item:active,
    .datepicker table tr td.active.disabled[disabled]:hover {
      background-color:#717475!important; background-image:none;
    }
    .inner-content .body a,
    .inner-content .content-body a,
    .inner-content .content-body h3,
    .inner-content .content-body blockquote:before,
    .inner-content .content-body blockquote:after,
    .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal > li.active a,
    .menu-sidebar .navbar .nav-link.dropdown-toggle[aria-expanded="true"]:after,
    .pagination li.active a,
    .comment-sharing .btn-link,
    .letter-list .onm-new.onm-new-letter .article-data .date-container:before {
      color: #717475;
    }
    .widget-header,
    .onm-new.onm-new-big_content-wide .article-data .section,
    .onm-new.onm-new-opinion,
    .onm-related-content:before {
      border-color: #717475;
    }
    .onm-related-content {
      border-top-color: #717475;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled.disabled,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active.disabled:hover.active,
    .datepicker table tr td span.active.disabled:hover.disabled,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.disabled:hover:hover,
    .datepicker table tr td span.active.disabled:hover[disabled],
    .datepicker table tr td span.active.disabled[disabled],
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active:hover.disabled,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active:hover:hover,
    .datepicker table tr td span.active:hover[disabled],
    .datepicker table tr td span.active[disabled] {
      background-color: #717475;
    }
    .reading-progress::-webkit-progress-value {
      background-color: #717475;
    }
    .reading-progress::-moz-progress-bar {
      background-color: #717475;
    }
  

  
  :root {
    --second-color: #141212;
  }
  .second-color,
  .text-second-color,
  .second-color > a,
  a.second-color {
    color: #141212!important;
  }
  .bg-second-color {
    background-color: #141212!important;
  }
  .border-second-color {
    border-color: #141212!important;
  }


      /*********************
    CSS for categories
    **********************/
                  /* Rules for category bienestar */
        .text-bienestar,
        a.text-bienestar,
        .text-bienestar a,
        .color-bienestar,
        .bienestar-color {
          color: #ffffff!important;
        }

        .bg-bienestar {
          background-color:#ffffff!important;
        }
        .border-bienestar {
          border-color:#ffffff!important;
        }

        .bg-bienestar .nav-link,
        .bg-bienestar .a {
          color: #fff
        }
        .reading-progress.bienestar::-webkit-progress-value {
          background-color: #ffffff;
        }
        .reading-progress.bienestar::-moz-progress-bar {
          background-color: #ffffff;
        }
                        /* Rules for category comunidad-de-madrid */
        .text-comunidad-de-madrid,
        a.text-comunidad-de-madrid,
        .text-comunidad-de-madrid a,
        .color-comunidad-de-madrid,
        .comunidad-de-madrid-color {
          color: #dc2127!important;
        }

        .bg-comunidad-de-madrid {
          background-color:#dc2127!important;
        }
        .border-comunidad-de-madrid {
          border-color:#dc2127!important;
        }

        .bg-comunidad-de-madrid .nav-link,
        .bg-comunidad-de-madrid .a {
          color: #fff
        }
        .reading-progress.comunidad-de-madrid::-webkit-progress-value {
          background-color: #dc2127;
        }
        .reading-progress.comunidad-de-madrid::-moz-progress-bar {
          background-color: #dc2127;
        }
                        /* Rules for category madrid */
        .text-madrid,
        a.text-madrid,
        .text-madrid a,
        .color-madrid,
        .madrid-color {
          color: #ff0000!important;
        }

        .bg-madrid {
          background-color:#ff0000!important;
        }
        .border-madrid {
          border-color:#ff0000!important;
        }

        .bg-madrid .nav-link,
        .bg-madrid .a {
          color: #fff
        }
        .reading-progress.madrid::-webkit-progress-value {
          background-color: #ff0000;
        }
        .reading-progress.madrid::-moz-progress-bar {
          background-color: #ff0000;
        }