/*!
Theme Name: JasonBartlettStalking
Author: Charlie @ Aztec Media
Author URI: https://aztec.media/
Description: Bespoke Theme for Jason Bartlett Stalking
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 8.2


BlankSlate WordPress Theme © 2024 Aztec Media
*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

button {
background: none;
border: none;
appearance: none; 
cursor: pointer;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *::before, *::after {
	box-sizing: border-box;
	letter-spacing: 0.1rem;
	line-height: 1.5 !important;
  }

html {
	background-color: var(--dark-blue);
	overflow-x: hidden;
}

:root {
--dark-blue: #05181F;
--blue: #;
--gold: #aa9743;
--light-gold: #B1A055;
--white: #ebebeb;
--black: #05181F;
}

h1, h2, h3, h4, h5, a {
    font-family: "Cinzel", serif;
}

p, span {
    font-family: "Cabin", Arial, Helvetica, sans-serif;
}

header {
	display: flex;
	background: var(--dark-blue);
	padding: 2rem 6rem;
	justify-content: space-between;
	align-items: center;
}



header a {
	color: var(--light-gold);
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1rem;
	text-decoration: none;
	min-width: 12rem;
	text-align: center;
}

header img {
	margin-bottom: 2vw;
	margin-left: 2rem;
	margin-right: 2rem;
	width: 15vw;
	max-width: 15rem;
    min-width: 12rem;
}

.hero__container {
	position: relative;

	width: 100%;
	overflow: hidden;
	
}

.hero__container img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	    position: absolute;
    z-index: -1;
}	



.overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgb(5,24,31);
	background: linear-gradient(180deg, rgba(5,24,31,1) 0%, rgba(5, 24, 31, 0.348) 51%, rgba(5,24,31,1) 100%);	
}


.hero__text {
	width: 100%;
	padding: 8rem 4rem;
	position: relative;

	
	text-align: center;
	max-width: 70rem;	
	margin: auto;
}



.hero__text h1 {
	font-size: 4rem;
	color: var(--light-gold);
	margin-bottom: 1.5rem;
}

.hero__text h2 {
	font-size: 2rem;
	color: white;
	margin-bottom: 3rem;
}

.hero__text p {
	color: var(--white);
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 300;
	margin-bottom: 3rem;	
} 


.hero__text .button {
font-family: "Cabin";
display: inline-block;
padding: 1rem 2rem;
background-color: var(--gold);
text-transform: uppercase;

width: 18rem;
}


.about__section {
	position: relative;
	height: 80rem;
	width: 100%;
}

.about__section img {
	
height: 100%;
width: 100vw;
object-fit: cover;
filter: brightness(0.6);
}

.text__box__left {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 60rem;
	background-color: var(--dark-blue);
	opacity: 0.75;
	padding: 6rem;
}

.text__box__left h2 {
	color: var(--gold);
	text-transform: uppercase;
	font-size: 3rem;
	margin-bottom: 1rem;
}

.text__box__left p {
	color: var(--white);
	line-height: 1.4;
	font-size: 1.2rem;
	margin-bottom: 3rem;
}

.text__box__left .button {
	font-family: "Cabin";
	display: inline-block;
	padding: 1rem 2rem;
	background-color: var(--gold);
	text-transform: uppercase;
	}

	.text__box__right {
		position: absolute;
		top: 40%;
		right: 10%;
		width: 60rem;
		background-color: var(--dark-blue);
		opacity: 0.75;
		padding: 6rem;
	}

	.text__box__right h2 {
		color: var(--gold);
		text-transform: uppercase;
		font-size: 3rem;
		margin-bottom: 1rem;
	}
	
	.text__box__right p {
		color: var(--white);
		line-height: 1.4;
		font-size: 1.2rem;
		margin-bottom: 3rem;
	}
	


	.text__box__right .button {
		font-family: "Cabin";
		display: inline-block;
		padding: 1rem 2rem;
		background-color: var(--gold);
		text-transform: uppercase;
		}


		.testimonial__section {
			display: grid;
			grid-template-columns: 1fr 1fr;
			
			width: auto;
			background-color: var(--dark-blue);
			padding: 8rem 6rem;
			align-items: center;
			gap: 8rem;
		}

		.testimonial__section img {
			width: 100%;
			height: 70vh;
			object-fit: cover;
		}
		

		.testimonial__section__text {
			color: white;
			line-height: 1.4;
			font-size: 1.2rem;
			font-style: italic;
		}
		
		.testimonial__section__text::before {
			content: '“';
			display: block;
			width: 100%;
			font-size: 6rem;
			color: var(--gold);
			
		}

		.testimonial__section__text::after {
			content: '“';
			display: block;
			width: 100%;
			font-size: 6rem;
			color: var(--gold);
			transform: rotate(180deg);
		}


		.full__width__section {
			position: relative;
			width: 100%;
			height: 110vh;
			    background-color: var(--dark-blue);
		}
		
		.full__width__section img {
			
		height: 100%;
		width: 100%;
		object-fit: cover;
		filter: brightness(0.6);
		}

		.full__width__text__box {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 80%;
			transform: translate(-50%, -50%);
			background-color: var(--dark-blue);
			opacity: 0.8;
			padding: 8rem 6rem;
		}

		.full__width__text__box h2 {
			color: var(--gold);
			text-transform: uppercase;
			font-size: 3rem;
			margin-bottom: 1rem;
		}
		
		.full__width__text__box p {
			color: var(--white);
			line-height: 1.4;
			font-size: 1.1rem;
			margin-bottom: 1rem;
		}

.full__width__text__box li {
    color: var(--gold);
    font-family: "Cabin";
    line-height: 1.8 !important;
	font-size: 1.1rem;
   
    margin-left: 1rem;
}

.arrow {
margin-right: 1rem;
	font-size: 1.8rem;
}

		.full__width__text__box .button {
			font-family: "Cabin";
			display: inline-block;
			padding: 1rem 2rem;
			background-color: var(--gold);
			text-transform: uppercase;
			}


			footer {
				position: relative;
				padding: 2rem 4rem 0rem 4rem;
				background-color: var(--dark-blue);
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				z-index: 999;
			}

			footer::before {
			content: "";
			width: 200px;
			height: 200px;
			background-color: var(--dark-blue);
			border-radius: 100%;
			position: absolute;
			bottom: 60%;
			z-index: -1; 
			}

			
			footer img {
				    position: relative;
    width: 250px;
    margin-bottom: 3rem;
    bottom: 40px;
    max-height: 75px;
    max-width: 150px;
    object-fit: contain;
    margin: auto;
}
			

			footer a {
				color: white;
				text-transform: uppercase;
				margin-bottom: 2rem;
				color: var(--gold);
				text-decoration: none;
			}

			.footer__links {
				display: flex;
				gap: 50px;
				margin-bottom: 4rem;
			}

			.credits {
				padding: 1rem;
				display: flex;
			
				gap: 40vw;
				
				padding-top: 1rem;
			}

			.credits p, .credits a {
				color:#695f37;
			}

				
@media screen and (max-width: 1200px) {
	
	header {
	flex-direction: column;
	}
	

	
.full__width__section {
					display: grid;
					
					
				}
				.full__width__text__box {
					position: relative;
					opacity: 1;
					width: 100%;
					text-align: center;
	}
	.full__width__text__box {
text-align: left;
}
}
		


			@media screen and (max-width: 1200px) {

		.full__width__section {
					height: 100%;
					
					
				}
				
				.hero__text {
					width: 100%;
					top: 50%;
					padding: 8rem 2rem;
				}

				.hero__text h1 {
					font-size: 4rem;
				}

				.hero__text p {
					font-size: 1.4rem;
				}
				
				.about__section {
					display: grid;
					grid-template-rows: 1fr 1fr;
					
				}
				.text__box__left {
					position: relative;
					top: 0;
					left: 0;
					width: 100% !important;
					padding: 0rem;
					text-align: center;
					align-content: center;
					opacity: 1;
				}
				.text__box__right {
					position: relative;
					top: 0;
					left: 0;
					width: 100%;
					padding: 0rem;
					text-align: center;
					align-content: center;
					opacity: 1;
					
				}

				.testimonial__section {
					padding: 6rem;
					grid-template-columns: 1fr;
					gap: 0;
				}
				.testimonial__section__text {
					padding: 3rem;
				}

				

				.footer__links {
					flex-direction: column;
					text-align: center;
					gap: 10px;
				}
				.credits {
					flex-direction: column;
					gap: 2rem;
					text-align: center;
				}



				.text__box__left,
				.text__box__right {
					padding: 2rem;
				}

				.header {
					padding: 4rem 3rem;
				}
				 .dark {
					padding-bottom: 8rem;
				}
				.hero__text {
				top: 45%;
				}

			}

			/* Inner page 1 styling */


			.inner__hero__container {
				position: relative;
				height: 40rem;
				width: 100%;
				overflow: hidden;
			}

			.inner__hero__container img {
				height: 100%;
				width: 100%;
				object-fit: cover;
				position: absolute;
				z-index: -1;
			}

			.inner__hero__text {
				width: 100% !important;
				padding: 6rem 0rem 6rem 0rem;
				position: relative;
				top: 45%;	
				text-align: left;
				
			}

			.inner__hero__text h1 {
				font-size: 5rem;
				color: var(--light-gold);
/* 				text-align: right;  */
				margin-left: 2rem;
				text-wrap-mode: nowrap;
			}

			



			  
			  .inner__section {
				display: grid;
				grid-template-columns: 1fr 1fr;
				overflow: hidden;
				width: auto;
				background-color: #B8B4A3;
				padding: 8rem 6rem;
				align-items: center;
				gap: 8rem;
			}
	
			.inner__section img {
				width: 100%;
				height: 70vh;
				object-fit: cover;
			}
			
	
			.inner__section__text {
				color: var(--dark-blue);
				line-height: 1.4;
				font-size: 1.2rem;
				position: relative;
			}

			.inner__section__text h1 {
				font-size: 3rem;
				color: var(--gold);
				font-weight: 600;
				margin-bottom: 1rem;	   
			}

		.inner__section__text::before {
			content: "";
			position: absolute;
			top: -10rem;
			left: 0;
			width: 40rem;
			height: 40rem;
			background: url("assets/img/antler.svg") no-repeat;
			background-size: contain;
			z-index: 0;
			pointer-events: none;
		}

		.inner__full__width__section {
			position: relative;
			width: 100%;
			height: 50rem;
		}
		
		.inner__full__width__section img {
			
		height: 100%;
		width: 100%;
		object-fit: cover;
		filter: brightness(0.4);
		}

		.inner__full__width__text__box {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			transform: translate(-50%, -50%);
			opacity: 0.9;
			padding: 6rem;
		}

		.inner__full__width__text__box h2 {
			color: var(--gold);
			text-transform: uppercase;
			font-size: 4rem;
			margin-bottom: 3rem;
		}
		
		.inner__full__width__text__box p {
			color: var(--white);
			line-height: 1.4;
			font-size: 1.3rem;
			margin-bottom: 2rem;
		}


		.grid__container {
			padding: 8rem;
			position: relative;
			z-index: 1;
			overflow: hidden;
		}

		.grid__container img {
			position: absolute;
			z-index: -999;
			top: 0;
			left: 0;
			filter: brightness(0.5);
			height: 100%; 
			width: 100%;
			object-fit: cover;
		}

		.grid__container h2 {
			font-size: 3rem;
			color: var(--gold);
			text-align: center;
			font-weight: 600;
			margin-bottom: 2rem;
		}

		.grid__container p {
			color: var(--white);
			text-align: center;
			margin-bottom: 2rem;
			font-size: 1.2rem;
		}

		.grid__section {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 1.2rem;
			padding: 2rem;
			height: auto;
		}

		.grid__item {
			background-color: #1f1f1f99;
			padding: 3rem;
			text-align: left;
			box-shadow: 0 4px 6px rgba(0,0,0, 0.1);
			line-height: 1.4;
			
		}
		
		.grid__item h2 {
			
			font-size: 2rem;
			text-align: left;
			line-height: 1.6;
		
		}

		.grid__item p {
			color: var(--white);
			text-align: left;
			font-size: 1.2rem;
		}

		

		@media screen and (max-width: 1400px) {
			.grid__section {
				grid-template-columns: repeat(1, 1fr);
			}
			.grid__container {
				padding: 8rem 2rem;
			}
		}

		.inner__section__text .button {
			font-family: "Cabin";
			display: inline-block;
			padding: 1rem 2rem;
			background-color: var(--gold);
			text-transform: uppercase;
			margin: 3rem 0rem;
			position: relative;
    z-index: 999;
			}



			.cta__section {
				display: grid;
				grid-template-columns: 1fr 2fr;
				overflow: hidden;
				width: auto;
				background-color: #B8B4A3;
				padding: 8rem 6rem;
				align-items: center;
				gap: 3rem;
			}
	
			.cta__section img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			
	
			.cta__section__text {
				color: var(--white);
				line-height: 1.4;
				font-size: 1.2rem;
				position: relative;
				background-color: var(--dark-blue);
				height: 100%; 
				padding: 8rem 4rem;
			}

			.cta__section__text h1 {
				font-size: 2.2rem;
				color: var(--gold);
				font-weight: 600;
				margin-bottom: 2rem;	   
			}

			.cta__section__text .button {
				font-family: "Cabin";
				display: inline-block;
				padding: 1rem 2rem;
				background-color: var(--gold);
				text-transform: uppercase;
				margin: 2rem 0rem;
				margin-top: 4rem;
				}


				@media screen and (max-width: 1000px) {
					.inner__hero__text {
						text-align: center;
						
						width: 100%;
						top: 55%;
						padding: 2rem;
						
					}
					.inner__hero__text h1 {
						font-size: 4rem;
						text-align:  center;
						margin-left: 0;
					}
				
					.inner__hero__container {
						height: 30rem;
					}
					.inner__section {
						grid-template-columns: 1fr;
						padding: 8rem 4rem;
					}

					/* .inner__section__text::before {
						height: 30rem;
						width: 30rem;
						left: 30%;
						
					
					} */

					.inner__section__text h1 {
						font-size: 3rem;
					}

					.inner__full__width__text__box {
						padding: 8rem 4rem;
					}

					.cta__section {
						grid-template-columns: 1fr;
						padding: 0;
						gap: 0;
						text-align: center;
					}

					
				}


				@media screen and (max-width: 700px) {

					
					.inner__section {
						padding: 4rem 2rem;
						text-align: center;
					}
					.inner__full__width__text__box {
						padding: 4rem 2rem;
						text-align: center;
					}
					.grid__section {
						padding: 0rem;
					}
					.grid__container p {
						font-size: 1.2rem;
					}
				}



				.header {
					background-color: var(--dark-blue);
					padding: 8rem 6rem 0rem 6rem;
				}
				.header h2 {
					color: var(--gold);
					text-align: center;
					font-size: 4rem;
					width: 100%;
					padding-bottom: 4rem;
					text-decoration: underline;
					text-decoration-thickness: 4px;
				text-underline-offset: 30px;
				}

				.header p {
					color: var(--white);
					text-align: center;
					font-size: 1.2rem;
				}

				/* .header h2::after {
					content: "";
					display: block;
					width: 50%;
					height: 2px;
					background-color: #91844A;
					margin-top: 5px;
					transform: translateX(50%);
				  } */

				  .dark {
					background-color: var(--dark-blue);
					padding: 6rem;
				  }

				  .dark__text {
					color: var(--white);
				  }


				 

				.inner__section__text__flipped {
					color: var(--white);
					line-height: 1.4;
					font-size: 1.2rem;
					position: relative;
				}
	
				.inner__section__text__flipped h1 {
					font-size: 2.2rem;
					color: var(--gold);
					font-weight: 600;
					margin-bottom: 2rem;	   
				}
	
			.inner__section__text__flipped::before {
				content: "";
				position: absolute;
				top: -10rem;
				left: 0;
				width: 40rem;
				height: 40rem;
				background: url(wp-content/themes/jasonbartlettstalking/assets/img/antler.svg) no-repeat;
				background-size: contain;
				z-index: -1;
				transform: rotateY(180deg);
			}

			.inner__section__text__flipped .button {
				font-family: "Cabin";
				display: inline-block;
				padding: 1rem 2rem;
				background-color: var(--gold);
				text-transform: uppercase;
				margin-top: 2rem;
				}

				.inner__section__text__flipped h1 {
					font-size: 3rem;

				}

				.burger {
					display: none;
				}

				@media screen and (max-width: 1200px) {
					.burger {
						display: block;
						z-index: 99999;
					}

					.nav__link {
						display: none;
					}
				}

				.burger div {
					width: 30px;
					height: 3px;
					margin: 5px;
					background-color: var(--gold);
					transition: transform 0.3s ease;
				}



				@media screen and (max-width: 1200px) {
					.nav-links {
						position: fixed;
						top: 0;
						right: 0;
						height: 100vh;
						width: 100%;
						background-color: rgba(0, 0, 0, 0.523);
						display: flex;
						flex-direction: column;
						align-items: center;
						transform: translate(0);
						transition: transform 0.5s ease-in;
						backdrop-filter: blur(10px);
						z-index: 9999;	
					}
					header {
						padding: 4rem 1rem;
					}
					header img {
						margin-bottom: 2rem;
					}

				}

				
				.nav-links a {
					font-size: 1.5rem;
					text-decoration: none;
					font-weight: 600;
				}

				.burger.active .line1 {
					transform: rotate(45deg) translate(5px, 5px);
				}

				
				.nav-links {
					display: flex
				;
					justify-content: space-evenly;
					width: 100%;
					margin: 0;
					padding: 0;
				}


				@media screen and (min-width: 1200px) {
					.nav-links {
						display: none;
				}
				
			}

			

            .burger.active .line2 {
				opacity: 0;
			}

			.burger.active .line3 {
				transform: rotate(-45deg) translate(5px, -5px);
			}

			.nav-active {
				transform: translate(100%);
			}

			@media screen and (max-width: 1200px) {
				.burger {
					display: block;
					z-index: 99999;
				}
			}


			@media screen and (max-width: 500px) {
				.hero__text h1 {
					font-size: 2.5rem;
				}
				.hero__text h2 {
					font-size: 1.2rem;
				}
				.hero__text p {
					font-size: 1rem;
				}
				.testimonial__section {
					padding: 1rem;
				}
				.testimonial__section__text {
					padding: 1rem;
				}
				.full__width__text__box {
					padding: 2rem 2rem 4rem 2rem;
					
					
				}
				.hero__text {
					top: 40%;
				}

/* 				.inner__hero__text {
					top: 20%;
				
				} */
				.inner__hero__text h1 {
					text-decoration: none;
				}
				.inner__full__width__section {
					height: 90rem;
				}
				.inner__full__width__text__box {
					padding: 4rem 1rem;
				}
				.inner__section__text h1 {
					font-size: 2.5rem;
				}
				.grid__item {
					padding: 1rem;
				}
				.grid__container h2 {
					font-size: 2.5rem;
				}
				.cta__section__text {
					padding: 8rem 1rem;
				}
				
				.text__box__left h2 {
					font-size: 2rem;
				}
				.text__box__left p {
					font-size: 1rem;
				}
				.text__box__right h2 {
					font-size: 2rem;
				}
				.text__box__right p {
					font-size: 1rem;
				}
			}
	
				
				

				@media screen and (min-width: 1000px) {				
				.inner__hero__text {
				width: 50rem;
				}}


			@media screen and (max-width: 1000px) {
				
			
	
				.header p {
					font-size: 1.2rem;
				}
				.dark {
					padding: 3rem 1rem;
				}
				
				.dark__text {
					text-align: center;
				}

				.inner__section__text {
				order: -1;
				}
				.inner__section__text::before {
					height: 30rem;
					width: 30rem;
					top: -5rem;
					left: 10rem;
				}
				.inner__section__text__flipped:before {
					height: 30rem;
					width: 30rem;
					top: -5rem;
					left: 10rem;
				}
				.header {
					padding-bottom: 4rem;
				}
				
				.hide {
				display: none;				
}
			}

			@media screen and (max-width: 700px) {
				
				.header {
					padding: 4rem 1rem;
				}
				.header h2 {
					font-size: 2.2rem;
				}
				.header p {
					font-size: 1.2rem;
				}
				.inner__hero__text h1 {
					line-height: 1.2 !important;
				}
				.no__padding {
					padding-top: 0;
					padding-bottom: 0;
				}
				.dark {
					padding-bottom: 0 !important;
				}
				
				
				
				
			}
				
				@media screen and (max-width: 700px) {
				
				
				
				.inner__hero__text h1 {
			
				text-wrap-mode: wrap;
			}

			}

