.faq-container {
}

.faq-container-inner {
}

/* Contains category dropdown (left) and search input (right) */
.faq-controls {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 50px auto;
	gap: 0 40px;
}

.faq-filter-category {
	/* contains the .faq-dropdown field */
	grid-column: 1 / 2;
	grid-row: 1 / span 2;
}

.faq-filter-search {
	/* contains the search and loading indicator */
}

/* "Select a category above or enter search keywords to view results." */
.faq-no-filters.hidden {
}

.faq-no-filters.visible {
}

/* "No results match your search criteria." */
.faq-no-results.hidden {
}

.faq-no-results.visible {
}

/* Displays results */
.faq-results.hidden {
}

.faq-results.visible {
}

/* "Didn't find what you're looking for? Contact Us" */
.faq-feedback-box.hidden {
}

.faq-feedback-box.visible {
}

/* "DIDN’T FIND WHAT YOU’RE LOOKING FOR?" (contact form) */
.faq-feedback-form.hidden {
}

.faq-feedback-form.visible {
}

/*
------------------
----- Dropdown ----
------------------
*/
.faq-dropdown {
	position: relative;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: -0.01em;
	z-index: 3;
}

.faq-dropdown a {
	color: #110d0a;
	text-decoration: none;
}

.faq-dropdown:not(.expanded) .faq-dropdown-items {
	display: none;
}

.faq-dropdown .faq-dropdown-handle {
	background: #ffffff;
	border-radius: 5px 5px 5px 5px;
}
.faq-dropdown.expanded .faq-dropdown-handle {
	background: white;
	border-color: #110d0a;
}

.faq-dropdown-items {
	background: #ffffff;
}

.faq-dropdown .faq-dropdown-handle {
	border: 2px solid transparent;
	border-bottom-width: 0;
}

.faq-dropdown .faq-dropdown-items {
	border: 2px solid transparent;
	border-top-width: 0;
}

.faq-dropdown.expanded .faq-dropdown-handle {
	border-color: black;
	border-radius: 5px 5px 0 0;
}

.faq-dropdown.expanded .faq-dropdown-items {
	border-color: black;
	border-radius: 0 0 5px 5px;
}

.faq-dropdown-handle,
.faq-dropdown-handle .selection {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 46px;
}

.faq-dropdown .selection {
	position: relative;
	cursor: pointer;
}


.faq-dropdown .selection-text {
	font-size: 14px;
	font-weight: 500;
	margin: auto 0 auto 20px;
	line-height: 18px;
}

.faq-dropdown .selection-arrows {
	width: 50px;
	height: 100%;

	/* _forms.scss dropdown icon */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23110d0a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 1 5 5 1 1'/%3E%3C/svg%3E");
	background-size: 10px 6px;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(0deg);
}

.faq-dropdown.expanded .selection-arrows {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23110d0a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 1 5 5 1 1'/%3E%3C/svg%3E");
	transform: rotate(180deg);
}

.faq-dropdown-items {
	/*
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	*/
	display: block;
	font-size: 16px;
	position: absolute;
	width: 100%;
}

.faq-category-item a {
	display: block;
	padding: 2px 20px;
}

.faq-category-item:hover a {
	background: #110d0a;
	color: #ffffff;
}

.faq-category-item:last-child a {
	padding-bottom: 5px;
}

/* Reset */
.faq-dropdown .reset {
	position: relative;
	display: block;
	cursor: pointer;
}

.faq-dropdown.has-value .reset::before {
	content: '';
	display: block;
	border-left: 1px solid #110d0a;
	opacity: 0.3;
	position: absolute;
	top: 7px;
	bottom: 7px;
	right: 100%;
}

.faq-dropdown.expanded .reset::before {
	border-left-color: #110d0a;
}

.faq-dropdown span.reset-text {
	display: none;
}

.faq-dropdown span.reset-x {
	display: block;
	position: relative;
	height: 100%;
	width: 50px;

	/* svg of an "x" */
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23110d0a' d='M10 8.8 6.2 5 10 1.2 8.7 0 5 3.8 1.2 0 0 1.3 3.8 5 0 8.8 1.3 10 5 6.2 8.8 10Zm0 0'/%3E%3C/svg%3E");
}

