/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/service-search/style.css ***!
  \*******************************************************************************************************************************************************************************************************/
/** ======================
 ** LAYOUT
 ** ==================== */
.service-search {
	position: relative;
	margin-block: var(--wp--preset--spacing--40);
}

.service-search__filters {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"firstDropdown"
		"secondDropdown"
		"textSearch";
	gap: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--50);
}

.service-search__filter-industry:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: firstDropdown;
}

.service-search__filter-industry:nth-child(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: secondDropdown;
}

.service-search__input-container {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: textSearch;
}

@media screen and (min-width: 800px) {
	.service-search__filters {
		grid-template-columns: 0.5fr 0.5fr 1fr;
		grid-template-areas: "firstDropdown secondDropdown textSearch";
		gap: var(--wp--preset--spacing--10);
	}
	.service-search__filter-industry:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.service-search__filter-industry:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.service-search__input-container {
		-ms-grid-row: 1;
		-ms-grid-column: 5;
	}
}

/** ======================
 ** DROPDOWN
 ** ==================== */
/**
  * Resets
  */
.service-search__dropdown-filter {
	border: 0;
	padding: 0.01em 0 0 0;
	margin: 0;
	min-width: 0;
}

body:not(:-moz-handler-blocked) .service-search__dropdown-filter {
	display: table-cell;
}

.service-search__dropdown-filter__legend {
	/* Resets */
	padding: 0;
	display: table;
}

/**
 * Button (Legend)
 */
.service-search__dropdown-filter__legend {
	/* Custom Styles */
	position: relative;

	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	text-align: center;

	background: var(--wp--preset--color--primary);

	padding-block: 0.5em;
	padding-left: 1.5em;
	padding-right: 2.5em;

	width: 100%;

	border-radius: 2rem;
}

/**
 * Count
 */
.service-search__dropdown-filter__count {
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: var(--wp--preset--font-size--small);
	line-height: 1;
	color: white;

	background: red;

	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;

	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-0.5rem);
}

/**
 * Fields
 */
.service-search__dropdown-filter__fields {
	position: absolute;

	background-color: var(--wp--preset--color--background);

	margin-top: 0.5em;

	padding-block: var(--wp--preset--spacing--30);
	padding-inline: var(--wp--preset--spacing--40);

	border-radius: 1.5rem;

	-moz-column-count: 1;

	     column-count: 1;

	box-shadow:
		0.5rem 1.375rem 2rem hsl(0deg 0% 0% / 0.175),
		-0.5rem 0.625rem 2rem hsl(0deg 0% 0% / 0.175);

	z-index: 99;

	left: 0;
	right: 0;
	width: 100%;
}

[data-expanded="false"] .service-search__dropdown-filter__fields {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

@media screen and (min-width: 800px) {
	.service-search__dropdown-filter__fields {
		max-width: 70%;
	}
}

/**
 * Checkbox
 */
.service-search__dropdown-filter__checkbox {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--wp--preset--spacing--20);

	white-space: nowrap;

	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
}

.service-search__dropdown-filter__checkbox-count {
	position: relative;

	display: grid;
	place-items: center;

	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: white;
}

.service-search__dropdown-filter__checkbox-count::before {
	content: "";
	display: inline-block;

	width: 1.25rem;
	height: 1.25rem;

	border-radius: 50%;

	background: var(--wp--preset--color--secondary);

	position: absolute;

	z-index: -1;
}

/** ======================
 ** SEARCH FILTER
 ** ==================== */
.service-search__input-container {
	--_border-radius: 2.5rem;
	--_border-width: 2px;
	--_border-color: var(--wp--preset--color--primary);
	--_border: var(--_border-width) solid var(--_border-color);

	--_font-family: var(--wp--preset--font-family--heading);
	--_font-size: var(--wp--preset--font-size--medium);
	--_font-weight: 700;
	--_font-color: var(--wp--preset--color--grey-extra-dark);

	display: grid;
	grid-template-columns: 1fr 8rem;
}

.service-search__input {
	border: none;
	padding: 0.75em 1.5em;
	border-top-left-radius: var(--_border-radius);
	border-bottom-left-radius: var(--_border-radius);

	background: transparent;

	border-top: var(--_border);
	border-bottom: var(--_border);
	border-left: var(--_border);

	font-family: var(--_font-family);
	font-size: var(--_font-size);
	font-weight: var(--_font-weight);
	color: var(--_font-color);
	text-transform: uppercase;
}

.service-search__input::-moz-placeholder {
	color: var(--_font-color);
}

.service-search__input::placeholder {
	color: var(--_font-color);
}

.service-search__button {
	border: none;

	background: transparent;

	border-top-right-radius: var(--_border-radius);
	border-bottom-right-radius: var(--_border-radius);

	border-top: var(--_border);
	border-bottom: var(--_border);
	border-right: var(--_border);

	font-family: var(--_font-family);
	font-size: var(--_font-size);
	font-weight: var(--_font-weight);
	color: var(--_font-color);
	text-transform: uppercase;

	padding: 0.5em 0.25em;

	cursor: pointer;

	position: relative;
}

.service-search__button:hover {
	background: var(--wp--preset--color--grey-extra-dark);
	color: var(--wp--preset--color--white);
}

.service-search__button::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);

	width: 2px;
	height: 80%;

	background-color: var(--_border-color);
}

/** ======================
 ** RESULTS
 ** ==================== */
.service-search__result-list {
	list-style: none;
	padding: 0;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
	grid-template-rows: fit-content(100%) auto 1fr fit-content(100%);
	gap: var(--wp--preset--spacing--50);
}

.service-search__result-item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0.5rem;
	justify-items: center;

	text-align: center;
}

.service-search__result-item__image {
	width: 100%;
	height: auto;
	aspect-ratio: 1;

	-o-object-fit: cover;

	   object-fit: cover;

	border-radius: 50%;

	max-width: 17.5rem;
}

.service-search__result-item__heading {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--x-large);

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.service-search__result-item__excerpt {
	margin-top: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5; /* number of lines to show */
	line-clamp: 5;
	-webkit-box-orient: vertical;
}

.service-search__result-more {
	--_text-color: var(--wp--preset--color--primary);
	--_background-color: transparent;
	--_border-color: transparent;

	display: block;

	margin-inline: auto;
	margin-block: var(--wp--preset--spacing--50);
}

.service-search__result-more:hover {
	--_text-color: var(--wp--preset--color--grey-extra-dark);
	--_background-color: transparent;
	--_border-color: transparent;
}


/*# sourceMappingURL=style-index.css.map*/