a.button {
    text-decoration: none;
    color: var(--dark-blue);
}

.form__container {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 12rem 6rem;
	gap: 3rem;
}

.contact__text {
color: var(--gold);
	font-weight: 500;
	position: relative;
}

.contact__text h2 {
	font-size: 3rem;
	margin-bottom: 3rem;
}

.wpcf7 label {
color: white;
	font-size: 1.2rem;
}

.wpcf7 input,
.wpcf7 textarea {
margin-bottom: 1rem;
width: 100%;
		border: none;
	background-color: #173038;
	font-size: 1.4rem;
	color: white;
	padding: 0.5rem;
}

.wpcf7 input {
	height: 4rem;
	
}

.wpcf7-submit {
	font-family: "Cabin";
	display: inline-block;
	padding: 1rem 2rem;
	background-color: var(--gold);
	text-transform: uppercase;
	color: white;
	font-weight: 600;
	cursor: pointer;
			
}

.wpcf7-submit:hover {
	background-color: var(--gold) !important;
}

.contact__text h3 {
font-size: 1.2rem;
color: var(--gold);
	margin-bottom: 0.5rem;
}

.contact__text h4 {
color: white; 
margin-bottom: 4rem;
	font-size: 1.5rem;
}

.wpcf7-response-output {
	color: white;
}

