/* theme header */
header#masthead {
    z-index: 9;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--body-default);
    /* border-bottom: 1px solid var(--border); */
/*    transition: padding .5s, background-color .5s;*/
}
header#masthead:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%;
    background-color: var(--border);
}
@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;
}
header#masthead .navbar-brand {
    padding: 0;
    position: relative;
    margin: 0;
}
header#masthead .navbar-brand a {
    display:block
}
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);
    backdrop-filter: blur(6px);
} */
.header-menus-block .button {
    font-size: .875rem;
    padding: 0.375rem 0.75rem;
    height: 2.0625rem;
}
.header-menus-block > * {
    margin-left: .5rem
}
@media only screen and (max-width: 1199px) {

    .navbar-toggler:focus, .navbar-toggler:hover {
        outline: none;
    }
    header#masthead, header#masthead.fixed {
        padding: .95rem 0;
    }
    header#masthead {
        background: transparent;
        /* transition: background-color .5s */
    }
    /* .pushy-open-left header#masthead {
        background-color: #fff!important;
    } */
    /* header#masthead .masthead-bgr {
        height: 100%;
    } */
    header#masthead.fixed {
        background-color: rgba(252, 251, 247, .75);
        backdrop-filter: blur(10px);
    }
    #page.with-page-header header#masthead.fixed {
        background-color: rgba(5, 18, 28, .85);
    }
    header#masthead .navbar-brand a {
        width: 6rem;
    }
    /* header#masthead .masthead-bgr {
        height: 4.375rem;
    } */
    .header-menus-block {
        height: 2.6rem;
    }
}
@media (max-width: 574px) {
    .header-menus-block {
        /* height: 2.3rem; */
    }
    .header-menus-block a.button, .login-buttons .button  {
        font-size: .75rem;
        padding: 0.375rem 0.75rem;
        height: 2rem;
    }
}
@media only screen and (min-width: 1200px) {
    header#masthead, header#masthead.fixed {
        /* padding: 0;
        background: transparent */
    }
    header#masthead .navbar-brand a {
        width: 7rem;
    }
    /* header#masthead .masthead-bgr {
        height: 4.5rem;
    } */
    /* header#masthead.fixed .masthead-bgr {
        background-color: rgba(252, 251, 247, .75);
        backdrop-filter: blur(10px);
    }
    #page.with-page-header header#masthead.fixed .masthead-bgr {
        background-color: rgba(5, 18, 28, .85);
    } */
    /* .header-menus-block {
        margin-bottom: .875rem;
    } */
}
@media only screen and (min-width: 1200px) and (max-width:1439px) {
    /* .header-menus-block .button {
        font-size: 1rem
    } */
}
@media only screen and (min-width: 1440px) {
    header#masthead .navbar-brand, .header-menus-block {
        flex-basis: 22rem
    }

}