/**
 * Variables.
 */
:root {
	/* stylelint-disable declaration-colon-space-after */

	/* Color Schema
	=================================================================== */

	/* Monochrome */
	--color-algolia-black: #0a0d14;
	--color-algolia-gray-darker: #27272e;
	--color-algolia-gray-dark: #37373d;
	--color-algolia-gray: #f9f7f5;
	--color-algolia-gray-light: #e0e0e0;
	--color-algolia-gray-lighter: #f2f3fb;
	--color-algolia-white: #fff;

	/* Brand */
	--color-algolia-brand-dark: #0076d1;
	--color-algolia-brand: #0093f5;
	--color-algolia-brand-light: #00aeef;
	--color-algolia-beige: #f3efeb;
	--color-algolia-beige-light: #f9f7f5;

	/* Etc */
	--color-algolia-blue: #3345e7;
	--color-algolia-blue-dark: #171948;
	--color-algolia-cyan: #92f4fb;

	/* Assigned colors
	=================================================================== */

	/* Messages */
	--color-algolia-alert: #e84949;
	--color-algolia-success: #2ec585;
	--color-algolia-success-alt: #37da96;
	--color-algolia-message: #e5e3eb;

	/* Backgrounds and buttons. alt colors are usually for hover states. */

	/* Page areas */
	--color-algolia-bg-base: var(--color-algolia-white);

	/* Typography */
	--color-algolia-font-base: var(--color-algolia-gray-darker);
	--color-algolia-gray-dark-text: var(--color-algolia-gray-dark);
	--color-algolia-link: var(--color-algolia-brand);
	--color-algolia-link-alt: var(--color-algolia-brand-light);

	/* Borders and shadows */
	--color-algolia-area-lines: var(--color-algolia-gray);
	--color-algolia-disabled: #b7b6bb;

	/* Typography
	=================================================================== */

	/* Sizes */
	--size-xxs: 0.6875rem; /* 11 */
	--size-xs: 0.8125rem; /* 13 */
	--size-s: 0.875rem; /* 14 */
	--size-base: 16px; /* 16 - pixels in comments based on body size 16 px */
	--size-17: 1.0635rem; /* 17 */
	--size-l: 1.125rem; /* 18 */
	--size-xl: 1.25rem; /* 20 */
	--size-xxl: 1.3125rem; /* 21 */
	--size-xxxl: 1.8125rem; /* 29 */
	--size-xxxxl: 2.25rem; /* 36 */
	--size-xxxxxl: 3.125rem; /* 50 */

	/* Spacing and sizing
	=================================================================== */

	/* Generic spacing - consider removing many of these. */
	--spacing-xs: 0.25rem; /* 4px */
	--spacing-s: 0.375rem; /* 6px */
	--spacing-base: 0.625rem; /* 10px */
	--spacing-l: 0.9375rem; /* 15px */
	--spacing-xl: 1.25rem; /* 20px */
	--spacing-xxl: 1.875rem; /* 30px */
	--spacing-xxxl: 2.5rem; /* 40px */
	--spacing-xxxxl: 3.125rem; /* 50px */
	--spacing-xxxxxl: 6.25rem; /* 100px */
}

/* stylelint-disable no-descending-specificity */
.r-wp-algolia {
	padding-left: var(--gutter);
	padding-right: var(--gutter);
	position: relative;
	z-index: 2;
}

.r-wp-algolia__filters-container {
	position: relative;
}

.r-wp-algolia__filter-toggle-checkbox,
.r-wp-algolia__filters-navigation {
	display: none;
}

.r-wp-algolia #searchbox {
	margin-bottom: 10px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;

	& .ais-SearchBox-form {
		display: flex;
		position: relative;

		&::before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5714' cy='11.5714' r='10.5714' stroke='%233345e7'/%3E%3Cpath d='M19.2858 19L25.2858 25' stroke='%233345e7'/%3E%3C/svg%3E%0A");
			display: block;
			width: 25px;
			height: 25px;
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			position: absolute;
			left: var(--spacing-l);
			top: 50%;
			transform: translateY(-50%);
		}
	}

	& .ais-SearchBox-input {
		flex-grow: 1;
		background-color: var(--color-algolia-gray-light);
		padding: 16px 16px 16px 60px;
		flex-basis: 50%;
		flex-shrink: 0;
		font-size: 16px;
		color: var(--color-algolia-black);
		line-height: 1.4;
		border: none;
		margin-bottom: 0;

		&::placeholder {
			opacity: 0.8;
		}
	}

	& .ais-SearchBox-submit {
		display: none;
	}

	& .ais-SearchBox-reset {
		display: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		cursor: pointer;
		background: none;
		right: 0;
		border: none;
	}
}

