﻿main#site-content {
    border-top: solid 15px #bb0404;
}

header#site-header nav.main > ul > li:hover, header#site-header nav.main > ul > li.open-child_mobile {
    background-color: #111136;
    transition: 0.5s;
}

    header#site-header nav.main > ul > li:hover a, header#site-header nav.main > ul > li:hover span:after, header#site-header nav.main > ul > li.open-child_mobile a, header#site-header nav.main > ul > li.open-child_mobile span:after {
        color: #fff !important;
        transition: 0.5s;
    }

header#site-header nav.main ul > li.active > span > a {
    font-weight: bold;
}

header#site-header nav.main ul > li.active > span > a, header#site-header nav.main ul > li:focus-within > span > a, header#site-header nav.main ul > li:focus-within > span:after {
    color: #000;
}

header#site-header nav.main > ul > li.open-child_mobile ul li {
    border: none;
}

    header#site-header nav.main > ul > li.open-child_mobile ul li span a {
        color: #fff;
    }

section.contactForm div.contact-form {
    border: 1px solid #08801c;
    border-radius: 5px;
}

section.contactForm div.component-outro {
    width: max-content;
}

    section.contactForm div.component-outro div.info {
        border: 1px solid #08801c;
        border-radius: 5px;
        padding: 15px;
        margin-top: 100px;
        margin-right: calc(var(--bs-gutter-x) * .5);
        margin-left: calc(var(--bs-gutter-x) * .5);
    }

footer#site-footer {
    border-top: 1px solid #08801c;
}

    footer#site-footer div.listing div.heartLine {
        padding-left: 0;
        padding-right: 0;
        max-width: 100vw;
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    footer#site-footer div.usn_pod_sociallinks div.inner {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        footer#site-footer div.usn_pod_sociallinks div.inner nav.social {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

            footer#site-footer div.usn_pod_sociallinks div.inner nav.social::after {
                content: "Join us on SM";
                padding-top: 10px;
                color: rgba(var(--base-text), 1);
            }

            footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul {
                display: flex;
                justify-content: center;
                gap: 10px;
                align-items: center;
                height: 80px;
            }

                footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul li {
                    display: flex;
                    margin: 0 !important;
                    align-items: center;
                    justify-content: center;
                }

                    footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul li a {
                        width: 80px;
                        height: 80px;
                    }

                        footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul li a img {
                            width: 80px;
                            height: 80px;
                        }

    footer#site-footer nav.footer-navigation ul li {
        color: #58587b;
        margin: 0;
        padding: 0px 8px;
    }

        footer#site-footer nav.footer-navigation ul li:not(:first-child):not(:last-child) {
            border-left: 1px solid;
        }

@media (min-width: 0) and (max-width: 767px) {
    .component.usn_cmp_banner .item.item_scale-banner .inner {
        position: absolute !important;
    }

    body.homePage section.usn_cmp_banner div.image img {
        min-height: 450px;
        object-fit: cover;
    }

    footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul {
        height: 40px !important;
    }

        footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul li a {
            height: 40px !important;
            width: 40px !important;
        }

            footer#site-footer div.usn_pod_sociallinks div.inner nav.social ul li a img {
                height: 40px !important;
                width: 40px !important;
            }
}

@media(min-width: 1395px) {
    .component.usn_cmp_banner .item.item_short-banner {
        min-height: 400px;
    }

    header#site-header nav.main {
        display: flex;
        align-items: flex-end;
    }

        header#site-header nav.main > ul {
            height: 60px;
        }

            header#site-header nav.main > ul > li {
                height: 60px;
                border-radius: 5px 5px 0 0;
            }

                header#site-header nav.main > ul > li:hover {
                    border-radius: 5px;
                    background-color: #171749
                }

        html.no-touch header#site-header nav.main ul li:hover ul, header#site-header nav.main ul > li.open-child > ul {
            top: 60px !important;
        }

    html.no-touch body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main ul li.has-child > span::after {
        z-index: unset;
    }

        header#site-header nav.main ul li span::before {
            height: 60px !important;
            border-radius: 5px 5px 0 0 !important;
        }

        header#site-header nav.main ul li.has-child span::after {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        header#site-header nav.main ul li a {
            height: 60px;
            display: flex;
            align-items: center;
            padding: 22px 20px;
        }

        header#site-header nav.main ul > li.active > span > a {
            color: #fff;
        }

        body.main-navigation-underline-link-hover header#site-header nav.main ul li a:hover {
            text-decoration: none;
        }

        body.main-navigation-underline-link-hover header#site-header nav.main ul li ul li a:hover {
            background-color: #111136;
            border-radius: 5px;
        }
    }
