.program-search-majors {
	background: var(--color-theme-seafoam, #8bcec4);
	padding: 50px;
	position: relative;

	@media (min-width: 1300px) {
		& {
			border-radius: 15px;
		}
	}

	.squiggly {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;

		.stroke {
			stroke: #fff;
		}
	}

	.content {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	.wp-block-image {
		margin-bottom: 30px;
	}

	.wp-block-heading:not(:first-child),
	.wp-block-heading {
		font-size: 56px;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.ais-search-form {
		position: relative;
		margin-bottom: 40px;
		width: 100%;
	}

	.button-container {
		a {
			display: inline-block;

			&.button-link-right {
				text-decoration: none;
			}

			&:before {
				content: normal;
			}

			& + a {
				@media (min-width: 768px) {
					& {
						margin-left: 10px;
					}
				}
			}
		}
	}

	.aa-input.search-field {
		padding: 10px 20px;
		border-radius: 15px;
		z-index: 9999999;

		&::placeholder {
			color: #cbcbcb;
			font-family: var(--secondary-font-family);
			font-size: 30px;
			line-height: 1.1;
			font-weight: var(--font-weight-header);
			display: inline-block;
			position: relative;
			top: 4px;
		}
	}

	.button-solid__label {
		font-size: 18px;
	}
}


.aa-dropdown-menu {
	border-radius: 0 0 4px 4px;
	background-color: var(--color-gray-50, #e8efeb) !important;
	grid-template-columns: 1fr !important;
	border: none;
	box-shadow: none !important;

	.aa-suggestion {
		padding: 0;
	}

	.aa-suggestions {
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 27px;
	}

	.suggestion-link {
		font-size: 18px;
		padding: 20px !important;

		&,
		.suggestion-post-title,
		.suggestion-post-attributes {
			font-weight: normal;
			font-family: var(--global-font-family);

			em {
				color: inherit;
				background-color: transparent;
			}
		}
	}
}

.autocomplete-empty {
	padding: 20px;
}

.aa-dropdown-button {
	font-size: var(--font-size-regular);
	position: relative;
	width: 100%;
	text-align: left;
	margin-top: 40px;
	padding: 0.75rem 1rem;
	border-radius: 27px;
	background-color: var(--color-theme-white) !important;
	background-image: url(../../assets/images/dropdown_icon.svg);
	background-position: right 20px center;
	background-size: 25px;
	background-repeat: no-repeat;
}

.aa-dropdown-button[aria-expanded=true] {
	background-image: url(../../assets/images/dropdown_icon_upsidedown.svg);
}

div[class*=aa-dataset-] {
	background-color: var(--color-theme-grey-medium);
	width: 100% !important;
	border-bottom-right-radius: 27px;
	border-bottom-left-radius: 27px;
}

.aa-suggestions {
	background-color: var(--color-theme-grey-medium);
	width: 100%;
	margin-top: -7%;
	padding-top: 7%;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom-right-radius: 27px;
	border-bottom-left-radius: 27px;
}

@media (min-width: 768px) {
	.aa-suggestions {
		margin-top: -4%;
		padding-top: 4%;
	}
}

.aa-suggestion {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px var(--color-theme-white);
	cursor: pointer;
	position: relative;
	width: 100%;
}

.aa-suggestion {
	color: var(--color-theme-blue-bright);
}

.aa-suggestion--disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.aa-dropdown-selected-icon {
	position: absolute;
	width: 20px;
	right: 0;
}

.suggestion-link {
	display: block;
	color: var(--color-theme-primary);
	text-decoration: none;
}

.suggestion-link:hover,
.suggestion-link:focus-visible {
	color: var(--color-theme-blue-bright);
	text-decoration: underline;
}