/* =======================================================================
   DFPI CUSTOM SEARCHSTAX STYLES
   Override default styles and match those set in /src/scss/_archive.scss
   ======================================================================= */

/* Change fonts to match site -------------------------------------------- */

.theme-container * {
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif !important
}

/* Number of results / Pagination */
.search-feedback-filters-wrapper-container .search-feedback-filters-wrapper .search-feedback-filters .sf-filter-info span[data-v-490c9f75],
.search-feedback-filters-wrapper-container .search-feedback-filters-wrapper .search-feedback-filters strong[data-v-490c9f75],
.rl-search .pagination-wrap .pagination .page-item span.page-link-searchstudio-js,
.page-item a,
.page-item strong,
.sf-filter-info-custom span,
.sf-filter-info-custom span strong {
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

h2.searchstax-feedback {
    font-size: .87rem !important;
    width: 320px !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .025em;
}

h2.searchstax-feedback strong {
    font-weight: bold;
}

/* Hide strange edit button that appeared after update */
.edit-button {
    display: none !important;
}

/* Hides aria-polite container that appeared in footer after search stax update */
#searchAccessibilityContainer {
    width: 1px !important;
    height: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
}

/* Pagination, Related Search */
.related-searches-container .related-search a.related-search-item,
.rl-search .pagination-wrap .pagination .page-item .page-link-searchstudio-js {
    color: #20376C;
}

/* Title link */
.card-searchstudio-js-custom .card-searchstudio-js-body .card-searchstudio-js-title a {
    margin-bottom: .875rem;
    color: #20376C;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.25rem;
    text-decoration: underline;
}

.card-searchstudio-js-custom .card-searchstudio-js-body .card-searchstudio-js-title a:hover {
    text-decoration: none;
}

/* Date */
.card-searchstudio-js-custom .card-searchstudio-js-body .card-searchstudio-js-path {
    font-size: 1rem;
    font-weight: normal;
    color: #717171;
    margin-bottom: .875rem;
}

/* Teaser */
.card-searchstudio-js-custom .card-searchstudio-js-body .card-searchstudio-js-body .card-searchstudio-js-text span {
    word-break: break-word;
    font-size: 1rem;
    font-weight: normal;
    color: #000;
}

