.program-search {
	position: relative;
	padding: 54px 0 62px;
	background: var(--color-theme-blue-bright);

	.ais-search-form {
		width: 100%;
	}

	.aa-suggestions {
		margin-top: 0;
		padding-top: 0;
	}
}

.aa-suggestions {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.program-search-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 550px;
	object-fit: cover;
	opacity: 0.7;
}

.program-search-top .container {
	position: relative;
	z-index: 1;
}

.program-search-heading {
	margin-bottom: 27px;
	font: 600 calc(60px + 30 * ((100vw - 390px) / 1050))/1 var(--secondary-font-family) !important;
	color: #fff;
	text-transform: uppercase !important;
}

.program-search-bottom {
	margin-top: 50px;

	.program-search-bottom-heading {
		grid-column: -1 / 1;
	}
}

.program-search-bottom-heading {
	margin-bottom: 15px;
	font: 600 45px/0.87 var(--secondary-font-family);
}

.program-search-form .program-search-form-input {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	padding: 10px 60px 10px 20px;
	font: 400 23px/30px var(--global-font-family);
	border: none;
	border-radius: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="53" height="54" viewBox="0 0 53 54" fill="none">  <rect y="0.945312" width="53" height="53" fill="white"/>  <circle cx="25.4934" cy="25.4388" r="10.0481" stroke="%2313294B" stroke-width="2"/>  <line x1="32.9377" y1="33.4766" x2="37.5523" y2="38.0912" stroke="%2313294B" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center right, #fff;
}

.program-search-form-btns > * {
	display: block;
	width: 100%;
	text-align: center;
}

.program-search-form-btns .link {
	font: 700 16px/1.87 var(--global-font-family);
	color: var(--color-theme-primary);
	letter-spacing: 0.08px;
	transition: all .3s ease;
}

.wp-block-search__inside-wrapper {
	display: block;
}

.program-search-image-link {
	text-transform: uppercase;
	font-weight: 400;
}



@media only screen and (max-width: 767px) {
	.program-search {
		text-align: center;
	}
	.program-search-form-btns button {
		margin-top: 0;
	}

	.program-search-bg {
		height: 375px;
		opacity: 0.4;
	}

	.program-search-image-link {
		position: relative;
		display: block;
		margin-bottom: 20px;
		padding: 11px 50px 6px 50px;
		background: var(--color-theme-primary);
		color: #fff;
		text-decoration: none;
		font-size: 34px;
		font-family: var(--secondary-font-family);
		line-height: 1;
	}

	.program-search-image-link::after {
		position: absolute;
		content: '';
		top: 50%;
		right: 20px;
		width: 27px;
		height: 30px;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="30" viewBox="0 0 35 30" fill="none"><path d="M20.4687 28.5689L33 14.7845L20.4687 1.00012" stroke="%2300A3E0" stroke-width="2"/><path d="M32.1636 14.7853L0 14.7853" stroke="%2300A3E0" stroke-width="2"/></svg>') no-repeat center / contain;
		transform: translateY(-50%);
	}

	.program-search-image-link img {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.program-search-bottom {
		margin-top: 160px;
	}

	.program-search {
		padding-top: 108px;
	}

	.program-search-image-links {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 14px;
	}

	.program-search-image-link {
		position: relative;
		display: flex;
		padding: 14px 18px;
		aspect-ratio: 1/1;
		align-items: flex-end;
		font: 600 clamp(30px, calc(30px + (5 * (100vw - 390px) / 1050)), 40px)/1 var(--secondary-font-family);
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 0 0 34px #000;
		overflow: hidden;
	}

	.program-search-image-link:hover img {
		transform: scale(1.1);
	}

	.program-search-image-link img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
		transition: transform .5s ease;
	}

	.program-search-form-btns {
		/*margin-left: 18px;*/
		/*text-align: center;*/
		display: flex;
		flex-direction: column;
	}

	.program-search-form-btns .button-solid {
		margin-top: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.program-search-form-btns .link:hover {
		color: var(--color-theme-yellow);
	}

	.program-search-form .program-search-form-input {
		margin-bottom: 0;
	}

	.program-search-form-btns .button-solid {
		min-height: 50px;
	}
}

@media only screen and (min-width: 768px) {
	.program-search-bottom > .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 15px;
	}
}
@media only screen and (min-width: 1024px) {
	.program-search-bottom > .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.program-search-image-links {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		grid-gap: 14px;
	}
}
@media only screen and (min-width: 1300px) {
	.program-search-bottom > .container {
		display: grid;
		grid-template-columns: 3fr 1fr;
	}
}
