﻿@import url("theme2-buttons.css");

:root .theme2 {
    --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
}

:root .theme2 {
    --footerTextColor: white;
    --usaLinkHover: #AD5C1F;
    --primaryButtonHoverColor: #0b4639;
    --bodyFont: "Montserrat", sans-serif;
    --primary: #331A08;
    --svgColor: black;
    --quickLinkBg: rgba(23, 132, 107, 0.65);
    --tableHeading: #331A08;
    --tableHeadingHover: #0f5948;
    --primaryDark: #17846B;
    --primaryLight: #81f3d9;
    --linkHover: #331A08;
    --searchFormDark: #140102;
    --searchFormText: white;
    --input: #171717;
    --inputColor: white;
    --inputBorder: white;
    --accordionHeader: #140102;
    --accordionHeaderColor: white;
    --navContainerBg: #140102;
    --font-secondary: "Montserrat", sans-serif;
    --footerBg: linear-gradient(#813e14 0, #100a03 100%);
    --bannerFormBG: transparent;
    --bannerBorderWidth: 2px;
    --footerIconFacebookColor: white;
    --footerIconTwitterColor: white;
    --footerIconMailColor: white;
    --navLinkHover: #21bd99;
    --detailsImageBG: #140102;
    --detailsImageColor: white;
    --listHeadingBG: #331A08;
    --menuButton: #17846B;
    --navActiveLink: #21bd99;
    --accordionHover: #7a3c15;
    --accordionColorHover: white;
    --primaryButtonHoverBG: #0f5948;
    --arrowsColor: white;
    --bannerBorderColor: rgba(255, 255, 255, 0.76)
}

.theme2 .usa-logowrap {
    margin-right: 3rem;
}

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

.theme2 .searchform-dark > form {
    position: relative;
    z-index: 1
}

.theme2 .topblock-wrapper::after {
    display: none
}

.theme2 {
    font-family: "Montserrat", sans-serif
}

    .theme2 .usa-checkbox__label,
    .theme2 .usa-combo-box__input,
    .theme2 .usa-combo-box__list,
    .theme2 .usa-fieldset,
    .theme2 .usa-hint,
    .theme2 .usa-input-group,
    .theme2 .usa-radio__label,
    .theme2 .usa-range,
    .theme2 .usa-select {
        font-family: var(--font-secondary)
    }

    .theme2 .usa-logo,
    .theme2 .usa-logo__text {
        text-transform: uppercase
    }

    .theme2 .header-wrap {
        padding-top: 0
    }

    .theme2 .sitemap .usa-list {
        font-weight: 400
    }

    .theme2 .topblock-wrapper {
        background: #140102 url(../img/theme2/banner-pattern.svg)center bottom no-repeat;
        background-size: 77%
    }

    .theme2 .background-overlay {
        background: rgba(16, 10, 3, .8);
        padding: 2rem;
        border-radius: 20px;
    }

    .theme2 .offender-nav.navmenuul .usa-nav-link.usa-current {
        background-color: #AD5C1F;
    }

    @media all and (max-width:87.49em) {
        .theme2 .topblock-wrapper {
        background-size: 91vw
    }
}

@media all and (max-width:63.99em) {
    .theme2 .topblock-wrapper {
        background-size: 100%
    }
}

@media all and (max-width:54.99em) {
    .theme2 .topblock-wrapper {
        background-size: 132vh
    }
}

.theme2 .wrapper:not(.homepage) .topblock-wrapper {
    overflow: hidden
}

    .theme2 .wrapper:not(.homepage) .topblock-wrapper::before {
        content: "";
        display: block;
        left: 0;
        right: -70px;
        top: 0;
        bottom: 0;
        background: url(../img/theme2/banner-pattern.svg)center bottom no-repeat;
        background-size: 100%;
        max-width: 1095px;
        margin-left: auto;
        opacity: .3;
        position: absolute;
        z-index: 1
    }

@media all and (max-width:87.49em) {
    .theme2 .wrapper:not(.homepage) .topblock-wrapper::before {
        max-width: 70vw
    }
}

.theme2 .usa-overlay:not(.is-visible) + .usa-header {
    z-index: 13
}

    .theme2 .usa-overlay:not(.is-visible) + .usa-header:after,
    .theme2 .wrapper:not(.homepage) .topblock-wrapper:after {
        display: none
    }

.theme2 .usa-footer__social-links svg.facebook:hover {
    fill: var(--primaryButtonHoverBG);
}

.theme2 .usa-footer__social-links svg.email:hover {
    fill: var(--primaryButtonHoverBG);
}

.theme2 .usa-footer__social-links svg.twitter:hover {
    fill: var(--primaryButtonHoverBG);
}

.theme2 .usa-input,
.theme2 .usa-textarea {
    font-weight: 400 !important;
    font-family: var(--font-secondary) !important
}

    .theme2 .usa-input::-webkit-input-placeholder,
    .theme2 .usa-textarea::-webkit-input-placeholder {
        font-weight: 400 !important;
        font-family: var(--font-secondary) !important
    }

    .theme2 .usa-input:-moz-placeholder,
    .theme2 .usa-textarea:-moz-placeholder {
        font-weight: 400 !important;
        font-family: var(--font-secondary) !important
    }

    .theme2 .usa-input::-moz-placeholder,
    .theme2 .usa-textarea::-moz-placeholder {
        font-weight: 400 !important;
        font-family: var(--font-secondary) !important
    }

    .theme2 .usa-input:-ms-input-placeholder,
    .theme2 .usa-textarea:-ms-input-placeholder {
        font-weight: 400 !important;
        font-family: var(--font-secondary) !important
    }

.theme2 .usa-pagination__button,
.theme2 .usa-pagination__link {
    font-weight: 400
}

@media all and (min-width:64em) {
    .theme2 .banner-section {
        padding-bottom: 100px;
        padding-top: 100px;
        min-height: 100px;
        min-height: calc(100vh - 209px);
        display: flex;
        align-items: center
    }
}

.theme2 .heading-block,
.theme2 .heavytext,
.theme2 .usa-footer__contact-heading,
.theme2 .usa-logo,
.theme2 .usa-logo__text {
    font-weight: 900
}

.theme2 .theme-normalfont {
    font-weight: 400
}

.theme2 .notificationregister {
    border: 0
}

.theme2 .contact-textblock {
    max-width: 826px;
    margin-left: auto;
    margin-right: auto
}

.theme2 .homepage .usa-header,
.theme2 .wrapper:not(.homepage) .topblock-wrapper {
    background: linear-gradient(#813e14 0, #100a03 100%)
}

.theme2 .navsubmenu li .usa-nav-link,
.theme2 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a {
    font-family: "Montserrat", sans-serif;
    font-weight: 900
}

    .theme2 .usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a.usa-current::after {
        background: #17846b
    }

@media all and (min-width:87.5em) {

    .theme2 .font-sans-md,
    .theme2 .usa-table {
        font-size: 1.14rem
    }
}

.theme2 .searchform-dark {
    border: 0;
    position: relative
}

    .theme2 .searchform-dark:after {
        content: "";
        display: block;
        position: absolute;
        left: 28px;
        right: 28px;
        top: 28px;
        bottom: 28px;
        background: url(../img/theme2/banner-pattern.svg)center no-repeat;
        opacity: .4;
        background-size: contain
    }

    .theme2 .searchform-dark .usa-input {
        background-color: #693531;
        border: 0
    }

.theme2 .usa-accordion__button,
.theme2 .usa-table tbody td {
    font-weight: 400
}

.theme2 .accordion-wrap .usa-modal__heading,
.theme2 .accordion-wrap .usa-prose p {
    font-weight: 400;
    font-family: var(--font-secondary)
}

.theme2 .topblock-wrapper .forminfo-wrap {
    margin-bottom: 0;
    border-bottom-width: 0
}

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

.theme2 .navsubmenu,
.theme2 .usa-table thead th {
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

@media all and (min-width:87.5em) {
    .theme2 .usa-logo {
        margin-bottom: 30px
    }
}

@media all and (max-width:87.49em) {
    .theme2 .usa-logo {
        margin-bottom: 20px
    }
}

@media all and (max-width:63.99em) {
    .theme2 .usa-logo {
        margin-bottom: 0
    }
}

.theme2 .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%)
}

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

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

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

.theme2 .border-accent-warm,
.theme2 .hover\:border-accent-warm:hover {
    border-color: #140102
}

.theme2 .bg-primary-dark {
    background: var(--primaryDark)
}

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

.theme2 .font-secondary {
    font-family: var(--bodyFont)
}

.theme2 .usa-accordion__button[aria-expanded=true] svg {
    fill: #fff;
}

.theme2 .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: var(--primaryLight) !important;
}

.theme2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #bdbdbd !important;
    cursor: initial;
}

    .theme2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background-color: #bdbdbd !important;
    }

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

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

.theme2 .usa-footer__contact-heading {
    font-size: 1.39rem;
    font-family: "Montserrat", sans-serif;
}

.theme2 .usa-logo__text {
    margin-bottom: 8px
}

@media all and (max-width:87.49em) {
    .theme2 .usa-logo__text {
        margin-bottom: .5rem
    }
}

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

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

.theme2 .detailsblock .usa-table thead th,
.theme2 .usa-table {
    font-family: var(--font-secondary)
}

    .theme2 .usa-table thead th {
        font-weight: 900
    }

.theme2 .contact-listblock {
    font-weight: 400
}

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

