/* Navigation and footer refinements shared by every ServiCentral page. */
.sc3-header .sc3-nav {gap:1rem;}
.sc3-header #sc3-navigation {gap:.55rem;}
.sc3-header .sc4-native-menu {gap:.15rem;}
.sc3-header .sc4-native-menu > .nav-item > .nav-link {
    font-family:"Sansation SC",sans-serif;
    font-size:1rem;
    font-weight:700;
    line-height:1.25;
    white-space:nowrap;
}
.sc3-header nav .sc5-support {font-size:.875rem;}

.sc4-native-menu > .nav-item:has(> .dropdown-menu .sc8-resource-mega) {position:relative!important;}
.sc4-native-menu > .nav-item > .dropdown-menu:has(.sc8-resource-mega) {
    left:auto!important;
    right:0!important;
    top:100%;
    width:min(32rem, calc(100vw - 2rem))!important;
    max-width:calc(100vw - 2rem);
    padding:0;
    transform:none!important;
    z-index:1100;
}
.sc8-resource-mega {padding:.9rem;}
.sc8-resource-mega-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem .65rem;}
.sc8-resource-mega-grid a {
    display:flex;
    align-items:center;
    min-height:54px;
    padding:.65rem .75rem;
    color:var(--sc3-ink);
    font-size:.95rem;
    font-weight:700;
}
.sc8-resource-mega-grid .fa {flex:0 0 1.8rem;font-size:1.05rem;color:var(--sc3-brand);}
.sc8-resource-mega .sc4-mega-all {margin-top:.45rem;padding:.85rem .75rem;color:var(--sc3-ink);font-size:.88rem;}
.sc8-resource-mega a:focus-visible {outline:3px solid var(--sc3-focus);outline-offset:2px;border-radius:.4rem;}

.sc3-footer-bottom .sc8-footer-theme {display:none;}
.sc8-theme-ready .sc3-footer-bottom .sc8-footer-theme {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-width:0;
    min-height:36px;
    margin-left:auto;
    padding:.35rem .75rem;
    border:1px solid var(--sc3-border);
    border-radius:999px;
    background:transparent;
    color:var(--sc3-inverse-text);
    font:700 .75rem/1.2 "Raleway SC",Raleway,sans-serif;
    cursor:pointer;
}
.sc3-footer-bottom .sc8-footer-theme:hover {background:var(--sc3-inverse-text);color:var(--sc3-inverse-bg);}
.sc3-footer-bottom .sc8-footer-theme .fa {font-size:.9rem;}
.sc3-footer-bottom > nav[aria-label='Legal'] {margin-left:0;}

@media(max-width:1100px){
    .sc3-header .sc3-nav {gap:.6rem;}
    .sc3-header #sc3-navigation {gap:.4rem;}
    .sc3-header .sc4-native-menu {gap:0;}
}
@media(max-width:850px){
    .sc3-header .sc4-native-menu > .nav-item > .nav-link {white-space:normal;}
    .sc3-header nav .sc5-support {font-size:.875rem;}
    .sc4-native-menu > .nav-item:has(> .dropdown-menu .sc8-resource-mega) {position:static!important;}
    .sc4-native-menu > .nav-item > .dropdown-menu:has(.sc8-resource-mega) {
        position:static!important;
        width:100%!important;
        max-width:none;
        max-height:none;
        transform:none!important;
        box-shadow:none;
    }
    .sc8-resource-mega-grid {grid-template-columns:1fr;}
    .sc8-resource-mega-grid a {min-height:44px;}
}
@media(min-width:851px) and (max-width:960px){
    .sc3-header .sc5-logo {width:145px;}
    .sc3-header .sc3-nav {gap:.4rem;}
    .sc3-header #sc3-navigation {gap:.3rem;}
    .sc3-header nav .sc5-support {font-size:0;}
    .sc3-header nav .sc5-support .fa {font-size:1.2rem;}
}
@media(max-width:620px){
    .sc8-theme-ready .sc3-footer-bottom .sc8-footer-theme {margin-left:0;}
}

.sc6-roles .sc6-tab-controls {position:relative;z-index:2;}
.sc3-form-grid > .s_website_form_field:has(#sc3-message) {grid-column:1 / -1;min-width:0;}
.sc3-form-grid #sc3-message {display:block;width:100%;min-height:7rem;box-sizing:border-box;}
.sc3-form .form-control:focus {background:var(--sc4-field);color:var(--sc3-ink);border-color:var(--sc3-focus);box-shadow:0 0 0 .18rem color-mix(in srgb,var(--sc3-focus) 18%,transparent);}
.sc3-form .form-control::placeholder {color:var(--sc3-muted);opacity:1;}
.sc3-form-grid + .sc3-selected-plan + .s_website_form_submit,
.sc3-form-grid + .s_website_form_submit {margin-top:1.25rem;}
.sc6-roles.is-enhanced .sc6-role-panel>div {padding-top:0;margin-top:calc(var(--sc6-role-controls-height, 0px) + 1rem);pointer-events:auto;}
@media(max-width:850px){.sc6-roles.is-enhanced .sc6-role-panel>div{margin-top:0;}}
@media(max-width:850px){
    .sc3-header #sc3-navigation.is-open {
        position:absolute;
        left:0;
        right:0;
        top:100%;
        z-index:2;
        background:var(--sc4-header,#fff);
        border:1px solid var(--sc3-border);
        border-radius:0 0 .9rem .9rem;
        box-shadow:0 1.2rem 2rem rgba(36,26,51,.16);
    }
}