/* theme header */
header#masthead {
    z-index: 9;
    position: fixed;
    top: 0;
    width: 100%;
/*    transition: padding .5s, background-color .5s;*/
}

@media screen and (min-width: 783px) {
    .admin-bar header#masthead {
        top:32px
    }
}
@media screen and (max-width: 782px) {
    /* .admin-bar header#masthead {
        top:46px
    } */
}
header#masthead > .container {
    position: relative;
    z-index: 1;
    /* max-width: calc(1280px + 8.88vw); */
}
header#masthead .navbar-brand {
    padding: 0;
    position: relative;
    margin: 0 1rem 0 0;
}

header#masthead a:visited, header#masthead a:hover {
  text-decoration: none;
}
header#masthead .masthead-bgr {
    position: absolute;
    z-index:-1;
    left:0; top:0;
    width: 100%;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid var(--menu-hover);
    /* opacity:0; */
    transition: background-color .5s
}
.home header#masthead .masthead-bgr {
    background: var(--Background-Subtle);
    /* opacity: 1; */
}
@media only screen and (max-width: 1199px) {

    .navbar-toggler:focus, .navbar-toggler:hover {
        outline: none;
    }
    header#masthead, header#masthead.fixed {
        padding: 1.25rem 0 0;
    }
    header#masthead {
        background: transparent;
        transition: background-color .5s
    }
    .pushy-open-left header#masthead {
        background-color: #fff!important;
    }
    header#masthead > .container {
        padding-bottom: 1.25rem;
    }
    header#masthead .masthead-bgr {
        height: 100%;
    }
    header#masthead.fixed {
        background-color: rgba(255, 255, 255, .75);
        backdrop-filter: blur(10px);
    }
    header#masthead .navbar-brand {
        width: 3.25rem;
    }
    .header-menus-block {
        height: 2.6rem;
    }
}
@media (max-width: 574px) {
    .header-menus-block {
        height: 2.3rem;
    }
}
@media only screen and (min-width: 1200px) {
    header#masthead, header#masthead.fixed {
        padding: 0;
        background: transparent
    }
    header#masthead .masthead-bgr {
        height: 4.375rem;
    }
    header#masthead.fixed .masthead-bgr {
        /* background-color: #fff; */
        background-color: rgba(255, 255, 255, .75);
        backdrop-filter: blur(10px);
    }
    header#masthead .navbar-brand, .header-menus-block {
        margin-bottom: .875rem;
    }
    header#masthead .navbar-brand {
        width: 6.375rem;
    }

}