/* JCO2 front-office overrides */

/*
 * Menu sempre visivel em desktop.
 * Antes estava em sticky; em paginas longas o sticky deixa de atuar ao chegar ao fim
 * do contentor pai. Em desktop forçamos fixed para ficar sempre no viewport.
 */
@media only screen and (min-width: 992px) {
    .header,
    .header-top,
    .header-middle,
    .header-bottom,
    .header-container .header,
    .page-wrapper > header,
    .topo,
    .topo_menu,
    .menu_topo,
    .wrapper_menu,
    .menu-wrapper,
    .main-menu-wrapper,
    .sticky-header,
    .menu-principal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: #fff;
        transform: none !important;
    }

    .page-wrapper,
    .header-container {
        padding-top: 95px;
    }
}

/* Em tablet/mobile mantem comportamento normal para nao interferir com o menu hamburguer */
@media only screen and (max-width: 991px) {
    .header,
    .header-top,
    .header-middle,
    .header-bottom,
    .header-container .header,
    .page-wrapper > header,
    .topo,
    .topo_menu,
    .menu_topo,
    .wrapper_menu,
    .menu-wrapper,
    .main-menu-wrapper,
    .sticky-header,
    .menu-principal {
        position: sticky;
        top: 0;
        z-index: 9999;
        background-color: #fff;
    }

    .mobile-menu-wrapper,
    .mobile-menu-container {
        z-index: 10001;
    }
}

.top_menu,
.top_menu ul,
.top_menu .cbp-hrsub,
.content_menu {
    z-index: 10000;
}

/* Ocultar redes sociais no rodape */
.footer .social-icons,
.footer .social-icons-colored,
.footer .social-icon,
.footer [class*="social-"],
footer .social-icons,
footer .social-icons-colored,
footer .social-icon,
footer [class*="social-"],
.footer a[href*="facebook"],
.footer a[href*="instagram"],
.footer a[href*="linkedin"],
.footer a[href*="twitter"],
.footer a[href*="youtube"],
footer a[href*="facebook"],
footer a[href*="instagram"],
footer a[href*="linkedin"],
footer a[href*="twitter"],
footer a[href*="youtube"] {
    display: none !important;
}