.r-wp-algolia__filters-facets-primary {
	display: flex;
	justify-content: center;
	gap: 20px;
	padding-top: 20px;

	@media (width < 64em) {
		flex-direction: column;
		gap: 5px;
	}
}

#r-wp-algolia-container .ais-ToggleRefinement-checkbox,
#r-wp-algolia-container .ais-RefinementList-checkbox {
	display: none;
}

.ais-ToggleRefinement-labelText,
.ais-RefinementList-labelText {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.ais-ToggleRefinement-checkbox + .ais-ToggleRefinement-labelText::before,
.ais-RefinementList-checkbox + .ais-RefinementList-labelText::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid var(--color-algolia-gray-dark);
	margin-right: 10px;
	border-radius: 3px;
	flex-shrink: 0;
	background: var(--color-algolia-gray-light);
}

.ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText::before,
.ais-RefinementList-checkbox:checked + .ais-RefinementList-labelText::before {
	background-color: var(--color-algolia-blue);
	border: 0;
}

.ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText::after,
.ais-RefinementList-checkbox:checked + .ais-RefinementList-labelText::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 5L4 8L10 1' stroke='white'/%3E%3Cpath d='M0.5 5L4 8L10 1' stroke='url(%23paint0_linear_2147_1492)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2147_1492' x1='5.25' y1='1' x2='5.25' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 3px;
	top: 52%;
	transform: translateY(-50%);
	flex-shrink: 0;
}

.r-wp-algolia__filter-dropdown {
	position: relative;
	display: flex;

	@media (width >= 64em) {
		white-space: nowrap;
	}

	@media (width < 64em) {
		& .ais-Dropdown--hidden {
			display: none;
		}
	}

	&#audience .ais-Panel-header::before {
		background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 15.75C10.3972 15.75 8.86046 16.3889 7.48911 17.5686C7.1751 17.8387 6.70156 17.8031 6.43143 17.4891C6.1613 17.1751 6.19688 16.7016 6.51089 16.4314C8.10232 15.0624 9.97498 14.25 12 14.25C14.025 14.25 15.8977 15.0624 17.4891 16.4314C17.8031 16.7016 17.8387 17.1751 17.5686 17.4891C17.2984 17.8031 16.8249 17.8387 16.5109 17.5686C15.1395 16.3889 13.6028 15.75 12 15.75ZM12 11.25C10.7574 11.25 9.75 10.2426 9.75 9C9.75 7.75736 10.7574 6.75 12 6.75C13.2426 6.75 14.25 7.75736 14.25 9C14.25 10.2426 13.2426 11.25 12 11.25ZM8.25 9C8.25 11.0711 9.92893 12.75 12 12.75C14.0711 12.75 15.75 11.0711 15.75 9C15.75 6.92893 14.0711 5.25 12 5.25C9.92893 5.25 8.25 6.92893 8.25 9Z' fill='currentColor'/></svg>");
	}

	&#duration .ais-Panel-header::before {
		background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 6.25C12.4142 6.25 12.75 6.58579 12.75 7V11.4594L15.2372 12.2885C15.6301 12.4195 15.8425 12.8442 15.7115 13.2372C15.5805 13.6301 15.1558 13.8425 14.7628 13.7115L11.7628 12.7115C11.4566 12.6094 11.25 12.3228 11.25 12V7C11.25 6.58579 11.5858 6.25 12 6.25Z' fill='currentColor'/></svg>");
	}

	&#topic .ais-Panel-header::before {
		background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12.5233 4.24828C11.5704 4.18137 10.6265 4.53473 9.94178 5.21944L3.37642 11.7848C2.0792 13.082 2.07548 15.157 3.33796 16.4195L7.5806 20.6621C8.84307 21.9246 10.918 21.9209 12.2153 20.6236L18.7806 14.0583C19.4653 13.3736 19.8187 12.4297 19.7518 11.4767L19.4735 7.5124C19.3607 5.90574 18.0943 4.6394 16.4877 4.5266L12.5233 4.24828ZM8.88112 4.15878C9.87024 3.16966 11.2382 2.65436 12.6284 2.75196L16.5927 3.03028C18.945 3.19543 20.8046 5.05508 20.9698 7.40735L21.2481 11.3717C21.3457 12.7618 20.8304 14.1298 19.8413 15.1189L13.2759 21.6843C11.4065 23.5538 8.38166 23.5845 6.51994 21.7228L2.2773 17.4801C0.415577 15.6184 0.446303 12.5936 2.31576 10.7241L8.88112 4.15878ZM15.7123 8.28775C15.2241 7.79959 14.4327 7.79959 13.9445 8.28775C13.4563 8.77591 13.4563 9.56736 13.9445 10.0555C14.4327 10.5437 15.2241 10.5437 15.7123 10.0555C16.2004 9.56736 16.2004 8.77591 15.7123 8.28775ZM12.8838 7.22709C13.9578 6.15315 15.699 6.15315 16.7729 7.22709C17.8469 8.30103 17.8469 10.0422 16.7729 11.1162C15.699 12.1901 13.9578 12.1901 12.8838 11.1162C11.8099 10.0422 11.8099 8.30103 12.8838 7.22709Z' fill='currentColor'/></svg>");
	}

	&#material-type .ais-Panel-header::before {
		background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 1.25C8.41421 1.25 8.75 1.58579 8.75 2V2.75H15.25V2C15.25 1.58579 15.5858 1.25 16 1.25C16.4142 1.25 16.75 1.58579 16.75 2V2.75H17C19.6234 2.75 21.75 4.87665 21.75 7.5V18C21.75 20.6234 19.6234 22.75 17 22.75H7C4.37665 22.75 2.25 20.6234 2.25 18V7.5C2.25 4.87665 4.37665 2.75 7 2.75H7.25V2C7.25 1.58579 7.58579 1.25 8 1.25ZM7.25 4.25H7C5.20507 4.25 3.75 5.70507 3.75 7.5V18C3.75 19.7949 5.20507 21.25 7 21.25H17C18.7949 21.25 20.25 19.7949 20.25 18V7.5C20.25 5.70507 18.7949 4.25 17 4.25H16.75V5C16.75 5.41421 16.4142 5.75 16 5.75C15.5858 5.75 15.25 5.41421 15.25 5V4.25H8.75V5C8.75 5.41421 8.41421 5.75 8 5.75C7.58579 5.75 7.25 5.41421 7.25 5V4.25ZM6.25 9C6.25 8.58579 6.58579 8.25 7 8.25H17C17.4142 8.25 17.75 8.58579 17.75 9C17.75 9.41421 17.4142 9.75 17 9.75H7C6.58579 9.75 6.25 9.41421 6.25 9ZM6.25 13C6.25 12.5858 6.58579 12.25 7 12.25H17C17.4142 12.25 17.75 12.5858 17.75 13C17.75 13.4142 17.4142 13.75 17 13.75H7C6.58579 13.75 6.25 13.4142 6.25 13ZM6.25 17C6.25 16.5858 6.58579 16.25 7 16.25H12C12.4142 16.25 12.75 16.5858 12.75 17C12.75 17.4142 12.4142 17.75 12 17.75H7C6.58579 17.75 6.25 17.4142 6.25 17Z' fill='currentColor'/></svg>");
	}
}