/* Facets */
.sidebar-heading {
    font-size: 0.875rem !important;
}
.sidebar-heading a:focus {
    outline: 2px solid white;
    outline-offset: 15px;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .sidebar-heading a {
    font-weight: bold;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .list-unstyled li label,
.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .list-unstyled li label .facet-name {
    font-size: 1rem;
    font-weight: normal !important;
    text-transform: capitalize;
    color: #000;
}

/* Layout ---------------------------------------------------------------- */

/* Move facets to the right and set width to 1/3 */
.search-results-wrapper {
    flex-direction: row-reverse;
}

.facet-container-wrapper {
    min-width: calc(30% + 3.75rem);
    max-width: calc(30% + 3.75rem);
}

/* Adjust margins and padding */
.search-results-summary-options-wrapper {
    margin-bottom: 2.5rem;
}

.search-results-wrapper,
.search-results-summary-options-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.facet-container-wrapper {
    padding-right: 0;
}

.container .sf-lists.layout-list .list-wrapper {
    padding-left: 0;
    margin-top: 2.5rem;
    margin-bottom: 0;
}

.card-searchstudio-js-custom {
    padding: 2.5rem 0;
}

#main-content #searchContainer .container {
    padding-top: 0;
}

ul.pagination {
    margin: 0;
    padding: 0;
}

.pagination.justify-content-end {
    justify-content: unset !important;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar {
    padding-top: 0;
}

.sf-sidebar {
    padding-left: 3.75rem;
}

.sf-sidebar ul {
    padding-left: 0;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

/* Borders ---------------------------------------------------------------- */

.container .sf-lists.layout-list .list-wrapper {
    border-bottom: 1px solid #ccc;
}

.sf-list {
    border-top: 1px solid #ccc;
    border-bottom: 10px solid #F5F5F5;
}

/* Remove default decorative elements and unnecessary stuff --------------- */

/* Remove bullets from facets and pagination */
ul.list-unstyled,
ul.pagination {
    list-style-type: none;
}

/* Remove box-shadow and hover styles from results */
.card-searchstudio-js-custom {
    box-shadow: none;
}

.card-searchstudio-js-custom:hover {
    background-color: transparent;
}

/* Remove default border from facets */
.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list {
    border-bottom: 0;
}

/* Components ----------------------------------------------------------- */
/* Styles not already set in font and layout sections above */

/* Search box layout */
.search-input-wrapper {
    width: 55%;
}

.sf-form .form-group {
    display: flex;
}

.sf-form .form-group .form-control-suggest {
    flex: 1;
}

@media (max-width: 991px) {
    .search-input-wrapper {
        width: 100%;
    }

    .sf-form .form-group {
        flex-direction: column;
        gap: 1rem;
    }
}

/* Search button */
.input-container-custom .sf-header-searchstudio-js .sf-form .btn,
.input-container-custom .sf-header-searchstudio-js .sf-form .form-control-suggest input{
    height: 3rem;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn {
    position: static;
    background-color: #DBB716;
    border-radius: 0;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-icon {
    background-image: none;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-icon,
.input-container-custom .sf-header-searchstudio-js .sf-form .btn span {
    max-width: unset;
    width: unset;
    height: unset;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-icon::before {
    content: "Search";
    font-size: .875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-close {
    background-image: none;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-close::before {
    font-family: 'ETMODULES';
    content: "\51";
    font-weight: bold;
    font-size: 1.5rem;
}

/* Search loader */
.input-container-custom .sf-header-searchstudio-js .sf-form .loader {
    padding: 0;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
}

.input-container-wrapper .loader .spinner-border {
    border-color: #000;
    border-right-color:#000;
    border-right-color:transparent;
}

/* Search input */
.input-container-custom .sf-header-searchstudio-js .sf-form .form-control-suggest input {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: 0;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .form-control-suggest input::placeholder {
    opacity: 0;
}

@media (max-width: 991px) {
    .sf-header-searchstudio-js .sf-form .form-control-suggest input {
        background: #fff !important;
        padding-right: 1rem !important;
    }

    .search-close-button {
        width: 100%;
    }
}

/* Search autosuggest */
.input-container-custom .sf-header-searchstudio-js .sf-form .form-control-suggest ul {
    padding-left: 0;
}

/* Search box for listing pages */
.search-input-wrapper--listing-page {
    margin-left: unset;
    font-size: 1rem;
}

.search-input-wrapper--listing-page .sf-header-searchstudio-js .sf-form .form-control-suggest input {
    border: 1px solid #949494;
}

.search-input-wrapper--listing-page .sf-header-searchstudio-js .sf-form .btn .search-icon::before,
.search-input-wrapper--listing-page .sf-header-searchstudio-js .sf-form .btn .search-close::before {
    color: #fff;
}

.search-input-wrapper--listing-page .sf-header-searchstudio-js .sf-form .btn {
    background-color: #20376c;
}

/* Pagination */
.pagination-wrap {
    padding-left: 0;
    padding-right: 0;
}

.pagination {
    gap: 0.5rem;
}

.page-item {
    background-color: #eee;
}

.page-item:nth-child(2) {
    background-color: #20376C;

}

.rl-search .pagination-wrap .pagination .page-item .page-link-searchstudio-js,
.rl-search .pagination-wrap .pagination .page-item span.page-link-searchstudio-js {
    padding: 1rem;
}

.rl-search .pagination-wrap .pagination .page-item:nth-child(2) span.page-link-searchstudio-js {
    color: #fff;
}

.rl-search .pagination-wrap .pagination .page-item a.page-link-searchstudio-js:not([disabled]):hover {
    text-decoration: underline;
}

.rl-search .pagination-wrap .pagination .page-item .page-link-searchstudio-js[disabled="disabled"] {
    opacity: 1;
    color: #6B6B6B;
}

/* View style and sorting */
.sf-filter-actions-custom .form-inline label,
.sf-filter-actions-custom .form-inline .custom-select-searchstudio-js,
.sf-filter-actions-custom .view-card-searchstudio-js-style {
    font-size: 0.875rem;
}

.sf-filter-actions-custom .form-inline .custom-select-searchstudio-js,
.sf-filter-actions-custom .view-card-searchstudio-js-style a {
    background-color: #eee;
}

@media (min-width: 768px) and (max-width: 900px) {
    .view-card-searchstudio-js-style {
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }

    .view-card-searchstudio-js-style + .form-inline {
        margin-left: 1rem;
    }
}


/* Facets */
.filters {
    background-color: #F5F5F5;
}

.filters ul {
    padding: 1.875rem !important;
}

.facet-list li:last-child,
.facet-list li:last-child label {
    margin-bottom: 0;
}

.facet-list + .facet-list {
    border-top: 1px solid #F5F5F5;
}

/* Facet headings */
.sidebar-heading {
    padding: 1.25rem;
    margin-bottom: 0;
    background-color: #20376C;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .sidebar-heading a {
    color: #fff;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .sidebar-heading a:hover {
    opacity: .9;
}

/* Facet arrows */
.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .sidebar-heading a::after {
    font-family: 'ETMODULES';
    content: "\43";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 1rem;
    width: 1rem;
    height: .625rem;
    background: none;
}

.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .sidebar-heading a.active:after {
    transform: translateY(-50%) rotate(180deg);
}

/* Facet checkboxes */
.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .list-unstyled li input {
    top: 0.375rem;
}

/* Facets more/less */
.facet-template-container-custom .sf-sidebar-container .sf-sidebar .list-group .list-group-item-searchstudio-js .list-unstyled .filters .facet-list .more-less {
    padding-left: 1.875rem;
    font-size: 0.875rem;
}

.facet-list ul + .more-less {
    margin-top: -1.875rem;
    padding-bottom: 1.875rem;
}

/* Facets mobile */
@media (max-width: 991px) {
    .facet-wrapper .facet-template-container-custom .sidebar-background.show-facet-overlay {
        display: none !important;
    }

    .facet-wrapper .facet-template-container-custom .sf-sidebar-container {
        position: static;
    }

    .facet-wrapper .facet-template-container-custom .sf-sidebar-container .sf-sidebar,
    .facet-wrapper .facet-template-container-custom .sf-sidebar-container .sf-mobile-header {
        padding-left: 0;
        padding-right: 0;
    }

    .facet-wrapper .facet-template-container-custom .sf-sidebar-container .sf-sidebar .close-button {
        position: static;
        bottom: unset;
        right: unset;
    }

    .facet-wrapper .facet-template-container-custom .sf-sidebar-container .sf-mobile-header {
        border-bottom-color: #ccc;
    }

    .facet-template-container-custom .pill-container .pill {
        border-radius: 0;
        margin-left: 0;
    }

    .facet-wrapper .facet-template-container-custom .sf-sidebar-container .sf-sidebar .close-button {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 1rem 2rem;
        border-radius: 0;
        background-color: #002D72;
    }
}

/* Related searches */
.related-searches-container {
    font-size: 1rem;
    padding: 2.5rem 0;
}

.related-searches-container b {
    font-weight: bold;
}

.related-searches-container .related-search a.related-search-item {
    text-decoration: underline;
}

.related-searches-container .related-search a.related-search-item:hover {
    text-decoration: none;
}

/* Auto-Suggest */
.autosuggest__results {
    background-color: #F5F5F5;
}

.autosuggest__results-container .autosuggest__results ul li {
    margin-bottom: 0;
    border-top: 1px solid #ccc;
    background-color: transparent;
}

.autosuggest__results-container .autosuggest__results ul li:hover {
    background-color: #717171;
}

/* Badge */
.card-searchstudio-js-custom .card-searchstudio-js-body .badge {
    justify-content: center;
    background-color: #20376C;
}

/* No Results */
.sf-lists-custom {
    font-size: 1rem;
}

.sf-sidebar.no-results {
    padding-left: 0;
    padding-top: 0;
}

.sf-sidebar.no-results p {
    margin-bottom: 0;
}

/* Undos ----------------------------------------------------------------- */

/* Reverts Searchstax's bootstrap container styles back to Divi's */
.section .container {
    width: 80%;
}

/* Accessibility Patches ------------------------------------------------- */

.form-control-suggest input:focus,
.sf-form .search-close-button:focus {
    outline: 2px solid black !important;
    outline-offset: -2px;
}
.facet-list input[type=checkbox]:focus {
    outline: 2px solid black !important;
    outline-offset: 1px;
}