@import url("theme1-buttons.css");

:root .theme1 {
    --accordionHeaderColor: black;
    --accordionColorHover: white;
    --primaryButtonHoverColor: black;
    --bodyFont: "Raleway", sans-serif
}

:root .theme1 {
    --primary: #8D5F66;
    --svgColor: black;
    --quickLinkBg: rgba(69, 27, 25, 0.65);
    --tableHeading: #693531;
    --tableHeadingHover: #462321;
    --primaryDark: #693531;
    --linkHover: var(--tableHeading);
    --searchFormDark: #EBEBEB;
    --searchFormText: black;
    --input: white;
    --inputColor: black;
    --inputBorder: rgb(20, 20, 20, 0.64);
    --accordionHeader: #F5CAC4;
    --navContainerBg: rgba(50, 32, 40, 0.57);
    --font-secondary: "Roboto", sans-serif;
    --footerBg: #EBEBEB;
    --footerTextColor: black;
    --bannerFormBG: rgba(255, 255, 255, 0.096);
    --bannerBorderWidth: 0;
    --footerIconFacebookColor: #3B5998;
    --footerIconTwitterColor: #55ACEE;
    --footerIconMailColor: black;
    --navLinkHover: #f29da9;
    --detailsImageBG: #EBEBEB;
    --detailsImageColor: black;
    --listHeadingBG: var(--tableHeading);
    --menuButton: #C7848E;
    --navActiveLink: #C7848E;
    --accordionHover: #8D5F66;
    --usaLinkHover: #c68690;
    --primaryButtonHoverBG: #8f6866;
    --arrowsColor: #693531;
    --bannerBorderColor: white
}

:root .theme1 {
    --trHover: #EBEBEB;
    --darkTableTrHover: #EBEBEB;
    --currentPagignation: var(--tableHeading);
    --overlay: rgba(50, 32, 40, 0.50);
    --navMobileDrawerBg: rgba(50, 32, 40, 1);
    --bannerFormRadius: 0;
    --bannerOverlayOpacity: 0.50;
    --resultBG: #EBEBEB;
    --tableHoverColor: black;
    --userSelectionBg: #ffe3e7;
    --userSelectionColor: #202020;
    --modalCloseBtn: black
}

@media all and (min-width:64em) {
    .theme1 .usa-header--basic .usa-nav {
        padding-left: 20px
    }
}

@media all and (min-width:87.5em) {
    .theme1 .usa-header--basic .usa-nav {
        padding-left: 40px
    }
}

@media all and (min-width:64em) {
    .theme1 .usa-header--basic .usa-logowrap {
        max-width: 162px
    }
}

@media all and (min-width:87.5em) {
    .theme1 .usa-header--basic .usa-logowrap {
        max-width: 142px
    }
}

.theme1 .usa-header--basic .usa-nav-container {
    align-items: center;
    padding: 2rem;
}

@media all and (min-width:64em) {
    .theme1 .usa-header--basic .usa-nav__primary {
        max-width: 1050px
    }
}

@media all and (min-width:64em) {
    .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a {
        padding: 8px;
        display: flex;
        align-items: center;
        height: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        border-radius: 6px;
        text-transform: uppercase
    }
}

.theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a.usa-current {
    background: #333 !important;
}

@media all and (min-width:87.5em) {
     .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a {
        padding: 10px;
        font-size: 1.01rem
    }
}

@media all and (min-width:64em) {
    .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a::after {
        display: none
    }
}

@media all and (min-width:64em) {
    .theme1 .usa-footer__social-links svg.facebook {
        width: 27px;
        height: 61px
    }
}

@media all and (min-width:64em) {
    .theme1 .usa-footer__social-links svg.twitter {
        width: 61px;
        height: 48px
    }
}

.theme1 .homepage .topblock-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: var(--bannerOverlayOpacity);
    z-index: 0;
    pointer-events: none
}

.theme1 .usa-navbar {
    min-width: 5%;
}
.theme1 .usa-header--basic .usa-nav {
    justify-content: center;
}