.r-wp-algolia__filter-dropdown .ais-Panel.ais-Dropdown {
	width: 100%;
}

.r-wp-algolia__filter-dropdown .ais-Panel-body {
	text-align: left;
	z-index: 13;
	border-top: none;
	padding-top: 5px;
	position: relative;
	top: -5px;
	transform: scaleY(0);
	transform-origin: top center;
	opacity: 0;
	pointer-events: none;
	max-height: 0;
	transition: all 150ms ease-in-out;

	@media (width < 64em) {
		box-shadow: none;
	}
}

.r-wp-algolia__filter-dropdown .ais-Panel-body .ais-RefinementList-label {
		display: flex;
		color: var(--color-algolia-black);
		cursor: pointer;
		gap: 10px;
		font-weight: 500;
		font-size: 16px;
	}

.r-wp-algolia__filter-dropdown .ais-Panel-body .ais-RefinementList-count {
		opacity: .4;

		&::before {
			content: '(';
		}

		&::after {
			content: ')';
		}
}

.r-wp-algolia__filter-dropdown .ais-Dropdown.ais-Dropdown--opened .ais-Panel-body {
		transform: scaleY(1);
		opacity: 1;
		pointer-events: all;
		max-height: fit-content;
}

.r-wp-algolia__filter-dropdown .ais-Dropdown.ais-Dropdown--opened .ais-Dropdown-button {
	z-index: 11;
}

.r-wp-algolia__filter-dropdown .ais-Dropdown.ais-Dropdown--opened .ais-Dropdown-button::after {
	transform: translateY(-50%) rotate(90deg);
}

.r-wp-algolia__filter-dropdown .ais-Panel-footer  {
	display: none;
}

