/*
Theme Name: LVGP
Theme URI: https://www.lehighvalleygrandprix.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Custom WordPress theme for Lehigh Valley Grand Prix
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basics
Tags:
*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GLOBAL
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    scroll-behavior: smooth;
	background-color: var(--color-orange);
	color: var(--color-white);
	font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
	font-size: 10px;
}
	body {
		/* background: url(assets/img/pattern-15.png) center / 102.4rem auto repeat fixed transparent; */
		background-color: var(--color-purple);
		min-height: 100vh;
		font-size: 1.6rem;
		line-height: 1;
	}
	*, *:before, *:after { 
		-webkit-box-sizing: inherit; 
				box-sizing: inherit;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}
@media only screen and (max-width: 768px) {
	html {
		background-attachment: scroll;
	}
}	

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $COLORS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
:root {
    --color-yellow: #edce38;
    --color-yellow-dark: #D5B932;
    --color-green: #24b24b;
    --color-green-dark: #146229;
    --color-purple-light: #24b24b;
    --color-purple: #051B0B;
    --color-black-light: #0B3517;
    --color-blue: #24b24b;
    --color-blue-dark: #146229;
    --color-orange: #edce38;
    --color-pink: #24b24b;
    --color-yellow-light: #FFEC9F;
    --color-white: #FFFFFF;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TYPE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.open-sans {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;/*300-800*/
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
 }
h1,h2,h3,h4,h5,h6 {
	font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	margin: 3.2rem 0 2.4rem;
	-webkit-font-smoothing: antialiased;
}
h1 { font-size: 4.8rem; }
h2 { font-size: 3.2rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.2rem; }
.small 		{ font-size: 80%; 		}
p 			{ line-height: 1.5; margin: 0 0 2.4rem; }
b, strong 	{ font-weight: 700; }
a			{ text-decoration: none; }

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $ANIMATIONS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@-webkit-keyframes slide-in-bottom {
	0% {
		-webkit-transform: translate3d(0,100%,0);
				transform: translate3d(0,100%,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
}
@keyframes slide-in-bottom {
	0% {
		-webkit-transform: translate3d(0,100%,0);
				transform: translate3d(0,100%,0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
		opacity: 1;
	}
}
@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}
@keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $LOADER
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
#loader {
	
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $APP
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.app {
	display: block;
    /* background: url(assets/img/bg-inside.jpg) top center / 100% auto no-repeat scroll; */
    background-color: var(--color-black);
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GRAIN
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.grain {
	display: none;
	z-index: 1020;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url(assets/img/grain.svg) center / 80px 80px repeat scroll;
	opacity: .25;
	/* mix-blend-mode: overlay;*/
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FOUR-CORNERS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.logo {
	z-index: 980;
	position: fixed;
	top: 0;
	left: 0;
	width: 15%;
	min-width: 12.0rem;
	padding: 4.8rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	-o-transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33)
}
	.logo:hover {
		-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
				transform: scale(1.2);
	}
	.logo__img {
		width: 12.0rem;
		height: auto;
		margin: auto;
	}
@media only screen and (max-width: 768px) {
	.logo {
		min-width: 10.4rem;
	}
		.logo__img {
			width: 8.8rem;
		}
}
.nav-toggle {
	z-index: 976;
	position: fixed;
	top: 0;
	right: 0;
	width: 15%;
	min-width: 10.4rem;
	padding: 2.4rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-webkit-transform: scale3d(1,1,1);
			transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	-o-transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
	will-change: transform;
}
.nav-toggle:hover {
	-webkit-transform: scale3d(1.2,1.2,1);
			transform: scale3d(1.2,1.2,1);
}
	.nav-toggle:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
		width: 5.6rem;
		height: 4.0rem;
		border: .2rem solid var(--color-blue);
		background: var(--color-purple);
		-webkit-transition: background 0.15s ease;
		-o-transition: background 0.15s ease;
		transition: background 0.15s ease;
	}
	.nav-toggle--open:before {
		background: var(--color-green-dark);
	}
	.nav-toggle__icon {
		position: relative;
		width: 11.2rem;
		height: 8.0rem;
		margin: auto;
	}
		.nav-toggle__rect {
			fill: var(--color-yellow);
			-webkit-transform-origin: center;
				-ms-transform-origin: center;
					transform-origin: center;
			-webkit-transition: fill .15s ease, -webkit-transform .3s ease;
			transition: fill .15s ease, -webkit-transform .3s ease;
			-o-transition: transform .3s ease, fill .15s ease;
			transition: transform .3s ease, fill .15s ease;
			transition: transform .3s ease, fill .15s ease, -webkit-transform .3s ease;
		}
		.nav-toggle:hover .nav-toggle__rect {
			fill: var(--color-yellow);
		}
		.nav-toggle--open .nav-toggle__rect,
		.nav-toggle--open:hover .nav-toggle__rect {
			fill: var(--color-yellow);
		}
			.nav-toggle--open .nav-toggle__rect--top {
				-webkit-transform: rotate(225deg) translateY(8px);
					-ms-transform: rotate(225deg) translateY(8px);
						transform: rotate(225deg) translateY(8px);
			}
			.nav-toggle--open .nav-toggle__rect--mid {
				opacity: 0;
			}
			.nav-toggle--open .nav-toggle__rect--bot {
				-webkit-transform: rotate(-225deg) translateY(-8px);
					-ms-transform: rotate(-225deg) translateY(-8px);
						transform: rotate(-225deg) translateY(-8px);
			}	

.socials {
	z-index: 920;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 2.8rem 0;
	width: 15%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}
	.socials__inner {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr .8rem 1fr;
		grid-template-columns: 1fr 1fr;
		gap: .8rem;
	}
		.socials__item {
			width: 2.4rem;
			height: 2.4rem;
			background: var(--color-yellow);
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			-webkit-transform: scale3d(1,1,1);
					transform: scale3d(1,1,1);
			-webkit-transition: background 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
			transition: background 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
			-o-transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), background 0.3s ease;
			transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), background 0.3s ease;
			transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), background 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
			will-change: transform;
		}
		.socials__item:hover {
			-webkit-transform: scale3d(1.2,1.2,1);
					transform: scale3d(1.2,1.2,1);
			background: var(--color-green);
		}
			.socials__icon {
				font-size: 1.6rem;
				height: 1em;
				width: auto;
				fill: var(--color-purple);
			}
