@charset "UTF-8";

#secondary-menu,
#secondary-menu-jornal{
    display: none;
}

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

    /* menu secundario */
    #secondary-menu{
        background: var(--nd-azul);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
        display: block;
    }

    #secondary-menu .secondary-menu{
        display: block;
        text-align: center;
        width:100%;
    }

    #secondary-menu .menu-item{
        display: inline-block;
        margin-right: 30px;
        position: relative;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
        cursor: pointer;
    }

    #secondary-menu .menu-item.menu-item-has-children{
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: 15px;
    }

    #secondary-menu .menu-item a{
        color:#fff;
        font-family: 'Roboto' , 'Arial' , 'Arial', 'sans-serif';
        font-size: 18px;
        line-height: 1;
        padding:13.5px 0;
        display: inline-block;
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu .menu-item a{
        font-size: 14px;
        text-transform:uppercase;
        text-align: center;
        padding: 15px 0 ;
    }

    #secondary-menu.fixed .menu-item a{
        color: #555;
    }

    #secondary-menu .menu-item i{
        margin-left: 5px;
        color: #fff;
        transition-duration: 0.3s;
        transition-property: transform;
    }

    #secondary-menu .menu-item.menu-item-has-children:hover i{
        transform: rotate(180deg);
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu{
        visibility: hidden;
        height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        max-height: 0;
        transition: max-height 0.5s ease-out;
        width: 100%;
    }

    #secondary-menu .menu-item.menu-item-has-children:hover{
        background-color: #006994;
    }

    #secondary-menu .menu-item:hover a,
    #secondary-menu .menu-item:hover i{
        position: relative;
        z-index: 999;
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu.active{
        visibility: visible;
        height: auto;
        top: 0;
        padding-top:45px ;
        background-color: var(--nd-azul);
        border-radius: 0 0 5px 5px;
        transition: max-height 0.25s ease-in;
        max-height: 500px;
        background-color: #006994;
        box-shadow:  0 5px 12px rgba(0, 0, 0 ,0.3);
        z-index: 998;
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu.active .menu-item{
        padding: 0;
        margin: 0;
        display: block;
        border-bottom: 1px solid #036086;
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu.active .menu-item:last-child{
        border-bottom: 0;
    }

    #secondary-menu .menu-item.menu-item-has-children .sub-menu.active .menu-item:hover{
        background-color: #036086;
    }

    /* capa do dia */
    #secondary-menu-jornal{
        z-index: 999;
        position: absolute;
        left: 0;
        top: 50px;
        background-color: #006994;
        padding: 20px 20px 0 20px;
        border-radius: 8px;
        box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.3);
        width: 310px;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: opacity 0.25s linear;
        display: block;
    }

    #secondary-menu-jornal.show{
        visibility: visible;
        height: auto;
        overflow: visible;
        opacity: 1;
    }

    #secondary-menu-jornal::after{
        content: "";
        position: absolute;
        bottom: 100%;
        left: 80%;
        margin-left: -7.5px;
        border-width: 7.5px;
        border-style: solid;
        border-color: transparent transparent #006994 transparent;
    }

    #secondary-menu-jornal .capa-jornal-nd,
    #secondary-menu-jornal .texto-jornal-nd{
        float: left;
    }

    #secondary-menu-jornal .capa-jornal-nd{
        position: relative;
        height: 0;
        padding-bottom: 30%;
        width: 40%;
        overflow: hidden;
    }

    #secondary-menu-jornal .capa-jornal-nd img{
        height: auto;
        position: absolute;
        top: 0;
        left: 0;    
        top: 100%;
        transition: all 0.2s ease-in-out;
        transition-delay: 250ms;
    }

    #secondary-menu-jornal.show .capa-jornal-nd img{
        top: 0;
    }

    #secondary-menu-jornal .texto-jornal-nd{
        width: 60%;
        margin-bottom: 20px;
        color: #fff;
        padding-left: 20px;
    }

    #secondary-menu-jornal .texto-jornal-nd .title{
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    #secondary-menu-jornal .texto-jornal-nd .description{
        line-height: 1.1;
        font-size: 13.5px;
        margin: 0;
    }

    #secondary-menu-jornal #close-secondary-menu-jornal{
        position: absolute;
        top: 15px;
        right: 20px;
        color: #fff;
        font-size: 12px;
    }

}