/*
Theme Name: Twenty Twenty Child
Author: MIMG Team
Author URI: https://www.guayaquil.gob.ec/
Description: Twenty Twenty WordPress child theme.
Template: mimg
Version:  1.0.1
Text Domain: twentytwenty-child
*/

@font-face {
    font-family: 'gothambold';
    src: url('./assets/fonts/gotham_bold.woff2') format('woff2'),
         url('./assets/fonts/gotham_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_blackregular';
    src: url('./assets/fonts/gotham-black.woff2') format('woff2'),
         url('./assets/fonts/gotham-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('./assets/fonts/gotham-medium.woff2') format('woff2'),
         url('./assets/fonts/gotham-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barlow_semi_condensed_lightRg';
    src: url('./assets/fonts/barlowsemicondensed-light.woff2') format('woff2'),
         url('./assets/fonts/barlowsemicondensed-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'barlow_semi_condensedregular';
    src: url('./assets/fonts/barlowsemicondensed-regular.woff2') format('woff2'),
         url('./assets/fonts/barlowsemicondensed-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'barlow_semi_condensedbold';
    src: url('./assets/fonts/barlowsemicondensed-bold.woff2') format('woff2'),
         url('./assets/fonts/barlowsemicondensed-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  
/* Mont Semi-Bold */
@font-face {
  font-family: 'Mont';
  src: url('/wp-content/uploads/2024/10/mont-semi-bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Mont Bold */
@font-face {
    font-family: 'Mont';
    src: url('/wp-content/uploads/2024/10/mont-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

.gotham-medium,
.gotham-medium * {
    font-family: 'gotham_mediumregular' !important;
}

.gotham-bold,
.gotham-bold * {
    font-family: 'gothambold' !important;
}

.gotham-black,
.gotham-black * {
    font-family: 'gotham_blackregular' !important;
}

.barlow-semi-condenseregular,
.barlow-semi-condenseregular *{
    font-family: 'barlow_semi_condensedregular' !important;
}

.barlow-semi-condensebold,
.barlow-semi-condensebold *{
    font-family: 'barlow_semi_condensedbold' !important;
}
.barlow-semi-condensed-lightRg,
.barlow-semi-condensed-lightRg *{
    font-family: 'barlow_semi_condensed_lightRg'!important;
}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* Custom General ----------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

ul, ol {
    margin: 0 0 3rem 0;
}

/* Header --------------------------------------*/
.site-logo img {
    max-height: 8rem;
    /* transform: translateY(-20px); */
}

.search-toggle .toggle-text {
    display: none;
}

/* Featured Media ---------------------------- */
.singular .featured-media::before {
    background: transparent;
}

/* Footer --------------------------------------*/
.footer-nav-widgets-wrapper {
    padding-top: 20px;
    background-color: #f5f5f5;
}

.footer-widgets-wrapper {
    padding-top: 20px;
}

.footer-widgets-wrapper ul {
    list-style: none;
}

.footer-widgets-wrapper ul li {
    margin: 0;
}

.footer-widgets-wrapper h5 {
    font-size: 18px;
    color: #4dc0e8;
    margin-bottom: 10px;
}

.footer-widgets-wrapper .footer-widgets a {
    color: #a1a1a5;
}

#site-footer {
    background: #4dc0e8;
}

#site-footer .footer-credits {
    display: block;
}

#site-footer .footer-credits .footer-copyright {
    color: white;
    text-align: center;
}

@media (min-width: 768px) {
    .footer-nav-widgets-wrapper {
        margin-top: 4rem;
    }

    .footer-widgets-wrapper .footer-widgets a:hover {
        color: #1d2faa;
    }

    .footer-widgets-outer-wrapper {
        padding: 0 0 4rem 0;
    }
}

/* ---------------------------------------- */
/* Custom Code ---------------------------- */
/* General Overwrite ---------------------- */
/* ---------------------------------------- */

body,
h1,
h2,
h3,
h4,
h5,
p,
a,
b,
span,
div,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
    font-family: 'Source Sans Pro';
}

body,
p,
a,
li {
    font-size: 14px;
    color: #525254;
}

body {
    background-color: #FFF;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-size: inherit;
}

section {
    padding: 0;
}

.primary-menu a {
    color: grey;
}

#site-header {
    background: #eef5f9;
}

.site-description,
.singular .entry-header {
    display: none;
}

.post-inner {
    padding-top: 0;
}

.vc_custom_heading a {
    font-size: inherit;
    color:  inherit;
}
/*Ajuste por actualizacion de Plugin*/
/*TODO: Validar funcionamiento correcto*/
.entry-content > .wpb-content-wrapper {
    margin:0 !important;
    padding:0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.entry-content > .wpb-content-wrapper > *:first-child {
    padding-top: 0;
}

.entry-content > .wpb-content-wrapper >*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
    max-width: 1260px;
    margin: auto
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
    max-width: 1260px;
    margin: auto
}
/*-----------------Botones------------------*/

.vc_general.vc_btn3.vc_btn3-size-md {
    font-size: 16px;
    font-weight: 600;
    background-image: none !important;
}

.vc_general.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {
    border-color: #8CA031;
    background-color: #8CA031;
}

.vc_general.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern {
    border-color: #1226A2;
    background-color: #1226A2;
}

.vc_general.vc_btn3.vc_btn3-color-success.vc_btn3-style-modern {
    border-color: #364803;
    background-color: #364803;
}

.vc_general.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern {
    border-color: #e34b5b;
    background-color: #e34b5b;
}
/*-----------------------*/
.full_imageWidth,
.full_imageWidth .vc_figure,
.full_imageWidth .vc_figure .vc_single_image-wrapper,
.full_imageWidth .vc_figure .vc_single_image-wrapper img {
    width: 100%;
}

/* ----- Article Styles ----- */
.single .featured-media {
    margin-bottom: 25px;
}

.single .entry-content {
    margin: auto;
    padding: 0 15px;
    max-width: 850px;
}

.single .entry-content p,
.single .entry-content li,
.single .entry-content td,
.single .entry-content a {
    font-size: 16px;
}

@media (min-width: 700px) {
    .site-logo img {
        max-height: 10rem;
    }
}

@media (min-width: 768px) {
    .single .entry-content p,
    .single .entry-content li,
    .single .entry-content td,
    .single .entry-content a {
        font-size: 20px;
    }
}

@media (max-width: 1199px) {
    .search-toggle {
        right: 0;
        left: auto;
    }

    .nav-toggle {
        left: 0;
        right: auto;
    }

    .nav-toggle .toggle-inner {
        padding-top: 0;
        height: auto;
    }

    .nav-toggle .toggle-inner .toggle-icon {
        width: 100%;
        height: auto;
    }

    .mobile-nav-toggle .mega-toggle-animated-box {
        height: auto;
        outline: 0;
    }

    .mobile-nav-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before {
        display: block;
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        font-size: 40px;
        font-weight: 900;
        color: #4dc0e7;
    }
}

/* ---------------------------------------- */
/* Custom --------------------------------- */
/* Own Code ------------------------------- */
/* ---------------------------------------- */
.top_menu_class,
.show-xs {
    display: none;
}

#mega-menu-wrap-menu-ciudadano #mega-menu-menu-ciudadano > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-comunitario #mega-menu-menu-comunitario > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-social #mega-menu-menu-social > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item > a.mega-menu-link {
    color: grey;
}

.full_width {
    max-width: 100% !important;
}

.full_width .vc_row {
    margin: auto;
    max-width: 1260px;
}

.full_width .vc_row-no-padding {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.full_width .vc_row-no-padding .vc_row {
    margin: 0 !important;
    max-width: 100% !important;
}

#top_section {
    padding-top: 0;
}

.social #site-header,
.internacional #site-header {
    background: white;
}

/*-----------Grid Post----------*/
.article {
    color: #a1a1a5;
}

.article .article_date,
.article .article_extract {
    font-size: 14px;
    margin-bottom: 0;
}

.article .article_date {
    font-weight: bold;
}

.article .article_category {
    display: none;
}

.article .article_title h4 {
    font-size: 16px;
    letter-spacing: 0;
    margin: 0;
}
/*-----------Anuncios----------*/
.announcement {
    background-color: #d8e5ec;
    padding-bottom: 0;
}

.announcement .image:before {
    background-position: right;
    background-repeat: repeat-y;
    background-image: url("/wp-content/uploads/2021/01/img_anuncio_grey.png");
}

.announcement .announcement_date {
    color: #4dc0e8;
    font-size: 12px;
    font-weight: bold;
}

.announcement .announcement_title h4 {
    margin: 10px 0 25px;
    line-height: 1.2;
}

.announcement .announcement_title h4 a {
    color: #a1a1a5;
    font-size: 14px;
    font-weight: normal;
}

.announcement .announcement_btnmore a {
    color: #1e30ab;
    font-style: italic;
}

.announcement .announcement_btnmore a:after {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4dc0e8;
    padding-left: 3px;
}

/*----------Article V3--------------*/
.article_v3 {
    min-height: 510px;
    padding-right: 0 !important;
}

.article_v3:nth-child(odd) {
    background-color: #f6f6f6;
}

.article_v3:nth-child(even) {
    background-color: #efeded;
}

.article_v3 .vc_gitem-zone-c {
    padding: 20px;
}

/*----------Vertical News--------------*/
.col-vertical-news h3.vc_custom_heading {
    margin-top: 25px;
    font-weight: 700 !important;
}

.col-vertical-news .vc_pageable-slide-wrapper {
    margin-right: 0 !important;
}

.col-vertical-news .vc_grid-item {
    padding: 0 !important;
}

.col-vertical-news .vc_btn3-container.vc_btn3-inline,
.col-vertical-news .vc_btn3-container a {
    display: block;
}

.col-vertical-news .vc_btn3-container a.vc_btn3 {
    color: white;
    border-color: #262261;
    background-color: #262261;
}

/*---------------------------------------*/
/*-----Revision para depurar codigo------*/
#page-header-1,
#page-header-2 {
    width: 100%;
    min-width: 100%;
    left: 0 !important;
    margin-bottom: 30px;
}

#page-header-1 {
    background-size: cover;
    background-position: center;
}

#page-header-1 .breadcrumb {
    color: white;
    font-size: 1.8em;
    left: 0 !important;
    margin-top: 80px;
}

#page-header-1 .breadcrumb a {
    color: white;
}

