/* # ~~~~~ sticky-wrapper: ~~~~~ # */
.logonavheader {
    position: fixed;
    top:0;
    width: 100%;
    height: auto;
    border: none;

    /*background: rgba(0, 0, 0, 0.5);*/
    /*margin: 0 !important;*/
    /*padding: 0 !important;*/
    opacity:.99;
    z-index: 9 !important;

}

.stagetop-sitelogo img {
    max-width: 250px;
    height: auto;
    transition: all .5s;
}
.is-top .stagetop-sitelogo img {
    max-width: 250px;
    transition: all .5s;
    /*padding: 1em;*/
}
.not-top .stagetop-sitelogo img {
    max-width: 150px;
    transition: all .5s;
    /*padding: 1em;*/
}

/*for desktop only:*/
@media (min-width: 768px) {
    .logonavheader {
        position: fixed;
        width: 100%;
        height: auto;
        border: none;
        z-index: 1;
        transition: all .5s;
    }
    .is-top .logonavheader {
        background: var(--white);
        margin: 0;
        padding: 1em 4em 0 4em;
        /*height: 145px;*/
        transition: all .5s;
        /*background: rgb(0,0,0);*/
    }

    .not-top .logonavheader,
    .is-hero.offhero .logonavheader {
        background: var(--white);
        margin: 0;
        padding: .4em 4em;
        transition: all .5s;
        /*height: 78px;*/
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
    }
    /* # ~~~~~ wrapper: ~~~~~ # */

    .is-video-hero #wrapper,
    .is-hero #wrapper,
    .blayout-pagets__heroimage #wrapper,
    .blayout-pagets__heroimage_pure #wrapper,
    .is-media-slider #wrapper {
        padding: inherit;
    }
    .is-top #wrapper {
        padding-top: 145px !important;
        transition: all .5s;
    }
    .not-top #wrapper {
        padding-top: 78px !important;
        transition: all .5s;
    }
    .is-vegas-hero #wrapper {
        padding-top: 0 !important
    }
    .not-hero .min-sm-bow {
        background: none !important;
    }
    .is-hero.offhero .min-sm-bow {
        background: none !important;
    }
    .is-top .min-sm-bow ul {
        /*background: rgba(0,0,0, 0.5) !important;*/
        background: inherit !important;
    }
    .is-top .min-sm-bow ul li {
        /*background: rgba(0,0,0, 0.5) !important;*/
        background: var(--white);
    }
    .not-top .min-sm-bow ul {
        background: inherit !important;
    }
    .not-top .min-sm-bow ul li {
        background: var(--white);
    }
    /*first level*/
    .min-sm-bow a,
    .min-sm-bow a:hover,
    .min-sm-bow a:focus,
    .min-sm-bow a:active,
    .min-sm-bow a.highlighted {
        padding: 1em 1em 1.5em 1em;
        color: var(--main-nav-default-color) !important;
        border-radius: 0 !important;
        text-transform: uppercase;

    }
    .min-sm-bow li.active.msmart-li-level-1 {
        /*border-bottom: 2px solid #fff;*/
    }

    .is-top .min-sm-bow > li > a {
        padding: 1em !important;
    }
    /*submenus: */
    .min-sm-bow ul a, .min-sm-bow ul a:hover, .min-sm-bow ul a:focus, .min-sm-bow ul a:active, .min-sm-bow ul a.highlighted {
        border: 0 !important;
        padding: 10px 20px;
        color: var(--main-nav-default-color) !important;

    }
    .min-sm-bow ul a:hover, .min-sm-bow ul a:focus, .min-sm-bow ul a:active, .min-sm-bow ul a.highlighted {
        background: var(--white-bgtr9) !important;
        text-decoration: underline;
    }
    .is-top .min-sm-bow ul a:hover, .is-top .min-sm-bow ul a:focus, .is-top .min-sm-bow ul a:active, .is-top .min-sm-bow ul a.highlighted {
        /*background: rgba(0,0,0, 0.5) !important;*/
    }

    .min-sm-bow a .sub-arrow:after {
        right: .1em !important;
    }
    .min-sm-bow ul li a .sub-arrow:after {
        right: .5em !important;
    }

    /*example padding first dropdown level*/
    .is-top .ul-first-level > li > .submenu-level {
        padding-top: 38px !important;
        /*box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);*/
    }
    .not-top .ul-first-level > li > .submenu-level {
        padding-top: 10px !important;
        /*box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);*/
    }
    .ul-first-level li .submenu-level li a{
    }
}
/*for small only:*/
@media only screen and (max-width: 768px) {
    .logonavheader {
        position: relative;
        margin: 0;
        padding: 0;
        height:auto !important;
        background: #fff !important;
        /*background: #5A5A64;*/
    }
    .stagetop-sitelogo img {
        max-width: 200px;
        height: auto;
        transition: all .5s;
        padding:0 1em !important
    }
    #wrapper {
        padding-top: 0;
    }
    /* # ~~~~~ smartmenu under hamburger ~~~~~ # */
    .sm {
        top: 50px;
    }
    .main-menu-btn {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}