/* AMTR Directories search controls. Loaded only where the teacher search form is available. */
.drts-search-form.drts-search-error:before {
	content:				"Select an instrument.\A Select a region and/or enter a location.";
	white-space: 			pre-line;
	padding:				8px 12px;
	float: 					left;
	margin-bottom: 			5px;
	background:				var(--orange);
	font-weight:			600;
}

.drts-search-form.drts-error-no-instrument-keyword-too-short:before {
	content:				"Select an instrument.\A Location must have 2 or more characters.";
}

.drts-search-form.drts-error-no-instrument:before {
	content:				"Select an instrument.";
}

.drts-search-form.drts-error-no-region:before {
	content:				"Select a suburb or region.";
}

.drts-search-form.drts-error-keyword-too-short:before {
	content:				"Location must have 3 or more characters.";
}

form.drts-search-form {
	background-color:		transparent				!important;
	text-shadow: 			none;
	padding:				0						!important;
	overflow:				visible;
}

form.drts-search-form select {
	opacity:				0;
}

.drts-search-keyword-text::-webkit-input-placeholder {
	color: 					var(--green)			!important;
}

.drts-search-keyword-text::-moz-placeholder {
	color: 					var(--green)			!important;
}

.drts-search-keyword-text:-ms-input-placeholder {
	color: 					var(--green)			!important;
}

.drts-search-keyword-text::placeholder {
	color: 					var(--green)			!important;
}

.drts-search-form-field .select2-container .select2-selection--single .select2-selection__rendered > * {
	position: 			absolute;
	top: 				calc(50% + .5px);
	transform: 			translateY(-50%);
}

.drts-search-form-field .drts-form-type-textfield input[type="text"],
.drts-search-form-field .select2-container .select2-selection--single {
	border: 			1px solid var(--black)	!important;
	box-shadow: 		none;
}

.drts-search-form-buttons {
	width: 					100%;
}

.drts-search-form .drts-search-form-field {
	margin-bottom:			5px					!important;
}

.drts-bs-btn-group .drts-search-form-submit.drts-bs-btn {
	height: 				50px 							!important;
	margin-right: 			0 ;
}

form.drts-search-form > div {
    width:					100%;
	display: 				grid;
	grid-column-gap:		2px;
	grid-row-gap:			0;
}

#vp.amtr-hero #vp-form + .hero-header-message {
	clear:					both;
	float:					none;
	margin:				14px 0 0;
	font-size:			1rem;
	line-height:			1.55;
}

#vp.amtr-hero #vp-form + .hero-header-message p {
	float:					none;
	max-width:			820px;
	margin:				0;
	text-align:			left;
}

#vp.amtr-hero #vp-form + .hero-header-message strong {
	color:				var(--yellow);
}

#vp.amtr-hero--light #vp-form + .hero-header-message strong {
	color:				var(--green);
}

@media (max-width:799.98px) {
form.drts-search-form > div {
		grid-row-gap:		10px;
	}

#vp.amtr-hero #vp-form + .hero-header-message {
		margin-top:			12px;
		line-height:			1.5;
	}
}

@media (min-width:800px) {
form.drts-search-form > div {
		grid-template-columns: 	1fr 1fr 90px;
	}
}
form.drts-search-form .drts-view-filter-field-label {
	margin-bottom: 			5px						!important;
}

form.drts-search-form .drts-search-form-field-keyword .drts-clear {
	display:				none					!important;
}

form.drts-search-form .drts-bs-form-text {
	margin-top: 			0						!important;
}

#vp.amtr-hero #vp-form .drts-search-form-submit {
	border-color: #08775f !important;
	background: #08775f !important;
	color: #fff !important;
}

#vp.amtr-hero #vp-form .drts-search-form-submit:hover,
#vp.amtr-hero #vp-form .drts-search-form-submit:focus-visible {
	border-color: #06634f !important;
	background: #06634f !important;
}

/* Keep Select2's clear action and dropdown arrow in separate hit areas. */
.drts-search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-right: 82px !important;
}

.drts-search-form .select2-container--default .select2-selection--single .select2-selection__clear {
	position: absolute;
	top: 50%;
	right: 43px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--surface-soft);
	color: var(--blue);
	font-size: 21px !important;
	line-height: 1;
	text-indent: 0;
	transform: translateY(-50%);
	z-index: 2 !important;
}

.drts-search-form .select2-container--default .select2-selection--single .select2-selection__clear:hover,
.drts-search-form .select2-container--default .select2-selection--single .select2-selection__clear:focus-visible {
	background: var(--surface-soft-hover);
	color: var(--green);
}

.drts-search-form .select2-container--default .select2-selection--single .select2-selection__clear::after {
	content: none !important;
}

.drts-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 7px !important;
	width: 30px;
}