#page-header-1 .breadcrumb .wpb_text_column {
    padding: 0;
    margin: 0;
}

#page-header-1 .row_center,
#page-header-2 .row_center {
    max-width: 1260px;
    margin: auto;
    padding: 0 15px;
}

#page_title + div.wpb_text_column.wpb_content_element {
    display: none;
}

#page-header-1 #page_title,
#page-header-2 #page_title {
    color: white;
    font-size: 1.7rem;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 30px;
}

#page-header-2 {
    margin-top: 30px;
}
/*---------------------------------------*/
/*-------------- Acordeon ---------------*/
.vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding: 0 !important;
    background-color: #4dc0e7;
    padding-right: 50px !important;
}

.vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    display: block;
    color: #0057c0;
    padding: 14px 10px;
    background-color: #DDD;
}

.vc_tta.vc_general .vc_active .vc_tta-panel-title a {
    background-color: #1d30ab;
}

.vc_tta.vc_general .vc_active .vc_tta-panel-title .vc_tta-title-text {
    color: #1d30ab;
}
/* -Depurar: Configurar collpase correctamente- */
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    right: 20px;
    left: auto !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #FFF !important;
}

.fix-mimg .vc_tta-panel .vc_tta-panel-heading{
    padding: 10px;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel {
    background-color: #F9F8FD;
}

.fix-mimg.vc_tta-color-blue .vc_tta-panel {
    background-color: #0057C0;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel.vc_active {
    background-color: #364803;
}

.fix-mimg.vc_tta-color-blue .vc_tta-panel.vc_active {
    background-color: #f8f8f8;
}

.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel,
.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel.vc_active{
    background-color: #f8f7fc
}

.fix-mimg.vc_tta-color-green .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-green .vc_tta-panel-heading *,
.fix-mimg.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a,
.fix-mimg.vc_tta-color-green .vc_tta-panel-body,
.fix-mimg.vc_tta-color-blue .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-blue .vc_tta-panel-heading *,
.fix-mimg.vc_tta-color-blue .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a,
.fix-mimg.vc_tta-color-blue .vc_tta-panel-body,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel-heading *,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel-body{
    background-color: transparent !important;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-green .vc_tta-panel-body,
.fix-mimg.vc_tta-color-blue .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-blue .vc_tta-panel-body,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel-heading,
.fix-mimg.vc_tta-color-peacoc .vc_tta-panel-body {
    border: 0 !important;
    margin: 0 !important;
}

.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel-heading {
    background-color: #0a81cd !important;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel-heading .vc_tta-title-text {
    font-size: 20px;
    color: #364803 !important;
}

.fix-mimg.vc_tta-color-blue .vc_tta-panel-heading .vc_tta-title-text {
    font-size: 20px;
    color: #FFF !important;
}

.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel-heading .vc_tta-title-text {
    font-size: 20px;
    color: #FFF !important;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-title-text {
    color: #FFF !important;
}

.fix-mimg.vc_tta-color-blue .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-title-text {
    color: #0057C0 !important;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel-heading .vc_tta-panel-title > a i:before {
    border-color: #364803;
}

.fix-mimg.vc_tta-color-blue .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i:before {
    border-color: #0057C0;
}

.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel-heading .vc_tta-panel-title > a i:before,
.fix-mimg.vc_tta-color-peacoc.heading-color .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i:before {
    border-color: #FFF;
}

.fix-mimg.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-body p,
.fix-mimg.vc_tta-color-green .vc_tta-panel.vc_active .vc_tta-panel-body li {
    color: #FFF;
}

/* FAQ */
.faq .vc_tta-panel {
    padding: 0;
}

.faq .vc_tta-panel .vc_tta-panel-heading {
    padding: 20px 0;
    border-color: #F9F8FD !important;
    background-color: #F9F8FD !important;
}

.faq .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
    display: flex;
    align-items: center;
    font-weight: 400;
    padding: 0 !important;
    padding-right: 50px !important;
    background: transparent !important;
}

.faq .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-icon {
    flex: 0 0 100px;
    text-align: center;
    font-size: 40px;
}

.sostenible .faq .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-icon {
    color: #364803;
}

.internacional .faq .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-icon {
    color: #0057C0;
}

.faq .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    font-size: 20px;
    margin: 0 !important;
    background: transparent !important;
}

