﻿:root {
    --medium-banner: 77.5vh;
}

.usn_cmp_pods div.listing-pods, .usn_cmp_gallery div.listing_gallery {
    display: flex;
    justify-content: center;
}

section.usn_cmp_accordiontab.base-bg-solid div.accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    section.usn_cmp_accordiontab.base-bg-solid div.accordion a.nav-link {
        background-color: #f5f5f5;
        border: none;
    }

section.usn_cmp_accordiontab.base-bg-solid .repeatable.accordion.tab-basic .repeatable-content {
    border-width: 0px !important;
}

div.right-col div.listing-pods div.usn_pod_links {
    border: 2px solid #f5f5f5 !important;
    padding: 10px;
    padding-bottom: 10px !important;
    margin-bottom: 20px;
    animation-delay: 1s;
    animation-duration: 1s;
}

    div.right-col div.listing-pods div.usn_pod_links div.listing_links div.item a i.usn_ion-md-open {
        display: none;
    }

section.lockBackgroundToWide {
    max-width: var(--component-max-width);
    margin: 0 auto;
}

div.positionBackgroundBottom div.image {
    background-position: bottom !important;
}

section.removeLargeHeaders p.heading.lg {
    display: none !important;
}

header#site-header div.site-search button.expand-search {
    color: #38A485;
}

header#site-header button.expand-3-bars:not(.active) span, header#site-header button.expand-3-bars span::before, header#site-header button.expand-3-bars span::after {
    background-color: #38A485;
}

header#site-header nav.main > ul > li.has-child > span > a {
    pointer-events: none;
}

section.mainBanner div.item div.inner {
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.25) 5%, rgba(255, 255, 255, 0.25) 10%, rgba(255, 255, 255, 0.13) 10%, rgba(255, 255, 255, 0.13) 15%, transparent 15%, transparent 85%, rgba(255, 255, 255, 0.13) 85%, rgba(255, 255, 255, 0.13) 90%, rgba(255, 255, 255, 0.25) 90%, rgba(255, 255, 255, 0.25) 95%, rgba(255, 255, 255, 0.5) 95%, rgba(255, 255, 255, 0.5) 100%);
    text-shadow: #000 0 0 10px;
}

    section.mainBanner div.item div.inner div.info {
        max-width: 650px !important;
    }



section.homeSplitPods div.item div.inner > p.heading:first-child, section.homeSplitPods div.item div.info > p.heading:first-child {
    padding-bottom: 10px;
    border-bottom: 3px solid #fff;
    margin-bottom: 16px;
}

section.homeSplitPods div.usn_pod_podsubpagelisting div.inner {
    padding: var(--base-spacing);
    background-color: #1f8d9e;
    color: #fff !important;
}

    section.homeSplitPods div.usn_pod_podsubpagelisting div.inner p.heading {
        color: #fff !important;
    }

    section.homeSplitPods div.usn_pod_podsubpagelisting div.inner div.item {
        padding-bottom: 0 !important;
    }

    section.homeSplitPods div.usn_pod_podsubpagelisting div.inner a:hover {
        text-decoration: underline !important;
        text-decoration-color: #fff !important;
    }

    section.homeSplitPods div.usn_pod_podsubpagelisting div.inner p.link a.btn {
        display: none;
    }

body:not(.homePage) footer#site-footer > .container {
    padding-top: 0;
}

footer#site-footer div.usn_pod_image div.footer-item {
    padding-bottom: 0 !important;
}

footer#site-footer nav.footer-navigation {
    padding-top: 0;
}

    footer#site-footer nav.footer-navigation > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        justify-items: center;
    }

        footer#site-footer nav.footer-navigation > ul li {
            margin: 0;
        }

@media(min-width: 992px) {
    html.nav-down:not(.reached-top), html.nav-up:not(.reached-top) {
        --large-header: var(--small-header);
        --nav-main-height: var(--small-header);
    }

    html header#site-header, html header#site-header *, html header#site-header nav.main ul li > span::after {
        transition: 0.5s;
    }

    /*Site-Specific-Styles*/
    html.nav-down:not(.reached-top) header#site-header div#logo, html.nav-up:not(.reached-top) header#site-header div#logo {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        html.nav-down:not(.reached-top) header#site-header div#logo img, html.nav-up:not(.reached-top) header#site-header div#logo img {
            height: 76px;
            max-height: calc(var(--large-header) - 20px);
        }

    header#site-header nav.main > ul > li > span > a, header#site-header nav.main > ul > li.has-child > span > a {
        position: relative;
        pointer-events: all;
    }

    header#site-header nav.main > ul > li:hover > span::before, header#site-header nav.main > ul > li.active > span::before, header#site-header nav.main ul li:not(.active):focus-within > span::before {
        background-color: transparent !important;
    }

    header#site-header nav.main > ul > li:hover > span > a, header#site-header nav.main > ul > li.active > span > a, header#site-header nav.main ul li:not(.active):focus-within > span a {
        color: rgba(var(--main-navigation-link), 1);
    }

    header#site-header nav.main > ul > li:focus-within:not(:hover) > span::after {
        z-index: unset;
    }

    header#site-header nav.main > ul > li:hover ul {
        display: none !important;
    }

    header#site-header nav.main > ul > li:not(:last-child) a::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 12px;
        right: -3px;
        top: 50%;
        transform: translate(0, -50%);
        background-color: #1f8d9e;
        transition: 0.3s;
    }
}
