/* Shared header and footer only. Container geometry remains in the Solutic layout. */
:root {
    --chrome-ink: #2f2f2f;
    --chrome-plum: #51495f;
    --chrome-red: #d30102;
    --chrome-footer-link: #d30102;
}

body > header,
body > footer {
    font-family: 'Plus Jakarta Sans', sans-serif;
    line-height: 1.5;
}

body > main {
    background-color: #f9f9f9 !important;
}

body.is-homepage > main {
    background-color: var(--orbtrack-white) !important;
}

body > header .top-bar {
    background-color: var(--chrome-red) !important;
}

body > header .top-bar a {
    color: #fff;
}

body > header .top-bar-info a:hover,
body > header .top-bar-info a:focus {
    color: rgba(255, 255, 255, .65) !important;
}

body > header .orb-logo {
    color: var(--chrome-ink) !important;
}

body > header .orb-logo span {
    color: var(--chrome-red) !important;
}

body > header .orb-logo small {
    color: var(--chrome-plum) !important;
}

body > header img.orb-logo {
    display: block;
    width: 165px;
    height: auto;
}

@media screen and (min-width: 992px) {
    body > header.header-style2 .navbar-nav > li > a:hover,
    body > header.header-style2 .navbar-nav > li > a:focus {
        color: var(--chrome-red) !important;
    }
}

body > header .header-style2 .attr-nav .butn.secondary {
    background-color: var(--chrome-red) !important;
    border-color: var(--chrome-red) !important;
}

body > header .header-style2 .attr-nav .butn.secondary:hover {
    background-color: var(--chrome-plum) !important;
    border-color: var(--chrome-plum) !important;
}

body > header.header-style2 .attr-nav .orbtrack-login {
    color: #282b2d;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 21px .5rem;
}

body > header.header-style2 .attr-nav .orbtrack-login:hover,
body > header.header-style2 .attr-nav .orbtrack-login:focus {
    color: var(--chrome-red);
}

body > header .search .fa-search {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

body > header .top-search .close-search {
    align-items: center;
    background: transparent;
    border: 0;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    margin-left: 22px;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
}

body > header .top-search .close-search i {
    color: inherit;
}

body.is-subpage .content-section form .butn.secondary {
    align-items: center;
    background-color: var(--chrome-red);
    border: 1px solid var(--chrome-red);
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    min-height: 46px;
    padding: 0 26px !important;
}

body.is-subpage .content-section form .butn.secondary:hover,
body.is-subpage .content-section form .butn.secondary:focus {
    background-color: var(--chrome-plum);
    border-color: var(--chrome-plum);
    color: #fff;
}

body > footer.bg-dark {
    background-color: var(--chrome-plum) !important;
}

body > footer .footer-logo,
body > footer .subpage-orb-logo {
    color: #fff !important;
}

body > footer .footer-logo span,
body > footer .subpage-orb-logo span {
    color: var(--chrome-red) !important;
}

body > footer .footer-logo small,
body > footer .subpage-orb-logo small {
    color: #e6e2e8 !important;
}

body > footer img.footer-logo {
    display: block;
    width: 190px;
    height: auto;
    margin-bottom: 24px;
}

body > footer p,
body > footer address,
body > footer .email a,
body > footer .phone a,
body > footer .sec-title h3 {
    color: #fff !important;
}

body > footer .lead {
    max-width: none !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: 300 !important;
}

body > footer .email a:hover,
body > footer .email a:active,
body > footer .email a:focus,
body > footer .phone a:hover,
body > footer .phone a:active,
body > footer .phone a:focus {
    color: var(--chrome-footer-link) !important;
}