.sostenible .faq .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    color: #364803 !important;
}

.internacional .faq .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    color: #0057C0 !important;
}

.sostenible .faq .vc_active .vc_tta-title-text {
    color: #364803 !important;
    font-weight: 600;
}

.internacional .faq .vc_active .vc_tta-title-text {
    color: #0057C0 !important;
    font-weight: 600;
}
/* -------------Fin Acordeon----------------- */

.social-icon {
    float: left;
    padding: 5px;
    border: solid 1px #48bbeb;
}

.mimg-foot-logo {
    display: block;
    clear: both;
    padding-top: 20px;
    width: 60% !important;
}

.no-search-results-form {
    padding-bottom: 5rem;
    padding-top: 2rem;
}

.error404 #site-content .search-form {
    margin-bottom: 5rem;
}

@media (min-width: 700px) {
    input[type=search]:focus {
        outline: none;
    }

    .search-modal-inner {
        width: 50%;
        margin-left: auto;
        border-bottom-left-radius: 50px;
    }

    .search-modal .search-field {
        height: auto;
        padding: 2rem;
        font-size: 2.5rem;
    }
}

@media(min-width: 992px) {
    .top_menu_class {
        display: block;
        position: absolute;
        right: 100px;
        background: white;
    }

    .top_menu_class #menu-menu-pilares {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .top_menu_class #menu-menu-pilares li {
        margin: 0;
        border-right: 1px solid #f0f0f0;
    }

    .top_menu_class #menu-menu-pilares li a {
        display: block;
        color: #a1a1a5;
        font-weight: bold;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* TopMenu - Ciudadano */
    .ciudadano #menu-menu-pilares .menu-item:nth-child(1) a,
    .ciudadano #menu-menu-pilares:first-child a:hover {
        color: #1e30ab
    }

    /* TopMenu - Comunitario */
    .comunitario #menu-menu-pilares .menu-item:nth-child(2) a,
    #menu-menu-pilares .menu-item:nth-child(2) a:hover {
        color: #f39531 !important;
    }

    /* TopMenu - Social */
    .social #menu-menu-pilares .menu-item:nth-child(3) a,
    #menu-menu-pilares .menu-item:nth-child(3) a:hover,
    #mega-menu-wrap-menu-social #mega-menu-menu-social > li.mega-menu-item > a.mega-menu-link:hover {
        color: #f7b832 !important;
    }

    /* TopMenu - Sostenible */
    .sostenible #menu-menu-pilares .menu-item:nth-child(4) a,
    #menu-menu-pilares .menu-item:nth-child(4) a:hover {
        color: #95cf2d !important;
    }

    /* TopMenu - Internacional */
    .internacional #menu-menu-pilares .menu-item:nth-child(5) a,
    #menu-menu-pilares .menu-item:last-child a:hover {
        color: #a0325d !important;
    }

    .col-vertical-news .vc_btn3-container a.vc_btn3:hover {
        background: white;
        color: #3661a0;
    }

    .col-vertical-news .vc_btn3-container a.vc_btn3:focus,
    .col-vertical-news .vc_btn3-container a.vc_btn3:hover {
        border: 2px solid #3661a0;
    }
}