@media only screen and (max-width: 768px) {
	.socials {
		display: none;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $BANNER
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
a.banner {
	-ms-flex-negative: 0;
		flex-shrink: 0;
	width: 100%;
	height: 3.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
    color: var(--color-purple);
    font-size: 1.4rem;
    background: var(--color-orange);
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
/* a.banner:hover {
	background: #CF3916;
	color: var(--color-white);
} */
	.banner__btn {
		font-size: 1.2rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		background: var(--color-yellow-dark);
		padding: 0.4em 1.6rem;
		margin-left: 1.6rem;
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	/* a.banner:hover .banner__btn {
		background: var(--color-orange);
	} */

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $NAV
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.nav {
	z-index: 900;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	padding: 4.0rem 0;
	background: rgba(5, 27, 11, 0.9);
	-webkit-backdrop-filter: saturate(300%) blur(1.6rem);
	backdrop-filter: saturate(300%) blur(1.6rem);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease, left 0s ease 0.3s;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.nav--open {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
	-o-transition: opacity 0.3s ease, left 0s ease 0s;
	transition: opacity 0.3s ease, left 0s ease 0s;
}
	.nav__inner {
		width: 65%;
		margin: auto;
		position: relative;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 3fr 2fr;
		grid-template-columns: 3fr 2fr;
		-webkit-transform: translate3d(0,4.0rem,0);
				transform: translate3d(0,4.0rem,0);
		-webkit-transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		-o-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1), -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.nav--open .nav__inner {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
		.nav__left {
			
		}
			.nav__title {
				margin-top: 0;
				color: var(--color-blue);
			}
				.nav__title-top {
					
				}
				.nav__title-bot {
					
				}
			.nav__menu {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
				.nav__menu-title {
					font-size: 2.4rem;
					letter-spacing: .05em;
					margin-right: .8rem;
					font-family: "Bebas Neue", sans-serif;
                    font-weight: 400;
                    font-style: normal;
					text-transform: uppercase;
					color: var(--color-yellow);
				}
				.nav__menu-list {
					list-style-type: none;
					margin: .8rem 4.0rem 2.4rem 0;
					padding: 0 0 0 .8rem;
					border-left: .1rem solid var(--color-green);
				}
				.nav__menu-list:last-child {
					margin-bottom: 0;
				}
					.nav__menu-item {
						font-size: 1.4rem;
						line-height: 1.25;
					}
						.nav__menu-link {
							display: block;
							padding: .4rem 0;
							color: var(--color-white);
							-webkit-transition: color .15s ease;
							-o-transition: color .15s ease;
							transition: color .15s ease;
						}
						.nav__menu-link:hover {
							color: var(--color-green);
						}
		.nav__right {
			font-size: 1.4rem;
		}
			.nav__cta {
				display: block;
				margin-bottom: 4.0rem;
			}
				.nav__cta-img {
					width: 100%;
					height: auto;
					aspect-ratio: 16/9;
					background: center / cover no-repeat scroll;
					-webkit-box-shadow: 0 0 2.4rem 0 var(--color-black);
							box-shadow: 0 0 2.4rem 0 var(--color-black);
					margin-bottom: 1.6rem;
					border-radius: 1.6rem;
					-webkit-transition: -webkit-transform 0.3s ease;
					transition: -webkit-transform 0.3s ease;
					-o-transition: transform 0.3s ease;
					transition: transform 0.3s ease;
					transition: transform 0.3s ease, -webkit-transform 0.3s ease;
				}
				.nav__cta:hover .nav__cta-img {
					-webkit-transform: scale(1.05);
						-ms-transform: scale(1.05);
							transform: scale(1.05);
				}
				.nav__cta-text {
					margin-bottom: .4rem;
					padding: 0 .8rem;
					color: var(--color-white);
				}
				.nav__cta-link {
					font-size: 1.2rem;
					color: var(--color-yellow);
					text-decoration: underline;
					padding: 0 .8rem;
					-webkit-transition: color 0.3s ease;
					-o-transition: color 0.3s ease;
					transition: color 0.3s ease;
				}
				.nav__cta:hover .nav__cta-link {
					/* color: var(--color-orange); */
				}
			.nav__contact {
				padding: 0 .8rem;
			}
				.nav__contact-item {
					margin-bottom: 1.6rem;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					gap: .8rem;
				}
					.nav__contact-icon {
						width: 3.2rem;
						height: 3.2rem;
						background: var(--color-yellow);
						border-radius: 50%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: center;
							-ms-flex-pack: center;
								justify-content: center;
						-webkit-box-align: center;
							-ms-flex-align: center;
								align-items: center;
						-webkit-transition: background 0.3s ease;
						-o-transition: background 0.3s ease;
						transition: background 0.3s ease;
					}
					.nav__contact-item:hover .nav__contact-icon {
						background: var(--color-green-dark);
					}
						.nav__contact-icon-img {
							fill: var(--color-green-dark);
							font-size: 1.6rem;
							height: 1em;
							width: auto;
							-webkit-transition: fill 0.3s ease;
							-o-transition: fill 0.3s ease;
							transition: fill 0.3s ease;
						}
						.nav__contact-item:hover .nav__contact-icon-img {
							fill: var(--color-yellow);
							font-size: 1.6rem;
							height: 1em;
							width: auto;
						}
					.nav__contact-text {
						line-height: 1.5;
						font-weight: 700;
						font-size: 1.2rem;
						color: var(--color-white);
						margin-top: 0.7rem;
					}
@media only screen and (max-width: 768px) {
	.nav {
		padding: 15.2rem 4.0rem;
	}
		.nav__inner {
			width: 100%;
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
			gap: 4rem;
		}
}	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MASTHEAD
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.h-cta {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
	grid-template-columns: repeat(3,1fr);
	gap: 2.4rem;
	width: 70%;
	margin: -8.0rem auto 0;
}
.h-cta--sub {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2,1fr);
	margin: 0 auto;
	padding: 0 0 8.0rem;
}
	.h-cta__item {
		/* aspect-ratio: 3/4; */
		border-radius: 2.4rem;
		/* background: url(assets/img/pattern-5.png) center / 102.4rem auto repeat fixed transparent; */
		background-color: var(--color-black-light);
		color: var(--color-white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		gap: 1.6rem;
		text-align: center;
		padding: 1.6rem;
		border: 0.4rem solid var(--color-purple-light);
		-webkit-transition: border-color 0.3s ease;
		-o-transition: border-color 0.3s ease;
		transition: border-color 0.3s ease;
	}
	.h-cta--sub .h-cta__item {
		/* aspect-ratio: 21/9; */
	}
	.h-cta__item:hover {
		border: 0.4rem solid var(--color-yellow);
	}
		h3.h-cta__title {
			margin: 0;
			color: var(--color-white);
			text-shadow: 0.2rem 0.2rem 0 var(--color-purple);
			-webkit-transition: color 0.3s ease;
			-o-transition: color 0.3s ease;
			transition: color 0.3s ease;
		}
		.h-cta__item:hover h3.h-cta__title {
			color: var(--color-yellow);
		}
		.h-cta__img {
			width: 100%;
			height: auto;
			border-radius: 1.6rem;
		}
@media only screen and (max-width: 768px) {
	.h-cta--home {
	  -ms-overflow-style: none; /* IE and Edge */
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch; /* Smooth scroll on touch devices */
	  width: 100%;
	  padding: 0 5vw;
	  gap: 5vw;
	  scrollbar-width: none; /* Firefox */
	  margin-top: -13.6rem;
	}
	.h-cta--home::-webkit-scrollbar {
	  display: none; /* WebKit-based browsers */
	}
		.h-cta--home .h-cta__item {
			width: 75vw;
			-ms-flex-item-align: stretch;
				-ms-grid-row-align: stretch;
				align-self: stretch;
		}
		.h-cta__item {
			background-attachment: scroll;
		}
	.h-cta--sub {
		width: 90%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 5vw;
	}
}
		
		
.h-intro {
	padding: 6.4rem 0 8rem;
    margin: 0 auto;
    max-width: 50%;
}
	.h-intro__title {
		font-size: 8.0rem;
		text-align: center;
		text-wrap: pretty;
		color: var(--color-yellow);
		text-shadow: 0.4rem 0.4rem 0 var(--color-black-light);
		position: relative;
        margin-bottom: 4.0rem;
    }
	.h-intro__text {
		font-size: 2.0rem;
		text-align: center;
		text-wrap: pretty;
	}
        .h-intro__text :last-child {
            margin-bottom: 0;
        }
@media only screen and (max-width: 768px) {
    .h-intro {
        max-width: 75%;
    }
	.h-intro__title {
		font-size: 5.6rem;
	}
}
/* $Testimonials */
.quotes {
    background: url(assets/img/bg-04.svg) center / auto 145% no-repeat scroll transparent;
    background-color: var(--color-green-dark);
	padding: 4.8rem 0;
}
	.quotes__wrapper {
		width: 70%;
		margin: 0 auto;
		/* background: url(assets/img/pattern-15.png) center / 102.4rem auto repeat fixed transparent;
		border-radius: 2.4rem;
		border: 0.4rem solid var(--color-pink); */
		/* background-color: var(--color-pink); */
	}
		.quotes__item {
			color: var(--color-white);
			padding: 5.6rem 4.0rem;
			width: 100%;
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
			-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
			will-change: transform;
		}
			.quotes__quote {
				padding: 2.4rem;
				border-radius: 0.8rem;
				/* -webkit-box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1);
						box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1); */
				font-size: 2.0rem;
				margin: 0 0 2.4rem;
				position: relative;
				line-height: 1.5;
				/* -webkit-backdrop-filter: blur(1.6rem);
						backdrop-filter: blur(1.6rem); */
			}
			.quotes__author {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
					-ms-flex-align: center;
						align-items: center;
				padding-left: 2.4rem;
			}
				.quotes__image {
					width: 7.2rem;
					height: 7.2rem;
					border-radius: 50%;
					margin-right: 1.6rem;
					border: 0.2rem solid var(--color-yellow);
				}
				.quotes__text {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
						-ms-flex-direction: column;
							flex-direction: column;
					-webkit-box-align: start;
						-ms-flex-align: start;
							align-items: flex-start;
					gap: .8rem;
				}
					.quotes__name {
						font-size: 2.0rem;
					}
					.quotes__stars {
						height: 1.6rem;
						width: auto;
					}
	.quotes__pager {
		bottom: 2.4rem !important;
		left: auto !important;
		width: auto !important;
		right: 2.4rem;
	}
		.quotes__pager .swiper-pagination-bullet {
			width: 2.4rem;
			height: 0.8rem;
			background: var(--color-white);
			margin: 0 0.4rem !important;
			opacity: .35;
			border-radius: 0;
		}
		.quotes__pager .swiper-pagination-bullet-active {
			background: var(--color-yellow);
			margin: 0 .4rem !important;
			opacity: 1;
		}
@media only screen and (max-width: 768px) {
	.quotes__wrapper {
		width: 90%;
		background-attachment: scroll;
	}
    .quotes__item {
        padding-inline: 0;
    }
		.quotes__author {
			padding-left: 0;
		}
}
/*-------------------------------------| $Intro
*/
.intro {
	margin: auto;
	padding: 6.4rem;
}
	.intro__title {
		margin-top: 0;
		color: var(--color-pink);
	}
	.intro__content {
		
	}
		.intro__content p {
			
		}
			.intro__content a {
				color: var(--color-purple);
				text-decoration: underline;
			}
	.intro__form {
		
	}
	.intro__sub-text {
		font-weight: 700;
		font-size: 1.2rem;
		font-style: italic;
		text-align: center;
		margin-bottom: 0;
	}
		.intro__sub-text-link {
			color: var(--color-yellow);
		}

/*-------------------------------------| $Contact
*/
#gform_wrapper_1 {
	font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
}
	#gform_wrapper_1.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 1.6rem; 
	}
	#gform_wrapper_1.gform_wrapper.gravity-theme .gform_footer {
		margin: 0;
		padding: 1.6rem 0 0;
	}
	#gform_wrapper_1 input[type="text"],
	#gform_wrapper_1 input[type="email"] {
		font-size: 2.4rem !important;
		height: auto;
		border-bottom: .4rem solid var(--color-yellow);
		border-right: .4rem solid var(--color-yellow);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#gform_wrapper_1 .gform_button {
		font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
		-webkit-font-smoothing: antialiased;
		font-size: 1.6rem;
		height: 4rem;
		padding: 0 1.6rem;
		width: 100%;
		background-color: transparent;
		text-align: left;
		border-radius: 0;
		color: var(--color-pink);
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-font-smoothing: antialiased;
		border: none;
		border-bottom: .4rem solid var(--color-pink);
		border-right: .4rem solid var(--color-pink);
		margin-bottom: 2.4rem;
		-webkit-transition: color 0.3s ease, border-color 0.3s ease;
		-o-transition: color 0.3s ease, border-color 0.3s ease;
		transition: color 0.3s ease, border-color 0.3s ease;
	}
	#gform_wrapper_1 .gform_button:hover {
		border-color: var(--color-orange);
		color: var(--color-orange);
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TITLE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.title {
	position: relative;
	aspect-ratio: 21/9;
}
.title--home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	aspect-ratio: 16/9;
}
	.title__hero {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: center / cover no-repeat scroll;
		background-color: var(--color-purple);
		-webkit-mask: url(assets/img/title-brush-mask.png);
		mask: url(assets/img/title-brush-mask.png);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
		.title__hero-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: center / cover no-repeat scroll;
			-o-object-fit: cover;
			   object-fit: cover;
			/* opacity: .8; */
		}
		.title__hero-bg::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: -o-radial-gradient(ellipse, rgba(0,0,0,.05) 0%, rgba(0,0,0,.25) 100%);
			background: radial-gradient(ellipse, rgba(0,0,0,.05) 0%, rgba(0,0,0,.25) 100%);
		}
	.title__brush {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(assets/img/title-brush-stroke.png) center / 100% 100% no-repeat scroll;
	}
	.title__intro {
		width: 100%;
		position: relative;
		text-align: center;
		margin: auto;
	}
		.title__logo {
			width: 100%;
			max-width: 45%;
			height: auto;
			margin-bottom: 4rem;
		}
		.title__logo--inside {
			height: 5.6rem;
			width: auto;
			margin: 1.6rem auto;
		}
		.title__btns {
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			gap: 1.6rem;
			height: 100%;
			margin-bottom: 9.6rem;
		}
			.title__btn {
				
			}
			.title__btn--alt {
				
			}
	.title__inner {
		position: relative;
		width: 70%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		height: 100%;
	}
		.title__heading {
			margin: auto 0 5.6rem;
			font-size: 8.0rem;
			text-align: center;
			text-wrap: pretty;
		}
			.title__permalink {
				color: var(--color-yellow);
				text-shadow: 0.4rem 0.4rem 0 var(--color-purple);
			}
@media only screen and (max-width: 768px) {
	.title {
		aspect-ratio: 3/4;
	}
	.title--home {
		aspect-ratio: 9/16;
	}
		.title__intro {
			padding-bottom: 4.0rem;
		}
			.title__logo {
				max-width: 90%;
			}
		.title__inner {
			width: 90%;
		}
			.title__heading {
				font-size: 5.6rem;
			}
}

.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.video-bg__vid {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.video-bg__vid--mobile {
		display: none;
	}
	.video-bg__vid--low-power {
		display: none;
		background: url(assets/img/video-bg-low-power.jpg) center / cover repeat scroll transparent;
	}
	.low-power .video-bg__vid {
		display: none !important;
	}
	.low-power .video-bg__vid--low-power {
		display: block !important;
	}
	.video-bg::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -o-radial-gradient(ellipse, rgba(4,6,33,.25) 0%, rgba(4,6,33,1) 100%);
		background: radial-gradient(ellipse, rgba(4,6,33,.25) 0%, rgba(4,6,33,1) 100%);
		-webkit-backdrop-filter: saturate(175%);
				backdrop-filter: saturate(175%);
		
		background: -o-radial-gradient(ellipse, rgba(4,6,33,.125) 0%, rgba(4,6,33,.5) 100%);
		
		background: radial-gradient(ellipse, rgba(4,6,33,.125) 0%, rgba(4,6,33,.5) 100%);
		background: -o-radial-gradient(ellipse, rgba(0,0,0,.125) 0%, rgba(0,0,0,.5) 100%);
		background: radial-gradient(ellipse, rgba(0,0,0,.125) 0%, rgba(0,0,0,.5) 100%);
		-webkit-backdrop-filter: saturate(150%);
				backdrop-filter: saturate(150%);
	}
	.low-power .video-bg::after {
		-webkit-backdrop-filter: saturate(100%);
		backdrop-filter: saturate(100%);
	}
@media only screen and (max-width: 768px) {
	.video-bg__vid--desktop {
		display: none;
	}
	.video-bg__vid--mobile {
		display: block;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CONTENT
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.content {
}
	.content__inner {
		padding: 3.2rem 0 8.8rem;
		margin: 0 auto;
		max-width: 50%;
	}
		.content__inner h2,
		.content__inner h3 {
			margin: 3.2rem 0 1.6rem;
		}
		.content .content__inner h2:first-child {
			margin-top: 0;
		}
		.content ul {
			margin: 2.4rem 0;
			padding: 0;
			line-height: 1.5;
			list-style-type: none;
		}
		.content ul.list-two-up {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 1fr 1.6rem 1fr;
			grid-template-columns: 1fr 1fr;
			gap: 0 1.6rem;
		}
			.content ul li {
				position: relative;
				padding-left: 2.4rem;
				margin-bottom: .4rem;
			}
				.content ul li:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 1.6rem;
					height: 2.4rem;
					background: url(assets/img/icon-check.svg) center / 1.6rem 1.6rem no-repeat scroll transparent;
					margin-right: 0.8rem;
				}
		.content p:not(.button) a:not(.child-pages__link),
		.contact__details a:not(.child-pages__link),
		.content ul li a:not(.child-pages__link) {
			color: var(--color-pink);
			text-decoration: none;
			white-space: nowrap;
			text-decoration: underline;
			-webkit-text-decoration-color: var(--color-blue-dark);
			text-decoration-color: var(--color-blue-dark);
			text-decoration-thickness: 0.15rem;
			text-underline-offset: 0.15rem;
			-webkit-transition: -webkit-text-decoration-color 0.3s ease;
			transition: -webkit-text-decoration-color 0.3s ease;
			-o-transition: text-decoration-color 0.3s ease;
			transition: text-decoration-color 0.3s ease;
			transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
		}
		.content p:not(.button) a:not(.child-pages__link):hover,
		.contact__details a:not(.child-pages__link):hover,
		.content ul li a:not(.child-pages__link):hover {
			-webkit-text-decoration-color: var(--color-pink);
			text-decoration-color: var(--color-pink);
		}
        .content p.button {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 0;
        }
            .content p.button a {
				color: var(--color-white);
                width: 100%;
                text-align: center;
			}
		.wp-block-separator {
			border-top: none;
			border-bottom: 0.2rem dashed var(--color-blue-dark);
			/* opacity: .25; */
			height: 0.2rem;
			margin: 0 0 2.4rem;
		}
		.wp-block-image,
		.wp-block-embed {
			position: relative;
			margin: 0 -8rem 2.4rem;
		}
			.wp-block-image:before,
			.wp-block-embed:before {
				content: '';
				position: absolute;
				top: .8rem;
				left: .8rem;
				width: 100%;
				height: 100%;
				background: var(--color-pink);
				background: var(--color-blue-dark);
				border-radius: 2.4rem;
			}
			.wp-block-image--no-bg:before {
				display: none;
			}
			.wp-block-image:not(.wp-block-gallery .wp-block-image) > a {
				display: block !important;
			}
			.wp-block-image img {
				position: relative;
				border-radius: 2.4rem !important;
				width: 100% !important;
			}
			.wp-block-embed__wrapper {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
			}
				.wp-block-embed iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 2.4rem !important;
				}
		.wp-block-gallery {
			margin: 0 -8.0rem 2.4rem;
			gap: 1.6rem !important;
		}
			.wp-block-gallery .wp-block-image:before {
				top: .4rem;
				left: .4rem;
				border-radius: 1.6rem;
			}
			.wp-block-gallery .wp-block-image img {
				border-radius: 1.6rem !important;
			}
		.team-profile {
            margin: 6.4rem -8rem;
		}
			.team-profile .wp-block-image {
				margin: 0;
			}
				/* .team-profile .wp-block-image:before {
					display: none;
				} */
		.wp-block-gallery.is-layout-flex {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			-webkit-box-pack: justify;
				-ms-flex-pack: justify;
					justify-content: space-between;
		}
		.wp-block-gallery.is-layout-flex .wp-block-image {
			-webkit-box-flex: 1;
				-ms-flex: 1 1 calc(33.33% - 1.6rem);
					flex: 1 1 calc(33.33% - 1.6rem);
			max-width: calc(33.33% - 1.6rem);
		}
		@media (max-width: 768px) {
			.wp-block-gallery.is-layout-flex .wp-block-image {
				-webkit-box-flex: 1;
					-ms-flex: 1 1 calc(33.33% - 1.6rem);
						flex: 1 1 calc(33.33% - 1.6rem);
				max-width: calc(33.33% - 1.6rem);
			}
		}
@media only screen and (max-width: 768px) {
	.content__inner {
		max-width: 75%;
	}
	.page-id-175 .content__inner {
		max-width: 90%;
	}
		.wp-block-gallery {
			margin: 0 -7.5vw 2.4rem;
		}
		.wp-block-image,
		.wp-block-embed {
			margin: 0 -7.5vw 2.4rem;
		}
		.team-profile {
			margin: 0 -7.5vw 2.4rem -10vw;
			gap: 0.8rem;
		}
        .team-profile .wp-block-image {
            margin-right: 2.4rem;
            margin-top: 2.4rem;
        }
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $BLOG
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.blog {
	
}
	.blog__hero {
		position: relative;
		width: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
		background: url(assets/img/quotes-bg.jpg) center / 100% 100% repeat scroll transparent;
		background-color: var(--color-pink);
		gap: 2.4rem;
		padding: 12rem 0 8.0rem;
	}
		.blog__title {
			text-align: center;
			margin: 0;
			width: 70%;
			margin: 0 auto;
			color: var(--color-yellow);
			text-shadow: 0.4rem 0.4rem 0 var(--color-purple);
		}
		.blog__date {
			font-size: 1.2rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			color: var(--color-white);
		}
	.blog__content {
		
	}
        .blog__content img {
            width: 100%;
            height: auto;
            margin-bottom: 2.4rem;
        }
		.blog__nav {
			line-height: 1.5;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			gap: 2.4rem;
		}
			.blog__nav a {
				color: var(--color-pink);
				text-decoration: none;
				text-decoration: underline;
				-webkit-text-decoration-color: var(--color-blue-dark);
				text-decoration-color: var(--color-blue-dark);
				text-decoration-thickness: 0.15rem;
				text-underline-offset: 0.15rem;
				-webkit-transition: -webkit-text-decoration-color 0.3s ease;
				transition: -webkit-text-decoration-color 0.3s ease;
				-o-transition: text-decoration-color 0.3s ease;
				transition: text-decoration-color 0.3s ease;
				transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
			}
			.blog__nav a:hover {
				-webkit-text-decoration-color: var(--color-pink);
				text-decoration-color: var(--color-pink);
			}

/*Blog*/
.blog h2 a {
	color: var(--color-yellow);
	text-decoration: underline;
}
@media only screen and (max-width: 768px) {
	.blog__title {
		width: 90%;
	}
}


/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CTA
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.cta {
	padding: 10.4rem 0;
	/* background: url(assets/img/pattern-shipping.svg) center / 5.6rem 100% repeat-x scroll var(--color-purple); */
	background-color: var(--color-black-light);
}
	.cta__inner {
		width: 70%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 2.4rem;
	}
		.cta__intro {
			-webkit-box-flex: 0;
				-ms-flex: 0 1 0px;
					flex: 0 1 0;
		}
			h3.cta__title {
				font-size: 5.6rem;
				margin: 1.6rem 0;
				line-height: .9;
				color: var(--color-pink);
			}
			.cta__sub {
				margin: 0;
				color: var(--color-yellow);
			}
		.cta__item {
			-webkit-box-flex: 1;
				-ms-flex: 1 1 0px;
					flex: 1 1 0;
		}
			.cta__img {
				width: 100%;
				height: auto;
				aspect-ratio: 16/9;
				background: center / cover no-repeat scroll;
				-webkit-box-shadow: 0 0 2.4rem 0 var(--color-black);
						box-shadow: 0 0 2.4rem 0 var(--color-black);
				margin-bottom: 1.6rem;
				border-radius: 1.6rem;
				-webkit-transition: -webkit-transform 0.3s ease;
				transition: -webkit-transform 0.3s ease;
				-o-transition: transform 0.3s ease;
				transition: transform 0.3s ease;
				transition: transform 0.3s ease, -webkit-transform 0.3s ease;
			}
			.cta__item:hover .cta__img {
				-webkit-transform: scale(1.05);
					-ms-transform: scale(1.05);
						transform: scale(1.05);
			}
			.cta__text {
				font-size: 1.4rem;
				margin-bottom: .4rem;
				padding: 0 .8rem;
				color: var(--color-white);
			}
			.cta__link {
				font-size: 1.2rem;
				color: var(--color-yellow);
				text-decoration: underline;
				padding: 0 .8rem;
				-webkit-transition: color 0.3s ease;
				-o-transition: color 0.3s ease;
				transition: color 0.3s ease;
			}
			.cta__item:hover .cta__link {
				/* color: var(--color-orange); */
			}
@media only screen and (max-width: 768px) {
	.cta__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		width: 75%;
	}
}


/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CONTACT
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.contact {
	margin: 0 -8rem 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	gap: .8rem;
}
.pop .contact {
	margin: 0;
}
	.contact__item {
		padding: 0 1.6rem;
		background: var(--color-blue-dark);
		/* border: 0.2rem solid var(--color-blue-dark); */
		border-radius: 0.4rem;
		-webkit-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		cursor: pointer;
	}
	.contact__item:hover {
		/* background: var(--color-yellow); */
	}
		.contact__cta {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			gap: 1.6rem;
			padding: .8rem 0;
		}
			.contact__icon-wrap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 4.8rem;
				height: 4.8rem;
				border-radius: 50%;

                background: var(--color-yellow);
                fill: var(--color-green-dark);
				-webkit-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
			.contact__item:hover .contact__icon-wrap {
				/* background: var(--color-orange); */
			}
				.contact__icon {
					margin: auto;
					width: 100%;
					height: 100%;
					max-width: 3.2rem;
					max-height: 3.2rem;
					-webkit-transition: fill 0.3s ease;
					-o-transition: fill 0.3s ease;
					transition: fill 0.3s ease;
				}
				.contact__item:hover .contact__icon {
					/* fill: var(--color-yellow); */
				}
			h3.contact__text {
				color: var(--color-yellow);
				margin: 0;
				-webkit-transition: color 0.3s ease;
				-o-transition: color 0.3s ease;
				transition: color 0.3s ease;
			}
			.contact__item:hover h3.contact__text {
				color: var(--color-orange);
			}
		.contact__details {
			display: none;
		}
			.contact__details-text {
				margin-bottom: 1.6rem;
				font-size: 1.4rem;
			}
@media only screen and (max-width: 768px) {
	.contact {
		margin: 0 -7.5vw 2.4rem;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $HOURS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.hours {
	margin-bottom: 1.6rem;
	line-height: 1;
}
.faq .hours {
	margin: 1.6rem 0 0;
}
	.hours__table {
		width: 100%;
		border-collapse: collapse;
	}
		.hours__thead {
			
		}
			.hours__tr {
				
			}
			.hours__tr--title {
				background: var(--color-blue);
				text-transform: uppercase;
				font-weight: 700;
				letter-spacing: .15em;
				font-size: 1.2rem;
				-webkit-transition: .3s ease;
				-o-transition: .3s ease;
				transition: .3s ease;
			}
			.faq .hours__tr--title {
				background: var(--color-blue-dark);
			}
			.contact__item:hover .hours__tr--title {
				/* background: var(--color-yellow-light); */
			}
				.hours__th {
					border: .2rem solid var(--color-blue);
					border-top: none;
					font-size: 1.2rem;
					text-transform: uppercase;
					padding: .8rem;
					-webkit-transition: border-color 0.3s ease;
					-o-transition: border-color 0.3s ease;
					transition: border-color 0.3s ease;
				}
				.faq .hours__th {
					border: .2rem solid var(--color-blue-dark);
				}
				.contact__item:hover .hours__th {
					/* border-color: var(--color-yellow-light); */
				}
				.hours__th:first-child {
					border-left: none;
				}
				.hours__th:last-child {
					border-right: none;
				}
				.hours__th--title {
					font-family: "Bebas Neue", sans-serif;
                    font-weight: 400;
                    font-style: normal;
					text-transform: uppercase;
					font-size: 1.6rem;
				}
		.hours__tbody {
			
		} 
			.hours__tr {
				
			}
				.hours__td {
					border: .2rem solid var(--color-blue);
					border-left: none;
					padding: .8rem;
					-webkit-transition: border-color 0.3s ease;
					-o-transition: border-color 0.3s ease;
					transition: border-color 0.3s ease;
				}
				.faq .hours__td {
					border: .2rem solid var(--color-blue-dark);
				}
				.contact__item:hover .hours__td {
					/* border-color: var(--color-yellow-light); */
				}
				.hours__td:first-child {
					border-left: none;
				} 
				.hours__td:last-child {
					border-right: none;
				}
				.hours__tr:last-child .hours__td {
					border-bottom: none;
				}
				.hours__td--oc {
					border-left: none;
					font-size: 1.4rem;
					font-style: italic;
				} 
					.hours__am {
						position: relative;
					}
					.hours__am-sup {
						position: absolute;
						top: 0.8rem;
						left: 100%;
						font-size: .8rem;
						margin-left: 0.4rem;
						font-weight: 700;
					}
		.hours__tfoot {
			line-height: 1.25;
		}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MENU
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.menu {
	margin-bottom: 2.4rem;
    margin-inline: 0;
    border-bottom: 0.2rem solid var(--color-green-dark);
    padding-bottom: 2.4rem;
}

	/* Tab nav: horizontal scroll on mobile, wrap on desktop */
	.menu__nav-wrap {
		position: relative;
		margin: 0 -2.4rem 3.2rem;
		margin-inline: -12.5vw;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.menu__nav-wrap::-webkit-scrollbar {
		display: none;
	}
		.menu__nav {
			display: flex;
			justify-content: flex-start;
			align-items: stretch;
			gap: .8rem;
			padding: 0 2.4rem;
			min-width: min-content;
		}
			.menu__nav-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				gap: .6rem;
				padding: 1.2rem 1.6rem;
				min-width: 9.6rem;
				background: transparent;
				border: 0.2rem solid var(--color-green-dark);
				border-radius: 1.2rem;
				color: var(--color-white);
				cursor: pointer;
				scroll-snap-align: start;
				transition: background .2s ease, border-color .2s ease, color .2s ease;
				line-height: 1;
			}
			.menu__nav-item:hover {
				border-color: var(--color-yellow);
			}
			.menu__nav-item--active {
				background: var(--color-yellow);
				border-color: var(--color-yellow);
				color: var(--color-purple);
			}
				.menu__nav-item-icon {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 2.4rem;
					height: 2.4rem;
				}
				.menu__nav-item-icon svg {
					width: 100%;
					height: 100%;
					fill: currentColor;
				}
				.menu__nav-item-text {
					text-transform: uppercase;
					font-size: 1.2rem;
					font-weight: 700;
					letter-spacing: .05em;
					line-height: 1.2;
					white-space: nowrap;
				}

	/* Tab panels */
	.menu__list {
		position: relative;
	}
		.menu__list-item {
			display: none;
		}
		.menu__list-item--active {
			display: block;
		}
			h2.menu__list-title {
				position: relative;
				margin: 0 0 1.6rem;
				padding: 0 0 1.2rem;
				font-size: 2.4rem;
				text-transform: uppercase;
				letter-spacing: .05em;
				color: var(--color-yellow);
				border-bottom: 0.2rem solid var(--color-green-dark);
			}

			.menu__intro {
				margin: 0 0 2.4rem;
				padding: 1.2rem 1.6rem;
				background: rgba(36, 178, 75, 0.1);
				border-left: 0.3rem solid var(--color-yellow);
				border-radius: 0.4rem;
				font-size: 1.4rem;
				font-style: italic;
				line-height: 1.5;
			}

			/* Items list */
			.menu__items {
				display: flex;
				flex-direction: column;
			}
				.menu__item {
					display: flex;
					gap: 1.6rem;
					padding: 1.6rem 0;
					border-bottom: 0.2rem dotted var(--color-green-dark);
				}
				.menu__item:first-child {
					padding-top: 0;
				}
				.menu__item:last-child {
					border-bottom: 0;
				}
					.menu__item-image {
						flex: 0 0 auto;
						width: 8rem;
						height: 8rem;
						border-radius: 0.8rem;
						overflow: hidden;
					}
					.menu__item-image img {
						display: block;
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
					.menu__item-body {
						flex: 1 1 auto;
						min-width: 0;
					}
						.menu__item-head {
							display: flex;
							align-items: flex-start;
							justify-content: space-between;
							gap: 1.6rem;
							margin: 0 0 .4rem;
						}
							.menu__item-head-text {
								flex: 1 1 auto;
								min-width: 0;
							}
								h3.menu__item-title {
									margin: 0;
									font-size: 1.8rem;
									line-height: 1.25;
									display: inline;
								}
								.menu__item-badge {
                                    display: inline-block;
                                    vertical-align: middle;
                                    margin-left: .8rem;
                                    padding: .4rem .8rem .2rem;
                                    background: var(--color-yellow);
                                    color: var(--color-purple);
                                    font-size: 1.2rem;
                                    font-weight: 700;
                                    text-transform: uppercase;
                                    letter-spacing: .05em;
                                    border-radius: 1rem;
                                    line-height: 1;
								}
								.menu__item-meta {
									margin-top: .2rem;
									font-size: 1.2rem;
									font-weight: 600;
									letter-spacing: .05em;
									text-transform: uppercase;
									color: var(--color-yellow);
								}
							.menu__item-price-wrap {
								flex: 0 0 auto;
								text-align: right;
							}
								.menu__item-price {
									font-size: 1.8rem;
									font-weight: 700;
									line-height: 1.2;
									color: var(--color-yellow);
								}
								.menu__item-price-note {
									margin-top: .2rem;
									font-size: 1.1rem;
									font-style: italic;
									opacity: .8;
								}
						.menu__item-desc {
							margin: .4rem 0 0;
							line-height: 1.5;
						}

						/* Variations - stacked sub-rows (with descriptions) */
						.menu__variations {
							margin: .8rem 0 0;
                            line-height: 1.5;
						}
							.menu__variation {
								padding: .6rem 0;
							}
								.menu__variation-title {
									font-weight: 600;
									font-size: 1.4rem;
								}
								.menu__variation-meta {
									margin-left: .4rem;
									font-size: 1.2rem;
									font-weight: 400;
									opacity: .8;
								}
								.menu__variation-desc {
									margin-top: .2rem;
									font-size: 1.4rem;
									font-style: italic;
									opacity: .9;
								}

						/* Variations - inline pills (no descriptions) */
						.menu__variations--inline {
							display: flex;
							flex-wrap: wrap;
							gap: .4rem;
							margin-top: .8rem;
						}
							.menu__variation-pill {
								padding: .3rem .8rem;
								background: var(--color-green-dark);
								color: var(--color-white);
								font-size: 1.2rem;
								border-radius: 0.4rem;
								line-height: 1.4;
							}

			/* Footnotes - tinted info cards */
			.menu__footnotes {
				display: flex;
				flex-direction: column;
				gap: 1.6rem;
			}
				.menu__footnote {
					padding: 1.6rem;
					background: rgba(36, 178, 75, 0.1);
					border-radius: 0.6rem;
				}
					.menu__footnote-head {
						display: flex;
						align-items: baseline;
						justify-content: space-between;
						gap: .8rem;
						margin-bottom: .4rem;
					}
						.menu__footnote-title {
							font-size: 1.4rem;
							text-transform: uppercase;
							letter-spacing: .05em;
							color: var(--color-yellow);
						}
						.menu__footnote-note {
							font-size: 1.2rem;
							font-weight: 700;
							color: var(--color-yellow);
							white-space: nowrap;
						}
					.menu__footnote-desc {
						font-size: 1.4rem;
						line-height: 1.5;
					}

@media only screen and (min-width: 768px) {
    .menu {
        margin-inline: -8.0rem;
    }
	.menu__nav-wrap {
		margin: 0 0 3.2rem;
		overflow-x: visible;
	}
		.menu__nav {
			flex-wrap: wrap;
			justify-content: center;
			padding: 0;
			gap: 1.2rem;
		}
			.menu__nav-item {
				min-width: 11.2rem;
				padding: 1.6rem 2.0rem;
			}
				.menu__nav-item-icon {
					width: 3.2rem;
					height: 3.2rem;
				}
	h2.menu__list-title {
		font-size: 3.2rem;
	}
	.menu__item {
		gap: 2.4rem;
		padding: 2.0rem 0;
	}
		.menu__item-image {
			width: 12rem;
			height: 12rem;
		}
		h3.menu__item-title {
			font-size: 2.0rem;
		}
		.menu__item-price {
			font-size: 2.0rem;
		}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $BOOK-BTNS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.book-btns {
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	/* background: url(assets/img/pattern-15.png) center / 102.4rem auto repeat fixed transparent; */
	background-color: var(--color-yellow);
	padding: 2.4rem 6.4rem;
	position: sticky;
	gap: 2.4rem;
	top: 2.4rem;
	width: 60%;
	margin: 0 auto;
	border-radius: 0.8rem;
}
	.book-btns__btn.button  {
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		margin: 0;
	}
@media only screen and (max-width: 768px) {
	.book-btns {
		position: static;
		width: 90%;
		margin-bottom: 2.4rem;
		padding: 2.4rem 1.6rem;
		gap: 1.6rem;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CHILD-PAGES
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.child-pages {
	margin: 2.4rem 0;
}
	.child-pages__list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
		gap: 1.2rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.child-pages__item {
			display: flex;
            display: flex;
            padding: 0 !important;
            margin: 0 !important;
		}
			.child-pages__link {
				display: block;
				width: 100%;
				padding: 1.6rem 2.4rem;
				background: var(--color-black-light);
				border: 0.2rem solid var(--color-green-dark);
				border-radius: 0.8rem;
				color: var(--color-white);
				font-weight: 600;
				text-decoration: none;
				line-height: 1.25;
				position: relative;
				overflow: hidden;
				transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
			}
			.child-pages__link::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.08), transparent);
				transition: left 0.5s ease;
			}
			.child-pages__link:hover {
				border-color: var(--color-yellow);
				transform: translateY(-0.2rem);
				box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.2);
				color: var(--color-white);
			}
			.child-pages__link:hover::before {
				left: 100%;
			}
			.child-pages__link:focus {
				outline: 0.2rem solid var(--color-yellow);
				outline-offset: 0.2rem;
			}
			.child-pages__item--active .child-pages__link {
				background: var(--color-yellow);
				border-color: var(--color-yellow);
				color: var(--color-purple);
			}
			.child-pages__item--active .child-pages__link:hover {
				background: var(--color-yellow-dark);
				border-color: var(--color-yellow-dark);
				color: var(--color-purple);
			}
@media only screen and (max-width: 768px) {
	.child-pages__list {
		grid-template-columns: 1fr;
	}
}
.pop .book-btns {
	width: 100%;
	margin-bottom: 0.8rem;
	padding: 2.4rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	gap: 1.6rem;
	position: relative;
	top: 0;
}
	.pop .book-btns__btn.button {
		width: 100%;
		font-size: 2.4rem;
	}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FAQ
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.faq {
	margin: 0 -8.0rem 2.4rem;
}
	.faq__item {
		margin-bottom: .8rem;
	}
		h3.faq__question {
			cursor: pointer;
			padding: 0.8rem 1.6rem;
			background: var(--color-black-light);
			border: .2rem solid var(--color-black-light);
			border-radius: 0.4rem;
			margin: 0;
			color: var(--color-yellow);
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
				-ms-flex-pack: justify;
					justify-content: space-between;
			gap: 1.6rem;
		}
			.faq__icon {
				width: 1.6rem;
				height: auto;
				fill: var(--color-yellow);
				-webkit-transition: -webkit-transform 0.3s ease;
				transition: -webkit-transform 0.3s ease;
				-o-transition: transform 0.3s ease;
				transition: transform 0.3s ease;
				transition: transform 0.3s ease, -webkit-transform 0.3s ease;
			}
			.faq__question--open .faq__icon {
				-webkit-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
						transform: rotate(135deg);
			}
		.faq__answer {
			position: relative;
			top: -.4rem;
			padding: 1.6rem;
			border: .2rem solid var(--color-black-light);
			border-top: none;
			border-radius: 0 0 .4rem .4rem;
			display: none;
			line-height: 1.5;
		}
@media only screen and (max-width: 768px) {
	.faq {
		margin: 0 -7.5vw 2.4rem;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $SPECIAL
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.specials {
	margin: 2.4rem 0;
}
	.specials__item {
		margin:0 0 1.6rem;
	}
		.specials__title {
			margin: 0 0 .8rem !important;
		}
			.specials__title-hl {
				color: var(--color-pink);
			}
		.specials__text {
			font-size: 1.4rem;
			margin: 0;
		}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $EVENT
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.event-mo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: .8rem;
}
	.event-mo__text {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1.2rem;
	}
	.event-mo__bar {
		-webkit-box-flex: 1;
			-ms-flex-positive: 1;
				flex-grow: 1;
		height: .2rem;
		background: var(--color-blue-dark);
	}
.event {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.6rem;
	border-bottom: 0.2rem dashed var(--color-blue-dark);
	padding: 2.4rem 0;
}
.event--last {
	border: none;
}
	.event__cover {
		width: 9.6rem;
		height: 9.6rem;
		border-radius: 1.6rem;
		background: center / cover no-repeat scroll;
		background-color: var(--color-orange);
		color: var(--color-yellow);
		-ms-flex-negative: 0;
			flex-shrink: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		font-weight: 700;
		border: 0.2rem solid var(--color-yellow);
	}
		.event__cover-day {
			text-shadow: 0.2rem 0.2rem 0 rgba(30, 34, 82, 1);
		}
		.event__cover-date {
			font-family: "Bebas Neue", sans-serif;
            font-weight: 400;
            font-style: normal;
			text-transform: uppercase;
			-webkit-font-smoothing: antialiased;
			font-size: 4.0rem;
			text-shadow: 0.2rem 0.2rem 0 rgba(30, 34, 82, 1);
		}
	.event__details {
		
	}
		.event__date {
			
		}
		h2.event__title {
			margin: .8rem 0;
		}
		.event__text {
			
		}
		.event__full-text {
			
		}
			.event__read-more {
				white-space: nowrap;
				color: var(--color-yellow);
			}
			.event p {
				margin-bottom: 1.6rem;
			}
			.event p:last-child {
				margin-bottom: 0;
			}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $NEWS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.news {
	border-top: 0.2rem dashed var(--color-blue-dark);
}
	.news__article {
		border-bottom: 0.2rem dashed var(--color-blue-dark);
		padding: 2.4rem 0;
	}
		.news__text {
			margin: 0;
		}
			.news__date {
				
			}
			.news__link {
				/* color: var(--color-purple);
				text-decoration: none;
				background: var(--color-green);
				padding: 0 0.8rem; */
			}
		.news__img-wrapper {
			position: relative;
			margin: 1.6rem -8.0rem 0;
		}
			.news__img-wrapper:before {
				content: '';
				position: absolute;
				top: .8rem;
				left: .8rem;
				width: 100%;
				height: 100%;
				background: var(--color-pink);
				background: var(--color-blue-dark);
				border-radius: 2.4rem;
			}
			.news__img {
				position: relative;
				border-radius: 2.4rem;
				height: auto;
				max-width: 100%;
			}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MENU
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.anc__wrap {
	position: relative;
	min-height: calc(100dvh - 14.0rem);
	overflow: hidden;
}
	.anc__wrap .vim--bg {
		z-index: 0;
        opacity: .25;
	}
.anc {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	padding: 8.0rem 0;
	min-height: calc(100dvh - 14.0rem);
}
	.anc__title {
		margin-top: 0;
	}
	.anc__content {
		
	}
		.anc__error-message {
			font-size: 2.0rem;
			color: var(--color-white);
			text-wrap: pretty;
		}
		.anc__content a {
			color: var(--color-yellow);
			text-decoration: underline;
			-webkit-text-decoration-color: var(--color-yellow);
			text-decoration-color: var(--color-yellow);
			text-decoration-thickness: 0.15rem;
			text-underline-offset: 0.15rem;
			-webkit-transition: -webkit-text-decoration-color 0.3s ease;
			transition: -webkit-text-decoration-color 0.3s ease;
			-o-transition: text-decoration-color 0.3s ease;
			transition: text-decoration-color 0.3s ease;
			transition: text-decoration-color 0.3s ease, -webkit-text-decoration-color 0.3s ease;
		}
		.anc__content a:hover {
			/* -webkit-text-decoration-color: var(--color-pink);
			text-decoration-color: var(--color-pink); */
		}

.search-form {
	max-width: 40.0rem;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 1.6rem;
}
	.search-form label {
		display: none;
	}

@media only screen and (max-width: 960px) {
	.anc {
		width: 75%;
	}
}
	

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FOOTER
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.footer {
	background: var(--color-purple);
	color: var(--color-white);
	text-align: center;
	padding: 4.8rem 0;
}
	.footer__credit {
		margin: 0;
		line-height: 1;
		font-size: 1.2rem;
		text-transform: uppercase;
		letter-spacing: .05em;
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: .8rem;
	}
	.footer__link {
		color: var(--color-yellow);
	}
	.footer__by {
		display: inline-flex;
		align-items: center;
		gap: .6rem;
	}
		.footer__by a {
			display: inline-flex;
			align-items: center;
            position: relative;
            top: .1rem;
		}
		.clu-logo {
			height: 3.2rem;
			width: auto;
			display: block;
		}
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
    @media only screen and (max-width: 768px) {
        .footer__by {
            flex-basis: 100%;
            justify-content: center;
            margin-top: 1.2rem;
        }
        .footer__pipe--by {
            display: none;
        }
    }
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $HDOG
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.hdog {
	z-index: 990;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: url(assets/img/pattern-2.png) center / 102.4rem auto repeat scroll rgba(160, 0, 73, 0.9);
	-webkit-backdrop-filter: saturate(300%) blur(1.6rem);
	backdrop-filter: saturate(300%) blur(1.6rem);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease, left 0s ease 0.3s;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.hdog--open {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
	-o-transition: opacity 0.3s ease, left 0s ease 0s;
	transition: opacity 0.3s ease, left 0s ease 0s;
}	
	.hdog__sheen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.hdog__inner {
		width: 60%;
		margin: 0 auto;
		position: relative;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 3fr 2fr;
		grid-template-columns: 3fr 2fr;
		-webkit-transform: translate3d(0,4.0rem,0);
				transform: translate3d(0,4.0rem,0);
		-webkit-transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		-o-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1), -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.hdog--open .hdog__inner {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $VID
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.vid {
	z-index: 999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: url(assets/img/pattern-2.png) center / 102.4rem auto repeat fixed rgba(30, 34, 82, 0.9);
	-webkit-backdrop-filter: saturate(300%) blur(1.6rem);
	backdrop-filter: saturate(300%) blur(1.6rem);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease, left 0s ease 0.3s;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.vid--open {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
	-o-transition: opacity 0.3s ease, left 0s ease 0s;
	transition: opacity 0.3s ease, left 0s ease 0s;
}
	.vid__close--sheen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.vid__close--icon {
		position: absolute;
		top: 2.4rem;
		right: 2.4rem;
		width: 4.8rem;
		height: 4.8rem;
		background: url(assets/img/icon-close.svg) center / 2.4rem 2.4rem no-repeat scroll var(--color-orange);
		background-color: var(--color-orange);
		border-radius: 50%;
		cursor: pointer;
	}
	.vid__inner {
		position: relative;
		width: 100%;
		-webkit-transform: translate3d(0,4.0rem,0);
				transform: translate3d(0,4.0rem,0);
		-webkit-transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		-o-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1), -webkit-transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.vid--open .vid__inner {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
		.vid__item {
			position: relative;
			aspect-ratio: 9/16;
			max-height: 90vh;
			max-width: 90vw;
			width: 100%;
			margin: 0 auto;
		}
			.vid__player {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				-webkit-box-shadow: 0 0 2.4rem 0 var(--color-black);
						box-shadow: 0 0 2.4rem 0 var(--color-black);
			}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $VIM
--------------------------------------------------------|
--------------------------------------------------------|
*/
.vim {
    position: relative;
    color-scheme: dark;
    --ar: 16/9;
}
    .vim__iframe {
        aspect-ratio: var(--ar);
        background: transparent;
        border: 0;
    }
.vim--bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
    .vim--bg .vim__iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: calc(100% + 2px);
        min-width: calc(100% + 2px);
        max-width: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .vim--bg::after {
        content: '';
        position: absolute;
        inset: 0;
        /* background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, .5) 100%); */
    }
.vim--content {
    
}
    .vim--content .vim__iframe {
        width: 100%;
    }
    @media (prefers-reduced-motion: reduce) {
        .vim--bg .vim__iframe {
            display: none;
        }
    }
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $PROMO
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.promo {
	z-index: 999998;
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2.4rem;
	background: rgba(5, 27, 11, 0.9);
	-webkit-backdrop-filter: saturate(300%) blur(1.6rem);
	backdrop-filter: saturate(300%) blur(1.6rem);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	opacity: 0;
	-webkit-transition: opacity 0.6s ease, top 0s ease 0.6s;
	-o-transition: opacity 0.6s ease, top 0s ease 0.6s;
	transition: opacity 0.6s ease, top 0s ease 0.6s;
}
.promo--open {
	top: 0;
	opacity: 1;
	-webkit-transition: opacity 0.6s ease, top 0s ease;
	-o-transition: opacity 0.6s ease, top 0s ease;
	transition: opacity 0.6s ease, top 0s ease;
}
	.promo__sheen {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.promo__inner {
		position: relative;
		max-width: 49.6rem;
		margin: auto;
		-webkit-transform: translateY(10vh);
			-ms-transform: translateY(10vh);
				transform: translateY(10vh);
		-webkit-transition: -webkit-transform 0.6s ease;
		transition: -webkit-transform 0.6s ease;
		-o-transition: transform 0.6s ease;
		transition: transform 0.6s ease;
		transition: transform 0.6s ease, -webkit-transform 0.6s ease;
	}
	.promo--open .promo__inner {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}
		.promo__link {
			display: block;
		}
			.promo__img {
				max-width: 100%;
				width: 100%;
				height: auto;
				border-top-left-radius: 2.4rem;
				border-top-right-radius: 2.4rem;
			}
			.promo__content {
				background-color: var(--color-yellow);
				text-align: center;
				border-bottom-left-radius: 2.4rem;
				border-bottom-right-radius: 2.4rem;
			}
				.promo__content-inner {
					position: relative;
					padding: 0 2.4rem 2.4rem;
				}
					.promo__title {
						color: var(--color-purple);
						margin: 0 0 1.6rem;
					}
					.promo__text {
						margin: 0 0 1.6rem;
						color: var(--color-purple);
					}
					.promo__btn {
						color: var(--color-purple);
						-webkit-transform: translateY(-50%);
							-ms-transform: translateY(-50%);
								transform: translateY(-50%);
					}
		.promo__close-icon {
			position: absolute;
			top: 2.4rem;
			right: 2.4rem;
			width: 4.8rem;
			height: 4.8rem;
			background: url(assets/img/icon-close.svg) center / 2.4rem 2.4rem no-repeat scroll var(--color-orange);
			background-color: var(--color-orange);
			border-radius: 50%;
			cursor: pointer;
		}
	


/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $POP
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.pop-bubble {
	z-index: 980;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 2.4rem 0;
	width: 15%;
	min-width: 11.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-box-shadow 0.3s ease;
	transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-box-shadow 0.3s ease;
	-o-transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), box-shadow 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), box-shadow 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), box-shadow 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-box-shadow 0.3s ease;
}
	.pop-bubble:hover {
		-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
				transform: scale(1.2);
	}
	.pop-bubble__inner {
		margin: auto;
		width: 6.4rem;
		height: 6.4rem;
		cursor: pointer;
		border-radius: 50%;
		background: var(--color-yellow);
	}
		.pop-bubble__inner:before {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.pop-bubble__inner:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url(assets/img/icon-book-now.svg) center / 3.2rem auto no-repeat scroll transparent;
		}
		.pop-bubble--open .pop-bubble__inner:after {
			background: url(assets/img/icon-close-alt.svg) center / 2.4rem auto no-repeat scroll transparent;
		}
.pop {
	z-index: 979;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(5, 27, 11, 0.9);
	-webkit-backdrop-filter: saturate(300%) blur(1.6rem);
	backdrop-filter: saturate(300%) blur(1.6rem);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease, left 0s ease 0.3s;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.pop--active {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0s;
	-o-transition: opacity 0.3s ease, left 0s ease 0s;
	transition: opacity 0.3s ease, left 0s ease 0s;
}	
	.pop__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.pop__item {
		position: relative;
		/* background: var(--color-purple); */
		/* color: var(--color-white); */
		margin: auto;
		border-radius: .8rem;
		padding: 4.0rem;
		width: 80%;
		max-width: 50.0rem;
		-webkit-transform: scale3d(.9,.9,1);
				transform: scale3d(.9,.9,1);
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		-o-transition: transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	.pop--active .pop__item {
		-webkit-transform: scale3d(1,1,1);
				transform: scale3d(1,1,1);
	}
		.pop__close {
			position: absolute;
			top: 0;
			right: 0;
			width: 7.2rem;
			height: 7.2rem;
			background: transparent url(assets/img/icon-close.svg) no-repeat center scroll;
			background-size: 4.8rem 4.8rem;
			cursor: pointer;
		}
		.pop__title {
			color: var(--color-white);
			margin-top: 0;
			text-align: center;
		}
		.pop .gform_footer {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}
@media only screen and (max-width: 960px) {
	.pop {
	
	}
		.pop__item {
			width: 100%;
			padding: 8.8rem 4.0rem;
			border-radius: 0;
		}
}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FORMS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
/*-------------------------------------| $Gravity-Forms
*/
.gform_wrapper {
	color-scheme: dark;
}
	.gform_wrapper form {
		
	}
		.validation_error {
			margin-bottom: 2.4rem;
			color: var(--color-pink);
		}
		.gform_body {
			
		}
			ul.gform_fields {
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
				li.gfield {
					
				}
					.gfield_label {
						
					}
					.hidden_label .gfield_label {
						display: none;
					}
						.gfield_required {
							color: var(--color-pink);
						}
					.ginput_container {
						
					}
					.validation_message {
						color: var(--color-pink);
						margin: -.8rem 0 1.6rem 1.6rem;
						font-size: 1.4rem;
						line-height: 1.25;
						font-family: proxima-nova,sans-serif;
						font-weight: 400;
						font-style: normal;
					}
		.gform_footer {
			position: relative;
			text-align: center;	
		}
			.gform_button {
				
			}
.gform_required_legend {
	display: none;
}
.gform_submission_error {
	display: none;
}
/*Confirmation*/
.gform_confirmation_wrapper {
	text-align: center;
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
	line-height: 1.25;
}
	.gform_confirmation_message {
		
	}
/*Honeypot*/
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container, .gfield_visibility_hidden {
	display: none!important;
	position: absolute!important;
	left: -9000px;
}
/*Loader*/
.gform_ajax_spinner {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	margin-top: -2.4rem;
	z-index: 99;
	width: 2.0rem;
	height: 2.0rem;
	-webkit-animation: loader-spin .6s linear infinite;
			animation: loader-spin .6s linear infinite;
}
/*reCAPTCHA*/
.grecaptcha-badge {
	visibility: hidden;
}
.grecaptcha-disclaimer {
	text-align: center;
	line-height: 1.25;
	font-size: 10px;
	margin-bottom: 2.5rem;
}
.gform_wrapper.gravity-theme .gfield_label {
	font-size: 1.6rem;
	margin-bottom: 0.8rem;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 1.4rem;
	padding-top: 0.4rem;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
	font-size: 1.4rem;
}
/*Checkbox & Radio*/
.app .gfield_checkbox,
.app .gfield_radio {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
	margin: 1.6rem 0;
}
	.app .gchoice {
		position: relative;
	}
		.app .gform_wrapper.gravity-theme .gfield-choice-input {
			position: absolute;
			appearance: none;
			inset: 0;
			margin: 0;
		}
		.app .gform_wrapper.gravity-theme .gfield_checkbox label,
		.app .gform_wrapper.gravity-theme .gfield_radio label {
			position: relative;
			display: flex !important;
			flex-direction: row-reverse;
			justify-content: flex-end;
			align-items: center;
			gap: .8rem;
			width: 100%;
			max-width: 100% !important;
			font-size: 1.4rem !important;
			cursor: pointer;
			transition: color .15s linear;
		}
			.app .gform_wrapper.gravity-theme .gfield_checkbox label::after,
			.app .gform_wrapper.gravity-theme .gfield_radio label::after {
				content: "";
                background: center / 0 0 no-repeat scroll rgba(255, 255, 255, 0.05);
                width: 3.2rem;
                height: 3.2rem;
                min-width: 3.2rem;
                border: 0.2rem solid var(--color-blue-dark);
                display: flex;
                justify-content: center;
                align-items: center;
                transition: all .15s linear;
			}
			.app .gform_wrapper.gravity-theme .gfield_radio label::after {
				border-radius: 50%;
			}
			.app .gform_wrapper.gravity-theme .gfield-choice-input:checked + label::after {
				border: .2rem solid var(--color-yellow);
				background-size: 2.0rem 2.0rem;
			}
			.app .gform_wrapper.gravity-theme .gfield_checkbox .gfield-choice-input:checked + label::after {
				background-image: url('assets/img/icon-checkbox.svg');
			}
			.app .gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:checked + label::after {
				background-image: url('assets/img/icon-radio.svg');
			}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
	margin: .8rem 0 0;
	padding: 1.6rem 0;
	position: relative;
    display: flex;
    justify-content: center;
}
/*-------------------------------------| $Job-Application
*/
.gform-field-label--type-sub {
	font-weight: 400;
}
.gform_wrapper.gravity-theme .gsection {
	border-bottom: .2rem solid var(--color-blue-dark);
}
/*Progress-Bar*/
.gf_progressbar_wrapper {
	
}
	.gform_wrapper.gravity-theme .gf_progressbar_title {
		display: none;
	}
	.gform_wrapper.gravity-theme .gf_progressbar {
		background: var(--color-blue-dark);
		border-radius: 1.6rem;
		margin: 0;
	}
		.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
			background-color: var(--color-pink);
			border-radius: 1.6rem 0 0 1.6rem;
			color: var(--color-white);
			height: 1.6rem;
		}
		.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue.percentbar_100 {
			border-radius: 1.6rem;
		}
			.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
				font-size: 1.2rem;
				line-height: 1.6rem;
				margin: 0 0.8rem;
			}
/*-------------------------------------| $Misc
*/
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    margin-left: 0;
}
/*-------------------------------------| $Center Newsletter Signup Checkbox
*/
#field_4_10,
#field_2_18 {
    place-items: center;
}

/*-------------------------------------| $Buttons
*/
.button,
button,
button.flybook-book-now-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 2.4rem;
	height: 4rem;
	padding: 0 2.4rem;
	background: var(--color-pink);
	text-align: left;
	border-radius: 2.4rem;
	border: none;
	outline: none;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	color: var(--color-white);
	-webkit-box-shadow: none;
			box-shadow: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	line-height: 4.3rem !important;
	min-height: 0 !important;
}
.button:hover,
button:hover,
button.flybook-book-now-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	outline: 0;
	background: var(--color-green-dark);
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFFFFF;
	background-color: var(--color-purple);
	border-color: var(--color-purple);
 }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFFFFF;
	background-color: var(--color-purple);
	border-color: var(--color-purple);
 }
/*Flybook Override*/
button.flybook-book-now-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
	background: var(--color-pink) !important;
}
button.flybook-book-now-button:hover {
	background: var(--color-green-dark) !important;
}