@media screen and (max-width: 1100px) {
	.form__container {
grid-template-columns: 1fr;

}
	.contact__text {
		order: 2;
	}
	footer {
padding-top: 2rem;
}
}


.contact__text::before {
			content: "";
			position: absolute;
			top: -10rem;
			left: 0;
			width: 40rem;
			height: 40rem;
			background: url("assets/img/antler.svg") no-repeat;
			background-size: contain;
			z-index: -1;
		}


/* 
.line {
    height: 4px;
    background-color: var(--gold);
    width: 100%;
} */


.hero__container iframe {
 width: 100vw;
  height: 56.25vw; 
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button__container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    justify-content: center;
}

@media screen and (max-width: 700px) {
	
	.contact__text {
text-align: center;
}
	
    .contact__text h2 {
        font-size: 2rem;
    }
	.contact__text h4 {
		font-size: 1.2rem;
    word-break: break-word;
    overflow-wrap: break-word;
}
	.form__container {
					padding: 3rem 1rem;
				}
						.hero__text {
padding: 4rem 2rem;
}
}

.cta__video {

    position: relative;
    width: 100%; 
    height: 100%; 
    overflow: hidden;

}


.cta__video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
   width: 100%;
   height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.gallery {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    max-width: 80rem;
    margin: 0 auto;
	padding: 3rem 0;
}