@media (max-width: 700px) {
    .hidden-xs {
        display: none !important;
    }

    .show-xs {
        display: block !important;
    }
}

@media (max-width: 767px) {
    /* ----------Responsive Noticias----------- */
    .article.vc_grid-item .vc_gitem-animated-block,
    .article.vc_grid-item .vc_gitem-zone.vc_gitem-zone-c {
        width: 100%;
    }
    /* -Responsive de bloques- */
    .width-50 {
        width: 50%;
    }

    .float-l {
        float: left;
    }
}
/* -Menu Mobile- */
@media only screen and (max-width: 999px) {
    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle,
    #mega-menu-wrap-menu-comunitario .mega-menu-toggle,
    #mega-menu-wrap-menu-social .mega-menu-toggle,
    #mega-menu-wrap-menu-sostenible .mega-menu-toggle,
    #mega-menu-wrap-menu-internacional .mega-menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background: white;
    }

    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle {
        color: #1e30ab
    }

    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after,
    #mega-menu-wrap-menu-ciudadano .mega-menu-toggle + #mega-menu-menu-ciudadano,
    #mega-menu-wrap-menu-ciudadano #mega-menu-menu-ciudadano > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #1e30ab;
    }

    #mega-menu-wrap-menu-comunitario .mega-menu-toggle {
        color: #f39531;
    }

    #mega-menu-wrap-menu-comunitario .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-comunitario .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-comunitario .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after,
    #mega-menu-wrap-menu-comunitario .mega-menu-toggle + #mega-menu-menu-comunitario,
    #mega-menu-wrap-menu-comunitario #mega-menu-menu-comunitario > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #f39531;
    }

    #mega-menu-wrap-menu-social .mega-menu-toggle {
        color: #f7b832;
    }

    #mega-menu-wrap-menu-social .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-social .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-social .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after,
    #mega-menu-wrap-menu-social .mega-menu-toggle + #mega-menu-menu-social,
    #mega-menu-wrap-menu-social #mega-menu-menu-social > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #f7b832;
    }

    #mega-menu-wrap-menu-sostenible .mega-menu-toggle {
        color: #95cf2d;
    }

    #mega-menu-wrap-menu-sostenible .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-sostenible .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-sostenible .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after,
    #mega-menu-wrap-menu-sostenible .mega-menu-toggle + #mega-menu-menu-sostenible,
    #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #95cf2d;
    }

    #mega-menu-wrap-menu-internacional .mega-menu-toggle {
        color: #a0325d;
    }

    #mega-menu-wrap-menu-internacional .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-internacional .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-internacional .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after,
    #mega-menu-wrap-menu-internacional .mega-menu-toggle + #mega-menu-menu-internacional,
    #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background-color: #a0325d;
    }

    .mega-menu-wrap .mega-menu-toggle + .mega-menu {
        display: none !important;
    }

    .mega-menu-wrap .mega-menu-toggle.mega-menu-open + .mega-menu {
        display: block !important;
    }

    .mega-menu-toggle .mega-toggle-blocks-left {
        font-weight: 600;
        padding-left: 10px
    }
}
/* -----Ciudadano----- */
.ciudadano a {
    color: #4dc0e8;
}

