.utp-site-branding{
    width:min(1180px,calc(100% - 2rem));
    margin:0 auto;
    padding:.75rem 0 .4rem
}
.utp-site-branding__inner{
    display:flex;
    align-items:center;
    gap:.95rem;
    min-height:64px;
    padding:.7rem 1rem;
    border:1px solid #d7e4ea;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%,#f3fbfd 100%);
    box-shadow:0 12px 28px rgba(17,33,44,.06)
}
.utp-site-branding__mark{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto
}
.utp-site-branding__logo{
    display:block;
    width:auto;
    max-width:min(220px,40vw);
    max-height:var(--utp-partner-logo-max-height,42px)
}
.utp-site-branding__mark--fallback{
    min-height:var(--utp-partner-logo-max-height,42px);
    padding:.35rem .7rem;
    border-radius:999px;
    background:#eaf4f8;
    color:#12415b;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.78rem
}
.utp-site-branding__copy{
    display:grid;
    gap:.18rem;
    min-width:0
}
.utp-site-branding__eyebrow{
    margin:0;
    color:#0b7285;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.73rem;
    font-weight:700
}
.utp-site-branding__title{
    display:block;
    color:#123246;
    font-size:clamp(1.05rem,2vw,1.4rem);
    line-height:1.15
}
body.utp-partner-compact-header .site-header .inside-header,
body.utp-partner-compact-header .inside-header{
    padding-top:.6rem;
    padding-bottom:.6rem
}
body.utp-partner-compact-header .custom-logo,
body.utp-partner-compact-header .site-logo img,
body.utp-partner-compact-header .custom-logo-link img{
    max-height:var(--utp-partner-logo-max-height,42px);
    width:auto
}
@media (min-width:783px){
    body.utp-partner-compact-header .site-header,
    body.utp-partner-compact-header #masthead{
        position:sticky;
        top:0;
        z-index:9995;
        background:#f4fafc;
        overflow:visible
    }
    body.utp-partner-compact-header .main-navigation,
    body.utp-partner-compact-header #site-navigation{
        box-sizing:border-box;
        margin:0;
        position:relative;
        top:auto;
        z-index:2;
        border:0;
        border-bottom:1px solid rgba(16,34,43,.08);
        background:linear-gradient(180deg,rgba(244,250,252,.98) 0%,rgba(238,248,251,.98) 100%);
        box-shadow:0 1px 0 rgba(255,255,255,.72) inset,0 6px 18px rgba(17,33,44,.04)
    }
    body.utp-partner-compact-header .inside-header{
        overflow:visible
    }
    body.utp-partner-compact-header #mobile-menu-control-wrapper{
        display:none !important
    }
    body.utp-partner-compact-header .main-navigation .inside-navigation,
    body.utp-partner-compact-header .main-navigation.mobile-menu-control-wrapper{
        box-sizing:border-box;
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
        width:min(1180px,calc(100% - 2rem));
        min-height:38px;
        margin:0 auto;
        padding:0 .4rem
    }
    body.utp-partner-compact-header .main-navigation .main-nav{
        display:flex;
        align-items:center;
        flex:1 1 auto;
        min-width:0;
        min-height:38px;
        justify-content:flex-end
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul{
        display:flex;
        align-items:center;
        flex-wrap:nowrap;
        margin:0;
        padding:0;
        white-space:nowrap
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li,
    body.utp-partner-compact-header .main-navigation .menu-bar-item{
        display:flex;
        align-items:stretch;
        flex:0 0 auto
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li > a,
    body.utp-partner-compact-header .main-navigation .menu-bar-item > a{
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        min-height:38px;
        padding:0 .82rem;
        line-height:1.05;
        font-size:.82rem;
        font-weight:500
    }
    body.utp-partner-compact-header .main-navigation .menu-toggle,
    body.utp-partner-compact-header .main-navigation .mobile-bar-items{
        display:none !important
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li > a{
        position:relative
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li.current-menu-item > a,
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li.current-menu-ancestor > a,
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li > a:hover,
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li > a:focus{
        color:#0f6d82
    }
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li.current-menu-item > a::after,
    body.utp-partner-compact-header .main-navigation .main-nav > ul > li.current-menu-ancestor > a::after{
        content:"";
        position:absolute;
        right:.82rem;
        bottom:7px;
        left:.82rem;
        height:2px;
        border-radius:999px;
        background:linear-gradient(90deg,#1b8aa1 0%,#54c2ca 100%)
    }
    body.utp-partner-compact-header .main-navigation .main-nav ul ul{
        top:calc(100% + 1px);
        box-sizing:border-box;
        min-width:300px;
        width:max-content;
        max-width:min(360px,calc(100vw - 32px));
        padding:.35rem 0;
        border:1px solid #dbe5e9;
        border-radius:14px;
        background:#fff;
        box-shadow:0 18px 34px rgba(15,34,43,.12)
    }
    body.utp-partner-compact-header .main-navigation .main-nav ul ul li{
        width:100%
    }
    body.utp-partner-compact-header .main-navigation .main-nav ul ul li a{
        display:block;
        box-sizing:border-box;
        padding:.58rem .95rem;
        font-size:.84rem;
        line-height:1.28;
        white-space:normal;
        overflow-wrap:break-word
    }
    body.admin-bar.utp-partner-compact-header .site-header,
    body.admin-bar.utp-partner-compact-header #masthead{
        top:32px
    }
}
@media (max-width:782px){
    .utp-site-branding{
        width:min(100%,calc(100% - 1rem));
        padding:.55rem 0 .3rem
    }
    .utp-site-branding__inner{
        padding:.75rem .85rem;
        border-radius:18px
    }
}
@media (max-width:640px){
    .utp-site-branding__inner{
        align-items:flex-start;
        gap:.75rem
    }
    .utp-site-branding__copy{
        gap:.28rem
    }
}
