/* ----- BARRA SUPERIOR ------ */
.top-bar {
    background-color: var(--c-gris);
    padding: 0 20px !important;
}

.top-bar aside {
    width: 100%;
    margin: 0 !important;
}

.top-bar .custom-html-widget {
    display: flex;
    justify-content: space-between;
    color: var(--c-blanco);
}

.top-bar .custom-html-widget .links {
    display: flex;
    column-gap: 20px;
}

.top-bar .custom-html-widget .links a {
    color: var(--c-blanco) !important;
    text-decoration: none;
}

/* ----- MENÚ ------ */

body:not(.home) header.site-header {
    border-bottom: 1px solid var(--c-verde);
    padding: 0 20px !important;
}

.site-header .menu>li a {
    font-family: var(--font-body);
    font-weight: 300;
    font-size: var(--body);
    line-height: 1.5em;
}

.site-header .menu>li:last-child a {
    padding-right: 0;
}

.main-navigation .sub-menu {
    background-color: var(--c-crudo);
}

.main-navigation .sub-menu a {
    text-align: left;
    font-size: var(--body) !important;
    padding: 5px 20px !important;
}

.main-navigation .sub-menu a:hover {
    background-color: var(--c-gris);
    color: var(--c-blanco) !important;
}

/* ----- FOOTER ------ */
.site-footer {
    background-color: var(--c-verde);
    color: var(--c-blanco);
    padding: 0 20px !important;
}

.inside-footer-widgets {
    margin-left: 0 !important;
    column-gap: 35px;
}

.site-footer aside {
    margin: 0 !important;
    padding: 0 !important;
}

.footer-widget-1 {
    flex: 0 0 25% !important;
    display: flex;
    align-items: center;
}

.footer-widget-1 img {
    max-width: 250px !important;
}

.footer-widget-2 {
    display: flex;
    flex-direction: column;
    row-gap: 70px;
}

.footer-widget-2 .menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
}

.footer-widget-2 .menu li {
    margin: 0;
}

.footer-widget-2 .widget_nav_menu a,
.footer-widget-2 .custom-html-widget a {
    color: var(--c-blanco);
    text-decoration: none;
}

.footer-widget-2 .custom-html-widget {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
}

.inside-site-info {
    border-top: 1px solid var(--c-blanco);
}

.copyright-bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.copyright-bar .links a {
    color: var(--c-blanco);
    text-decoration: none;
}

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

    /* ----- BARRA SUPERIOR ------ */
    .inside-top-bar {
        padding: 10px 0 !important;
    }

    /* ----- MENÚ ------ */
    .inside-header .main-navigation.mobile-menu-control-wrapper button svg,
    .inside-header .main-navigation.is_stuck button svg {
        fill: var(--c-verde) !important;
    }

    .inside-header .main-navigation.mobile-menu-control-wrapper button svg,
    .inside-header .main-navigation.is_stuck button svg,
    .slideout-exit svg {
        width: 25px !important;
        height: 26px !important;
    }

    .inside-header .main-navigation.mobile-menu-control-wrapper.toggled button svg {
        display: none;
    }

    .inside-header .main-navigation.mobile-menu-control-wrapper button {
        max-width: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
    }

    .slideout-overlay {
        display: none;
    }

    #generate-slideout-menu {
        background-color: var(--c-verde) !important
    }

    #generate-slideout-menu a {
        text-align: left;
        color: var(--c-blanco);
        line-height: 35px;
    }

    #generate-slideout-menu .sub-menu {
        background-color: rgba(255, 255, 255, 0.1);
    }

    /* ----- FOOTER ------ */
    .inside-footer-widgets {
        flex-direction: row !important;
    }

    .footer-widget-2 {
        row-gap: 35px;
    }

    .footer-widget-2 .custom-html-widget {
        flex-direction: column;
        row-gap: 5px;
        align-items: flex-end;
    }

    .inside-site-info {
        padding: 20px 0 35px !important;
    }

    .copyright-bar div {
        text-align: left;
    }

    .copyright-bar div.links {
        text-align: right;
    }
}

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

    /* ----- BARRA SUPERIOR ------ */
    /* ----- MENÚ ------ */
    /* ----- FOOTER ------ */
    .inside-footer-widgets {
        flex-direction: column !important;
    }

    .footer-widget-2 .menu {
        flex-direction: column !important;
        row-gap: 5px;
        align-items: flex-start;
    }

    .footer-widget-2 .custom-html-widget {
        align-items: flex-start;
    }

    .copyright-bar {
        flex-direction: column;
    }

    .copyright-bar div.links {
        text-align: left;
    }
}

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

    /* ----- BARRA SUPERIOR ------ */
    .top-bar .custom-html-widget {
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
    }


}