.ciudadano h1,
.ciudadano h2,
.ciudadano h3 {
    color: #1d30ab;
    margin-bottom: 10px;
}

.ciudadano .article_title {
    color: #1825aa;
}

.ciudadano .featured-media::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    top: 0;
}

.ciudadano .header-vertical-news {
    background-color: #f0f0f0;
}

.ciudadano .header-vertical-news a,
.ciudadano .header-vertical-news .article_date {
    color: #666;
}
/* -----Comunitario----- */
.comunitario .article a {
    color: #f39531;
}

.comunitario .header-vertical-news {
    background-color: #f39531;
}

.comunitario .header-vertical-news h3 {
    margin-top: 12px;
    margin-bottom: 18px;
}

.comunitario .header-vertical-news a,
.comunitario .header-vertical-news .article_date {
    color: white;
}

/* -----Social----- */
.social .header-vertical-news {
    background-color: #f9b824;
}

.social .header-vertical-news .article_date,
.social .header-vertical-news .article_title h4 {
    color: #FFF;
}

.social .col-vertical-news .vc_grid-container-wrapper .article_title {
    color: #1825aa;
}

/* -----Sostenible----- */
.sostenible-header .header-title {
    color: #1e30ab;
}

/* -----Internacional----- */
.internacional .header-vertical-news {
    width: auto;
    margin-right: 30px;
    background-color: #a0325d;
}

.internacional .header-vertical-news h3 {
    margin-top: 25px;
}

.internacional .vc_grid-container .vc_grid-item .article_title {
    color: #1825aa;
}

.internacional .header-vertical-news .article_date,
.internacional .header-vertical-news .article_title a {
    color: #FFF;
}

/* ------------------------------------------- */
/* ----------------Nuevo Diseño--------------- */
/* ------------------------------------------- */

/* Cabecera ---------------------------------- */

.sostenible #site-header,
.internacional #site-header {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.sostenible #site-header ul.mega-menu li.mega-menu-item > a.mega-menu-link,
.internacional #site-header ul.mega-menu li.mega-menu-item > a.mega-menu-link {
    color: #FFF !important;
    font-weight: bolder !important;
}

.sostenible #site-header .top_menu_class,
.internacional #site-header .top_menu_class {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sostenible #site-header .top_menu_class #menu-menu-pilares li:last-child,
.internacional #site-header .top_menu_class #menu-menu-pilares li:last-child {
    border: none;
}

.sostenible #site-header .toggle.search-toggle svg,
.internacional #site-header .toggle.search-toggle svg {
    color: #FFF;
}

.sostenible .breadcrumb p,
.sostenible .breadcrumb a,
.internacional .breadcrumb p,
.internacional .breadcrumb a,
.sostenible .wpb_text_column p,
.sostenible .wpb_text_column li,
.internacional .wpb_text_column p,
.internacional .wpb_text_column li {
    font-size: 16px;
}

.sostenible .color-white p,
.sostenible .color-white li,
.internacional .color-white p,
.internacional .color-white li {
    color: #FFF;
}

.sostenible .font-24 p,
.sostenible .font-24 li,
.internacional .font-24 p,
.internacional .font-24 li {
    font-size: 24px;
}