.r-wp-algolia__filter-dropdown .ais-Panel-body .ais-RefinementList-item {
		background-color: transparent;
		padding: 8px 0 0 0;
		cursor: pointer;
		transition: background-color 150ms ease-in-out;
}

.r-wp-algolia__filter-dropdown .ais-Panel-header {
	width: 100%;
	position: relative;
}

.r-wp-algolia__filter-dropdown .ais-Panel-header::before {
	content: '';
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 14px;
	left: 20px;
	z-index: 12;
}

.r-wp-algolia__filter-dropdown .ais-Dropdown-button {
	width: 100%;
	cursor: pointer;
	color: var(--color-algolia-black);
	border: none;
	border-bottom: 1px solid var(--color-algolia-blue);
	text-transform: uppercase;
	font-weight: 600;
	text-align: left;
	padding: 3px 0 3px 0;
	position: relative;
	transition: all 150ms ease-in-out;
	min-height: 48px;
	background-color: transparent;
	font-size: 16px;

	@media (width >= 64em) {
		font-size: 14px;
	}

	@media (width >= 81.25em) {
		font-size: 16px;
	}
}

.r-wp-algolia__filter-dropdown .ais-Dropdown-button:focus-visible {
	outline: none;
	border-color: var(--color-algolia-beige);
}

.r-wp-algolia__filter-dropdown .ais-Dropdown-button::after {
	transition: transform 250ms ease-in-out;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.2557 8.69946L4.97049 8.00012L1.39902 4.34979L4.97049 0.699463L4.2557 0.000118256L0 4.34979L4.2557 8.69946Z' fill='%23000000'/%3E%3C/svg%3E%0A");
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: translateY(-50%) rotate(-90deg);
	position: absolute;
	right: 0;
	top: 50%;
	transform-origin: center center;

	@media (width < 64em) {
		transform: translateY(-50%) rotate(180deg);
	}
}

.r-wp-algolia__filter-sortby {
	display: flex;
	align-items: center;
}

.r-wp-algolia__filter-sortby .r-wp-algolia__filter-sortby-label {
	margin-right: 10px;
}

.r-wp-algolia__filter-sortby select:focus-visible {
	outline: none;
	border-color: var(--color-algolia-beige);
}

.r-wp-algolia__sort-by-wrapper {
	display: flex;
	align-items: center;
	@media (max-width: 875px) {
		display: none;
	}

}

.ais-SortBy select {
	padding: 10px 10px 10px 10px;
	margin: 0;
	background: transparent;
	border: none;
}

.ais-SortBy select:focus {
	border: none;
	box-shadow: none;
}

.ais-SortBy select:active {
	border: none;
	box-shadow: none;
}


.r-wp-algolia #clear-refinements {
	display: block;
}

.r-wp-algolia #clear-refinements .ais-ClearRefinements-button {
	cursor: pointer;
	appearance: none;
	background: none;
	color: var(--color-algolia-brand);
	text-decoration: underline;
	border: none;
	padding: 0;
}

.r-wp-algolia #clear-refinements .ais-ClearRefinements-button:hover {
	color: var(--color-algolia-beige);
}

.r-wp-algolia #pagination {
	margin-top: var(--spacing-xl);
}

.r-wp-algolia .ais-Pagination .ais-Pagination-list {
	display: flex;
	gap: var(--spacing-xl);
	justify-content: center;
}

.r-wp-algolia .ais-Pagination-list .ais-Pagination-item--selected .ais-Pagination-link {
	border-bottom: 2px solid #fc9537;
}

.r-wp-algolia #clear-refinements .ais-ClearRefinements-button--disabled,
.r-wp-algolia .ais-Pagination.ais-Pagination--noRefinement {
	display: none;
}

.r-wp-algolia .ais-Pagination-list .ais-Pagination-item--disabled .ais-Pagination-link {
	color: var(--color-algolia-gray);
	pointer-events: none;
}

.r-wp-algolia__filters-facets-tertiary {
	margin-bottom: var(--spacing-xxxl);
	display: flex;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.r-wp-algolia__filters-facets-tertiary {
		flex-direction: column;
	}
}

.ais-Hits.ais-Hits--empty {
	text-align: center;
	margin-block: var(--spacing-xxl);
	padding: 0 120px 0 120px;
}

@media (max-width: 768px) {
	.ais-Hits.ais-Hits--empty {
		padding: 0 !important;
		-webkit-padding: 0 !important;
	}
}

.r-wp-algolia__no-results-header {
	font-size: var(--size-xxxl);
	font-weight: 600;
	padding: 0 0 60px 0;
}

.r-wp-algolia__no-results {
	font-size: var(--size-xxl);
	font-weight: var(--weight-bold);
}