/*-------------------------------------| $Fields
*/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    color-scheme: dark;
	font-size: 1.6rem !important;
	padding: .8rem !important;
	height: 4.0rem;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.05);
	color: var(--color-white);
	border: .2rem solid var(--color-blue-dark);
	border-radius: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
 }
/* .pop input[type="email"],
.pop input[type="number"],
.pop input[type="search"],
.pop input[type="text"],
.pop input[type="tel"],
.pop input[type="url"],
.pop input[type="password"],
.pop textarea,
.pop select {
	background: rgba(30, 34, 82, 0.9);
	color: var(--color-white);
} */
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select {
	background: url(assets/img/icon-arrow-down.svg) right 1.6rem top 50% / 1.2rem 1.2rem no-repeat scroll;
	background-color: rgba(255, 255, 255, 0.05);
}
    select option {
        background: var(--color-purple);
        color: var(--color-white);
    }
textarea {
	height: 10.4rem !important;
    line-height: 1.5;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	outline: 0;
	background-color: rgba(255, 255, 255, 0.1);
	border: .2rem solid var(--color-yellow);
}
/* .pop input[type="email"]:focus,
.pop input[type="number"]:focus,
.pop input[type="search"]:focus,
.pop input[type="text"]:focus,
.pop input[type="tel"]:focus,
.pop input[type="url"]:focus,
.pop input[type="password"]:focus,
.pop textarea:focus,
.pop select:focus {
	background: rgba(30, 34, 82, 0.9);
	border: .2rem solid var(--color-yellow);
} */
label,
legend {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal;
}
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 1; /* Firefox */
}
::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 1; /* Firefox */
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-white);
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--color-white);
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--color-white);
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MOBILE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (max-width: 1060px) { 
	html {
		font-size: 9px;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $RESPONSIVE 16:9 scaled to 2X starting at 1152px X 648px 
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (min-height: 713px) and (min-width: 1267px) { /* 62.5% X 1.1 */
	html {
		font-size: 11px;
	}
}
@media only screen and (min-height: 777px) and (min-width: 1382px) { /* 62.5% X 1.2 */
	html {
		font-size: 12px;
	}
}
@media only screen and (min-height: 843px) and (min-width: 1498px) { /* 62.5% X 1.3 */
	html {
		font-size: 13px;
	}
}
@media only screen and (min-height: 907px) and (min-width: 1613px) { /* 62.5% X 1.4 */
	html {
		font-size: 14px;
	}
}
@media only screen and (min-height: 972px) and (min-width: 1728px) { /* 62.5% X 1.5 */
	html {
		font-size: 15px;
	}
}
@media only screen and (min-height: 1037px) and (min-width: 1843px) { /* 62.5% X 1.6 */
	html {
		font-size: 16px;
	}
}
@media only screen and (min-height: 1101px) and (min-width: 1958px) { /* 62.5% X 1.7 */
	html {
		font-size: 17px;
	}
}
@media only screen and (min-height: 1167px) and (min-width: 2074px) { /* 62.5% X 1.8 */
	html {
		font-size: 18px;
	}
}
@media only screen and (min-height: 1231px) and (min-width: 2189px) { /* 62.5% X 1.9 */
	html {
		font-size: 19px;
	}
}
@media only screen and (min-height: 1296px) and (min-width: 2304px) { /* 62.5% X 2 */
	html {
		font-size: 20px;
	}
}

.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
	#pop {
		position: relative;
	}
	#pop.open {
		width: 100%;
		left: 0;
	}
	html {
		font-size: 6px;
	}
	body {
		overflow: scroll;
	}
	.masthead,
	.menu__nav-wrap {
		display: none;
	}
	.pop-child {
		position: relative;
		overflow: scroll;
	}
	.menu__list-item {
		display: block !important;
		page-break-inside: avoid;
		margin-bottom: 2.4rem;
	}
	h2.menu__list-title {
		border-top: 0.2rem solid var(--color-purple);
		border-bottom: 0.2rem solid var(--color-purple);
		padding: 1.2rem 0;
		margin: 1.6rem 0;
	}
	.menu__item {
		page-break-inside: avoid;
	}
	.menu__item-image {
		display: none;
	}
}