.sostenible .site-description,
.internacional .site-description {
    background-image: url(assets/images/logo-nc-blanco.png);
}

.sostenible .mobile-nav-toggle .mega-toggle-animated-box .mega-toggle-animated-inner,
.sostenible .mobile-nav-toggle .mega-toggle-animated-inner:before,
.sostenible .mobile-nav-toggle .mega-toggle-animated-inner:after,
.internacional .mobile-nav-toggle .mega-toggle-animated-box .mega-toggle-animated-inner,
.internacional .mobile-nav-toggle .mega-toggle-animated-inner::before,
.internacional .mobile-nav-toggle .mega-toggle-animated-inner::after {
    background-color: transparent;
}

.sostenible .mobile-nav-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before,
.internacional .mobile-nav-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before {
    color: #FFF;
}

.sostenible #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.sostenible #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.sostenible #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
.internacional #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
.internacional #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
.internacional #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background-color: initial;
    border-bottom: 1px solid #FFF;
}

/* Body header content */
.sostenible #page-header-1,
.internacional #page-header-1 {
    margin-bottom: 0;
    background-position: center bottom;
}

.sostenible #page-header-1 {
    padding: 160px 0 50px 0;
}

.internacional #page-header-1 {
    padding: 140px 0 0 0;
}

.sostenible #page-header-1 #page_title,
.internacional #page-header-1 #page_title {
    margin: 0;
}

.sostenible #page-header-1 #page_title {
    font-size: 30px;
}

.internacional #page-header-1 #page_title {
    font-size: 24px;
    margin: 0 auto;
    padding: 20px 0;
    max-width: 1260px;
}

.sostenible .faq-title {
    font-size: 26px;
}

@media (min-width: 768px) {
    .sostenible #mega-menu-wrap-menu-sostenible,
    .internacional #mega-menu-wrap-menu-internacional {
        background: none;
    }

    .sostenible #page-header-1 {
        padding: 200px 0 50px 0;
    }

    .internacional #page-header-1 {
        padding: 200px 0 0 0;
    }
}

@media (min-width: 992px) {
    .sostenible #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item > a.mega-menu-link:hover,
    .internacional #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item > a.mega-menu-link:hover {
        color: #FFF !important;
        border-bottom: 1px solid #FFF;
        background: transparent !important;
    }

    .sostenible #site-header ul.mega-menu li.mega-menu-item:hover > a.mega-menu-link,
    .internacional #site-header ul.mega-menu li.mega-menu-item:hover > a.mega-menu-link {
        color: #999 !important;
    }

    #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item.mega-toggle-on > a,
    #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item.mega-toggle-on > a {
        color: #FFF !important;
        background-color: transparent !important;
    }

    #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item > ul.mega-sub-menu li a,
    #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item > ul.mega-sub-menu li a {
        color: #FFF !important;
    }

    #mega-menu-wrap-menu-sostenible #mega-menu-menu-sostenible > li.mega-menu-item > ul.mega-sub-menu li a {
        background: #39550d !important;
    }

    #mega-menu-wrap-menu-internacional #mega-menu-menu-internacional > li.mega-menu-item > ul.mega-sub-menu li a {
        background: #e34b5c !important;
    }

    .sostenible #page-header-1 {
        padding: 250px 0 50px 0;
    }

    .internacional #page-header-1 {
        padding: 230px 0 0 0;
    }
}

@media (max-width: 576px) {
    .sostenible .xs-center,
    .internacional .xs-center {
        text-align: center !important;
    }
}

/* Sostenible */
.sostenible #site-header {
    background-color: rgba(0, 20, 9, 0.8) !important;
}

.sostenible a {
    color: #95cf2d;
}

.sostenible .vc_custom_heading a {
    /*color: #364803;*/
}

.sostenible .breadcrumb a {
    color: #39550d;
}

/* Internacional */
.internacional #site-header {
    background-color: transparent;
}

.internacional #page-header-1 > .vc_row {
    max-width: 100%;
    background-color: rgba(55,69,144,0.5);
}

.internacional a {
    color:#a0325d ;
}

.internacional .vc_custom_heading a {
    /*color: #0099F7;*/
}

.internacional .breadcrumb a {
    color: #a0325d;
}

/* Categoría y Post Page ------------------------- */
.category-sostenible #content > .entry-content,
.category-internacional #content > .entry-content {
    padding: 20px 0;
}

.category-sostenible .archive-header,
.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories,
.category-internacional .archive-header,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories {
    padding: 350px 0 40px;
    text-align: left;
    background-size: cover;
    background-position: bottom center;
}

.category-sostenible .archive-header,
.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories {
    background-image: url(assets/images/sostenible-img-manglar-2.jpg);
}

.category-internacional .archive-header,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories {
    background-image: url(assets/images/internacional-img-header.jpg);   
}

.category-sostenible .archive-header span,
.category-internacional .archive-header span {
    color: #FFF;
}