.faq-dropdown.expanded span.reset-x {
	opacity: 0.3;
	cursor: default;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23110d0a' d='M10 8.8 6.2 5 10 1.2 8.7 0 5 3.8 1.2 0 0 1.3 3.8 5 0 8.8 1.3 10 5 6.2 8.8 10Zm0 0'/%3E%3C/svg%3E");
}

/* Nothing to clear, no x icon */
.faq-dropdown.no-value:not(.expanded) .reset {
	display: none;
}

/*
------------------
----- Search ------
------------------
*/
/* @todo */
.faq-filter-search {
	display: grid;
	grid-template-columns: 1fr 50px;
}

.faq-search {
	grid-column: 1 / 3;
	grid-row: 1;
}

.faq-search input[type="text"] {
	width: 100%;
	line-height: 28px;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 50px;

	background: transparent 3px 50% no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd'%3E%3Cpath d='M15.85 16.56a9.5 9.5 0 1 1 .7-.7l7.45 7.43-.7.71-7.45-7.44zM9.5 1a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17z'/%3E%3C/svg%3E");
	background-size: 24px 24px;
	padding-left: 40px;

	border: 1px solid #110d0a !important;
	border-radius: 0;
}

.faq-search input[type="text"]:focus {
	border-bottom-color: transparent;
}

.faq-loading {
	grid-column: 2 / 3;
	grid-row: 1;
	position: relative;
	height: 50px;
}

.faq-loading-icon {
	visibility: hidden;
	opacity: 0;
	animation: spin 0.9s linear infinite;
	transition: opacity 0.3s linear;
}

.faq-container.searching .faq-loading-icon {
	visibility: visible;
	opacity: 1;
}

.faq-loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border: 2px solid #110d0a;
	border-radius: 100%;

	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*
------------------
----- Form --------
------------------
*/

.faq-question-item {
	margin: 30px 0;
}

.faq-question-item .question > :first-child,
.faq-question-item .answer > :first-child {
	margin-top: 0;
}

.faq-question-item .question > :last-child,
.faq-question-item .answer > :last-child {
	margin-bottom: 0;
}

.faq-question-item:not(:last-child) {
	padding-bottom: 30px;
	border-bottom: 1px solid #393939;
}

.faq-question-item .question {
	font-family: 'Basis Grotesque Pro', serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;

	color: #110D0A;
	margin: 0;
}

.faq-question-item .question p {
	font-weight: 500;
}

.faq-question-item .date {
	font-size: 14px;
	line-height: 1.2;
	margin: 5px 0 20px;
}

.faq-question-item .answer {
	font-size: 16px;
}

/* No results / No category selected */
.faq-no-filters,
.faq-no-results {
	margin: 60px 0;
	font-size: 16px;
}

/* Didn't find what you're looking for? */
.faq-feedback-box {
	background: #1c6875;
	color: #ffffff;

	margin-top: 40px;
	padding: 50px 20px;
	text-align: center;
}

.faq-feedback-box a {
	display: block;
	margin: 0 auto;
	width: fit-content;
	color: #ffffff;
	text-decoration: none;
}

.faq-feedback-box .description {
	font-family: Tiempos Headline;
	font-size: 36px;
	margin: 0 0 20px;
}

.faq-feedback-box .description br {
	display: none;
}

.faq-feedback-box .title {
	display: inline-block;
	font-size: 14px;

	border:1px solid #fff;
	padding: 12px 20px;
	border-radius: 50px;
}

.faq-feedback-box a:hover .title {
	background: #fff;
	color: #1c6875;
}

/* Highlight search terms in results */
mark.search-keyword {
	padding: 0;
	border-radius: 0;
}

@supports (--css: variables) {
	.faq-feedback-box {
		background: var(--palette-primary-background-color);
		color: var(--palette-primary-text-color);
	}

	.faq-feedback-box a:hover .title {
		background: var(--palette-primary-text-color);
		color: var(--palette-primary-background-color);
	}
}

/* Faq Mobile Fixes */
@media screen and (max-width: 575px){
	.faq-controls{
		grid-template-columns: 1fr;
		grid-gap: 5px;
	}
}