/*
Theme Name: Westminster
Theme URI: #
Author: Muhammed Mekk y
Author URI: #
Description: A premium theme for Westminster American International School based on Tailwind CSS.
Version: 1.4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: westminster
 */

.contact-form-shell .contact-form-intro {
	padding: 2rem 2.5rem 0;
}

.contact-form-shell .forminator-ui.forminator-custom-form {
	padding-top: 1.5rem !important;
}

.contact-form-shell .contact-form-missing {
	margin: 1.5rem 2.5rem 2.5rem;
	padding: 1rem;
	border: 1px solid rgba(128, 0, 32, 0.2);
	color: rgb(var(--west-primary, 128 0 32));
}

.hero-video-controls {
	position: absolute;
	top: clamp(7.5rem, 16vh, 10rem);
	inset-inline-end: clamp(1rem, 4vw, 4rem);
	z-index: 30;
	display: flex;
	gap: 0.5rem;
}

.hero-video-control {
	display: inline-flex;
	width: 2.75rem;
	height: 2.75rem;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.9);
	color: rgb(var(--west-primary, 128 0 32));
	box-shadow: 0 8px 24px rgba(38, 22, 25, 0.16);
	backdrop-filter: blur(8px);
	transition: background-color 160ms ease, transform 160ms ease;
}

.hero-video-control:hover {
	background: #fff;
	transform: translateY(-1px);
}

.hero-video-control:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

.hero-video-control .material-symbols-outlined {
	font-size: 1.4rem;
}

@media (max-width: 640px) {
	.contact-form-shell .contact-form-intro {
		padding: 1.25rem 1.25rem 0;
	}

	.contact-form-shell .forminator-ui.forminator-custom-form {
		padding-top: 1rem !important;
	}
}