/*
============================================================
DRH - CABEÇALHO MOBILE
============================================================
*/


/*
============================================================
PADRÃO
============================================================
*/

.drh-header-mobile {
    display: none !important;
}


/*
============================================================
MOBILE
============================================================
*/

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


    /*
    --------------------------------------------------------
    OCULTA O CABEÇALHO ORIGINAL DO CATCH RESPONSIVE
    --------------------------------------------------------
    */

    #masthead {
        display: none !important;
    }


    /*
    --------------------------------------------------------
    OCULTA O MENU PRINCIPAL DO TEMA
    --------------------------------------------------------
    */

    #site-navigation {
        display: none !important;
    }


    /*
    --------------------------------------------------------
    OCULTA O MENU SECUNDÁRIO
    --------------------------------------------------------
    */

    #secondary-menu {
        display: none !important;
    }


    /*
    --------------------------------------------------------
    NOVO CABEÇALHO
    --------------------------------------------------------
    */

    #drh-header-mobile {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;
        
    }


    /*
    --------------------------------------------------------
    CONTAINER
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-inner {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
    --------------------------------------------------------
    ÁREA SUPERIOR
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-top {
        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
    --------------------------------------------------------
    LOGO
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-logo {
        display: block !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
    --------------------------------------------------------
    CONTEÚDO
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-content {
        display: block !important;

        flex: 1 1 auto !important;

        width: auto !important;

        min-width: 0 !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
    --------------------------------------------------------
    ÁREA DE TESTE
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-content > div {
        display: flex !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 8px !important;

        background: #066674 !important;

        color: #ffffff !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    #drh-header-mobile .drh-header-mobile-content > div span {
        display: inline !important;

        color: #ffffff !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
    --------------------------------------------------------
    MENU DO NOVO CABEÇALHO
    --------------------------------------------------------
    */

    #drh-header-mobile .drh-header-mobile-menu {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

}

/* OI... */

/*
============================================================
MENU MOBILE
============================================================
*/

.drh-header-mobile-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/*
------------------------------------------------------------
BOTÃO SANDUÍCHE
------------------------------------------------------------
*/

.drh-mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    min-height: 48px;

    margin: 0;
    padding: 10px 15px;

    border: 0;
    border-radius: 0;

    background: #066674;
    color: #ffffff;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    cursor: pointer;

    box-sizing: border-box;
}


/*
------------------------------------------------------------
ÍCONE
------------------------------------------------------------
*/

.drh-mobile-menu-icon {
    display: inline-block;

    font-size: 24px;
    line-height: 1;

    color: #ffffff;
}


/*
------------------------------------------------------------
TEXTO
------------------------------------------------------------
*/

.drh-mobile-menu-text {
    display: inline-block;

    color: #ffffff;
    line-height: 1;
}


/*
------------------------------------------------------------
ÁREA DO MENU
------------------------------------------------------------
*/

.drh-mobile-menu-container {
    display: none;

    width: 100%;
    margin: 0;
    padding: 0;

    background: #ffffff;

    box-sizing: border-box;
}


/*
------------------------------------------------------------
MENU ABERTO
------------------------------------------------------------
*/

.drh-mobile-menu-container.drh-menu-open {
    display: block;
}


/*
------------------------------------------------------------
LISTA PRINCIPAL
------------------------------------------------------------
*/

.drh-mobile-primary-menu {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    box-sizing: border-box;
}


/*
------------------------------------------------------------
ITENS
------------------------------------------------------------
*/

.drh-mobile-primary-menu li {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e5e5e5;

    box-sizing: border-box;
}


/*
------------------------------------------------------------
LINKS
------------------------------------------------------------
*/

.drh-mobile-primary-menu li a {
    display: block;

    width: 100%;

    padding: 13px 16px;

    color: #30383a;
    background: #ffffff;

    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;

    box-sizing: border-box;
}


/*
------------------------------------------------------------
EFEITO AO TOCAR
------------------------------------------------------------
*/

.drh-mobile-primary-menu li a:hover,
.drh-mobile-primary-menu li a:focus {
    background: #eef7f8;
    color: #066674;
}


/*
------------------------------------------------------------
SUBMENUS
------------------------------------------------------------
*/

.drh-mobile-primary-menu .sub-menu {
    display: block;

    margin: 0;
    padding: 0;

    list-style: none;

    background: #f7f7f7;
}


.drh-mobile-primary-menu .sub-menu li a {
    padding-left: 30px;

    font-size: 15px;
}


/*
============================================================
SOMENTE MOBILE
============================================================
*/

@media screen and (min-width: 768px) {

    .drh-header-mobile-menu {
        display: none !important;
    }

}