@media all and (max-width:63.99em) {
    .theme1 .usa-header--basic .usa-nav {
        width: 75%;
    }
}

.theme1 .usa-table thead th[aria-sort] {
    background-color: var(--primaryButtonHoverBG);
}

.theme1 .topblock-wrapper {
    background-image: url(../img/theme1/banner-2.jpg)
}

.theme1 .wrapper:not(.homepage) .topblock-wrapper {
    background-position: center 9%
}

@media all and (max-width:87.49em) {
    .theme1 .quicklink-bottombx .font-30 {
        font-size: 20px !important
    }
}

@media all and (max-width:63.99em) {
    .theme1 .quicklink-bottombx .font-30 {
        font-size: 18px !important
    }
}

.theme1 .usa-navbar {
    flex-shrink: 0
}

@font-face {


{
    font-family: "Lato";
    src: url(../fonts/Lato-Semibold.woff2)format("woff2"), url(../fonts/Lato-Semibold.woff)format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

}

.theme1 .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.theme1 .topblock-wrapper .forminfo-wrap {
    margin-bottom: 0
}

@media all and (min-width:87.5em) {
    .theme1 .topblock-wrapper .banner-form .font-body-lg {
        font-size: 24px;
        margin-bottom: 1.25rem
    }
}

.theme1 .navsubmenu {
    font-weight: 400
}

.theme1 .usa-logo {
    margin-bottom: 0;
    margin-top: 0;
}

.theme1 .usa-header {
    background-color: rgba(255, 255, 255, .1)
}

.theme1 .usa-header::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(30px) brightness(100%);
    backdrop-filter: blur(30px) brightness(100%)
}

.theme1 .usa-header .usa-logowrap,
.theme1 .usa-header .usa-navbar {
    position: relative;
    z-index: 1
}

.theme1 .usa-header .usa-nav {
    align-items: flex-start
}

@media all and (min-width:64em) {
    .theme1 .usa-header .usa-nav {
        position: relative;
        z-index: 1
    }
}

.theme1 .topsection-heading {
    background-color: var(--overlay);
    border: 1px solid rgba(112, 112, 112, .5);
    position: relative;
    z-index: 1
}

.theme1 .header-primary {
    display: none
}

.theme1 .bg-primary-dark {
    background: var(--tableHeading)
}

.theme1 .theme-textuppercase {
    text-transform: uppercase
}

.theme1 .font-primary {
    font-family: var(--font-secondary)
}

.theme1 .font-secondary {
    font-family: var(--font-primary)
}

@media all and (max-width:29.99em) {
    .theme1 [class*=-xl] {
        font-size: 26px
    }
}

@media all and (max-width:63.99em) {
    .theme1 .usa-navbar {
        flex-grow: 1
    }
}

.theme1 .usa-footer__contact-heading {
    font-size: 1.39rem
}

.theme1 .usa-logo__text {
    font-size: 40px;
    margin-bottom: 8px
}

@media all and (max-width:87.49em) {
    .theme1 .usa-logo__text {
        font-size: 30px;
        margin-bottom: .5rem
    }
}

.theme1 .usa-logo {
    font-size: 1.77rem
}

@media all and (max-width:87.49em) {
    .theme1 .usa-logo {
        font-size: 24px
    }
}

@media all and (min-width:64em) {
    .theme1 .theme-font-30 {
        font-size: 30px
    }
}

@media all and (max-width: 1468px) {
    .theme1 .usa-header--basic .usa-logowrap {
        max-width: 100px;
    }

    .theme1 .usa-logo__text {
        font-size: 25px;
    }

    .theme1 .usa-logo {
        font-size: 16px;
    }

    .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a {
        font-size: 14px;
    }

    .theme1 .usa-header--basic .usa-logowrap {
        margin-right: 1rem;
    }
}

@media all and (max-width: 1200px) {
    .theme1 .usa-logo__text {
        font-size: 20px;
    }

    .theme1 .usa-logo {
        font-size: 13px;
    }

    .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a {
        font-size: 11px;
    }
}

@media all and (max-width: 1023px) {
    .theme1 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a.usa-current {
        background: #fff !important;
    }
}