.gallery__img {
    width: 100%;
    height: 16rem;
	object-fit: cover;
    border-radius: 0.5rem;
	transition: 1s ease;
}

.gallery__img:hover {
transform: scale(1.025);
}

@media (max-width: 720px) {  
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) { 
    .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

.logo__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 50px;
}


@media screen and (max-width: 1200px) {
	
	.logo__grid {
		grid-template-columns: 1fr;
	}}

.contact__us__overlay {
height: 100%;
    width: 100%;
    position: absolute;
	background-color: #05181fa1;
}

@media screen and (max-width: 1200px) {

	
	.nav-links {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 100px;
}
}

.season__popup {
 background-color: var(--dark-blue);
 height: 600px;
 width: 800px;
 color: var(--gold);
 display: flex;
 flex-direction: column;
 align-items: center; 
 justify-content: center;
 position: absolute;
 z-index: 0;
 z-index: 999;

}


.season__popup h3 {
font-size: 2rem;
margin-bottom: 2rem;
color: #aa9743;
}

.season__popup p {
font-size: 1.5rem;
margin-bottom: 4rem;
}

.season__popup .button {
    font-family: "Cabin";
    display: inline-block;
    padding: 1rem 2rem;
    background-color: var(--gold);
    text-transform: uppercase;
	margin-bottom: 2rem;
}

.season__popup .button:hover {
background-color: #bda53e;
}

.season__popup__image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
object-fit: cover;
}

.season__popup__overlay {
height: 100%;
	width: 100%;
	position: absolute;
	background: rgb(5,24,31);
	opacity: 0.8;
	z-index: 1;
}

.season__popup__text {
z-index: 2;
display: flex;
 flex-direction: column;
 align-items: center; 
 justify-content: center;
}

.season__popup__wrapper {
	display: flex;
    position: absolute;
    height: 100vh;
    width: 100vw;
    background-color: #05181fed;
	z-index: 9999;
	justify-content: center;
	align-items: center;
	display: none;
}

.season__popup__close {
	font-size: 0.9rem;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
		color: var(--white);
		opacity: 0.7;
	font-weight: 300;
	text-align: center;
}

.close__button__svg {
    height: 2rem;
    width: 2rem;
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    margin: 2rem;
	opacity: 0.8;
	
}

.close__button {
display: flex;
align-items: center;
justify-content: center; 
cursor: pointer;
}