.category-sostenible .entry-content article,
.category-internacional .entry-content article {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    padding: 20px 0;
}

.category-sostenible .entry-content article > a,
.category-internacional .entry-content article > a {
    background: aliceblue;
    flex: 0 0 100%;
    text-align: center;
}

.category-sostenible .entry-content article figure,
.category-sostenible .entry-content article header.entry-header .entry-title,
.category-internacional .entry-content article figure,
.category-internacional .entry-content article header.entry-header .entry-title {
    margin: 0;
}

.category-sostenible .entry-content article figure .featured-media-inner,
.category-internacional .entry-content article figure .featured-media-inner {
    width: 100%;
    max-width: 100%;
}

.category-sostenible .entry-content .vc_row .vc_col-sm-6:first-child article header.entry-header {
    background-color: #8CA031;
} 

.category-internacional .entry-content .vc_row .vc_col-sm-6:first-child article header.entry-header {
    background-color: #293084;
}

.category-sostenible .entry-content .vc_row .vc_col-sm-6:last-child article header.entry-header {
    background-color: #364803;
}

.category-internacional .entry-content .vc_row .vc_col-sm-6:last-child article header.entry-header {
    background-color: #3883D3;
}

.category-sostenible .entry-content article header.entry-header,
.category-internacional .entry-content article header.entry-header {
    padding: 30px;
}

.category-sostenible .entry-content article header.entry-header .entry-title a,
.category-internacional .entry-content article header.entry-header .entry-title a {
    color: #FFF;
    font-size: 20px;
    line-height: normal;
}

.category-sostenible .entry-content article header.entry-header .post-meta-wrapper,
.category-internacional .entry-content article header.entry-header .post-meta-wrapper {
    margin-top: 20px;
}

.category-sostenible .entry-content article header.entry-header .post-meta-wrapper .meta-icon,
.category-sostenible .entry-content article header.entry-header .post-meta-wrapper a,
.category-internacional .entry-content article header.entry-header .post-meta-wrapper .meta-icon,
.category-internacional .entry-content article header.entry-header .post-meta-wrapper a {
    color: #FFF
}

.category-internacional .nav-links a {
    color: #2D3FC0
}

.singular main#site-content article.category-sostenible ,
.singular main#site-content article.category-internacional {
    padding-bottom: 40px;
}

.singular .category-sostenible header.entry-header,
.singular .category-internacional header.entry-header {
    padding: 0;
}

