/* default */
html, body {
    height: 100%;
}

header {
    z-index: 99999999999;
}


header *{
    font-size: 11px;    
}

#logo-nav * {
    position: relative !important;
}

#gap-laptop {
    display: none !important;
}
#gap-mobile {
    display: none !important;
}     
#menu-mobile {
    display: none !important;
}    
#menu-laptop {
    display: block !important;
}    
#edition-title {
    position: absolute !important;
    top: -10px !important;
    right: 5px !important;
}
#navigation-top {
    padding: 0.6em 1em;
    text-transform: uppercase;
    /* background-color: rgb(0, 0, 0); */
    background-color: rgb(189, 20, 20);
    /* background-color: rgb(189, 20, 189); */
    color: #fff;
}
#navigation-top .nav-top {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

#logo-nav {
    padding: 1em;
    text-transform: uppercase;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    background-color: white;
}

#logo-nav .nav-mid {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

.hd-active {
    display: block !important;
}
.hd-inactive{
    display: none !important;
}


.t360-position-relative {
   position: relative !important; 
}

.t360-has-border-bottom {
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 767.98px) { 
    #edition-title {
        display: none !important;
    }       
    #navigation-top {
        display: none !important;
    }    
    header {
        position: sticky !important;
        top: 0px !important;
    }
    #logo-nav {
        padding: 0.6em 1em;
    }

    #menu-mobile {
        padding-left: 5px;
        position: absolute !important;
        top: -10px !important;
        display: block !important;
    }
    #hidden-mobile-navigation {
        display: none;
        position: absolute !important;
        width: 100% !important;
        padding: 0px;
        height: 100vh !important;
        background: #555;
    }

    #hidden-mobile-navigation footer {
        flex-direction: column !important;
    }    

    

}