/* ==========================================================
   Header Base
   ========================================================== */

#header,
#header.header_color{
    background:rgb(15 15 15 / .18);

    backdrop-filter:blur(14px);

    border:none;
    box-shadow:none;
}

#header_main{

    height:var(--osf-header-height);
    border:none;

}

#header_main > .container {

    height:100%;
    padding-inline:var(--osf-header-padding-x);


}

#header_main .inner-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
}

/* ==========================================================
   Header Layout
   ========================================================== */

#top #wrap_all #header{
    width:100%;
    z-index:1000;
}

#header_main .logo{

    position:static;
    float:none;
    left:auto;

    display:flex;
    align-items:center;

    flex:0 0 auto;

    margin:0;
}

/* =====================================================
   Header Identity
   ===================================================== */

.osf-header-identity{
    display:flex;

    flex-direction:row;

    align-items:center;

    gap:var(--space-lg);

    white-space:nowrap;
}

.osf-header-identity__icon{

    width:14px;
    height:14px;

    margin-right:.45rem;

    vertical-align:-2px;

}

.osf-header-identity__emblem{

    flex:0 0 auto;

}

.osf-header-identity__emblem img{
    display:block;

    width::var(--header-emblem-size);

    height:auto;

    max-height:90px;

    transition:
    transform var(--transition-normal),
    filter var(--transition-normal);
}

.osf-header-identity__emblem img:hover{

    transform:scale(1.03);

    filter:drop-shadow(0 0 10px rgba(214,174,74,.28));
}

.osf-header-identity__content{
    display:flex;
    flex-direction:column;

    line-height:1.05;
}

.osf-header-identity__title{

    font-family:var(--header-brand-font);

    font-size:var(--header-brand-size);

    font-weight:var(--header-brand-weight);

    line-height:var(--header-brand-line-height);

    letter-spacing:var(--header-brand-spacing);

    text-transform:uppercase;

    color: var(--osf-header-brand-color);

    text-decoration: none;

}

.osf-header-identity__subtitle{

    margin-top:var(--space-xs);

    font-size:var(--header-subtitle-size);

    letter-spacing:var(--header-subtitle-spacing);

    text-transform:uppercase;

    color: var(--osf-gate-color);
}

.osf-header-identity__icon {
    width: 14px !important;
    height: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
}