.singular .category-sostenible header.entry-header .entry-header-inner,
.singular .category-internacional header.entry-header .entry-header-inner {
    width: 100%;
    max-width: 100%;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories {
    margin-bottom: 0;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories .entry-categories-inner,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories .entry-categories-inner {
    display: block;
    width: calc(100% - 8rem);
    max-width: 100rem;
    margin: auto;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories .entry-categories-inner:before,
.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories .entry-categories-inner:before,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a {
    font-size: 26px;
    color: white;
    font-weight: 600;
    text-decoration: none;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a {
    margin-left: 0;
    border-bottom: 0;
    text-transform: capitalize;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a:before,
.singular .category-internacional header.entry-header .entry-header-inner .entry-categories .entry-categories-inner a:before {
    content: "Categoría:"
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-title,
.singular .category-internacional header.entry-header .entry-header-inner .entry-title {
    padding-top: 40px;
}

.singular .category-sostenible header.entry-header .entry-header-inner .entry-title {
    color: #364803;
}

.singular .category-internacional header.entry-header .entry-header-inner .entry-title {
    color: #293084;
}

.singular .category-sostenible header.entry-header .entry-header-inner .post-meta-wrapper,
.singular .category-internacional header.entry-header .entry-header-inner .post-meta-wrapper {
    padding-bottom: 30px;
}

.singular .category-sostenible .post-inner .entry-content,
.singular .category-internacional .post-inner .entry-content {
    text-align: justify;
    margin: auto;
    padding: 20px;
    max-width: 100rem;
}

.singular .category-sostenible nav.pagination-single a,
.singular .category-internacional nav.pagination-single a {
    
    flex: 0 0 auto;
    margin: 0;
}

.singular .category-sostenible nav.pagination-single a {
    color: #364803;
}

.singular .category-internacional nav.pagination-single a {
    color: #2D3FC0;
}

.singular .category-sostenible nav.pagination-single .pagination-single-inner,
.singular .category-internacional nav.pagination-single .pagination-single-inner {
    justify-content:center;
}

.singular .category-sostenible nav.pagination-single a .arrow,
.singular .category-internacional nav.pagination-single a .arrow {
    border: 3px solid;
    padding: 0px 10px;
    font-size: 24px;
    margin: 0 10px;;
}

.singular .category-sostenible nav.pagination-single a .arrow {
    border-color: #364803;
}

.singular .category-internacional nav.pagination-single a .arrow {
    border-color:#2D3FC0;
}

.singular .category-sostenible nav.pagination-single a.previous-post .arrow {
    border-color: #72775F;
}

.singular .category-internacional nav.pagination-single a.previous-post .arrow {
    border-color: #698589;
}

.singular .category-sostenible nav.pagination-single a .title,
.singular .category-internacional nav.pagination-single a .title {
    font-size: 0;
}

.singular .category-sostenible nav.pagination-single a.previous-post {
    color: #72775F;
    flex-direction: row-reverse;
}

.singular .category-internacional nav.pagination-single a.previous-post {
    color: #698589;
    flex-direction: row-reverse;
}

.singular .category-sostenible nav.pagination-single a.next-post,
.singular .category-internacional nav.pagination-single a.next-post {
    flex-direction: row;
}

.singular .category-sostenible nav.pagination-single a .title:before,
.singular .category-internacional nav.pagination-single a .title:before {
    font-size: 16px;
}

.singular .category-sostenible nav.pagination-single a.previous-post .title:before,
.singular .category-internacional nav.pagination-single a.previous-post .title:before {
    content: "Anterior"
}

.singular .category-sostenible nav.pagination-single a.next-post .title:before,
.singular .category-internacional nav.pagination-single a.next-post .title:before {
    content: "Siguiente"
}

@media (min-width: 768px) {
    .category-sostenible .entry-content .vc_row:nth-child(even) .vc_col-sm-6:last-child article header.entry-header,
    .category-sostenible .entry-content .vc_row:nth-child(odd) .vc_col-sm-6:first-child article header.entry-header {
        background-color: #8CA031;
    }

    .category-internacional .entry-content .vc_row:nth-child(even) .vc_col-sm-6:last-child article header.entry-header,
    .category-internacional .entry-content .vc_row:nth-child(odd) .vc_col-sm-6:first-child article header.entry-header {
        background-color: #293084;
    }

    .category-sostenible .entry-content .vc_row:nth-child(even) .vc_col-sm-6:first-child article header.entry-header,
    .category-sostenible .entry-content .vc_row:nth-child(odd) .vc_col-sm-6:last-child article header.entry-header {
        background-color: #364803;
    }

    .category-internacional .entry-content .vc_row:nth-child(even) .vc_col-sm-6:first-child article header.entry-header,
    .category-internacional .entry-content .vc_row:nth-child(odd) .vc_col-sm-6:last-child article header.entry-header {
        background-color: #3883D3;
    }
}

@media (min-width: 992px) {
    .category-sostenible .entry-content article,
    .category-internacional .entry-content article {
        flex: 0 0 100%;
        align-items: center;
        flex-direction: row;
        padding: 20px 10px;
    }

    .category-sostenible .entry-content article > a,
    .category-internacional .entry-content article > a {
        flex: 0 0 30%;
        text-align: left;
    }

    .category-sostenible .entry-content article > .entry-header,
    .category-internacional .entry-content article > .entry-header {
        flex: 0 0 70%;
    }

    .category-sostenible .entry-content article header.entry-header,
    .category-internacional .entry-content article header.entry-header {
        padding: 30px 10px 30px 70px;
        margin-left: -50px;
    }

    .category-sostenible .pagination-wrapper,
    .category-internacional .pagination-wrapper {
        padding-bottom: 40px;
    }

    .singular .category-sostenible header.entry-header .entry-header-inner .entry-categories,
    .singular .category-internacional header.entry-header .entry-header-inner .entry-categories {
        text-align: left;
    }
}
/* -----Plugins---- */
.mega_info_box_2 {
    display: flex;
    align-items: center;
}

body.single-dlp_document nav.pagination-single {
    display: none;
}

.dlp-folders-search {
    justify-content: center !important;
}

.dlp-folders-search label {
    font-size: 0;
    display: flex;
}

.dlp-folders-search label:before {
    
    font-size: 16px;
    font-weight: 500;
    width:440px;
    letter-spacing:-0.2px;
}

.recursos-digitales {
    display: flex;
    gap: 10px; /* Espacio entre los iconos */
    align-items:center;
    justify-content:center;
    margin:0;
    font-size:25px;
    font-weight:700;
    color:#007bff;
    margin-top: -90px;
    margin-right:44%;

 }

.social-icons-container {
    display: flex;
    gap: 10px; /* Espacio entre los iconos */
    align-items:center;
    justify-content:center;
    margin:0;
    margin-right:43%;
 }

.social-icon {
    font-size: 24px; /* Tamaño del icono */
    color: #007bff; /* Color del icono (puedes ajustar esto) */
    text-decoration: none; /* Elimina el subrayado del enlace */
    display: inline-block; /* Establece el enlace como un elemento en línea con bloque */
    border:0px !important;
}

.previous-post{
    display:none !important;
}

.gallery-item{
    pointer-events: none;
    cursor: default;
}
/*----------*/