
/* =======================================================================
   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: .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;
	word-break: break-all;
}

.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: .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.nitro-lazy {
	background-image: none !important;
}

.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.nitro-lazy {
	background-image: none !important;
}

.input-container-custom .sf-header-searchstudio-js .sf-form .btn .search-close::before {
	font-family: "ETMODULES";
	content: "Q";
	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.nitro-lazy {
	background-image: none !important;
}

.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: .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: .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: "C";
	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: .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: .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;
}
