:root {
	--black: #000000;
	--orange: #FF5701;
	--lightorange: #FF9C00;
	--white: #ffffff;
	--offwhite: #EDE9DD;
	--lightgreen: #C5C27B;
	--purple: #3D0A2C;
	--yellow: #FFCD18;
	--periwinkle: #7E9BBB;
	--olive: #948D62;
	--xlheading: clamp(5.2rem, 9vw, 9rem); /*150px*/
	--lgheading: clamp(3.75rem, 5vw, 6rem); /*100px*/
	--heading: clamp(3rem, 1vw + 1rem, 3.75rem); /*60px*/
	--smallheading: clamp(1.5rem, 2.5vw, 2.125rem); /*34px*/
	--summary: clamp(1.5rem, 1.5vw, 2rem); /*34px*/
	--body: clamp(1rem, 1vw, 1.5rem); /*18px*/
	--nav: clamp(0.9rem, 1vw, 1.1rem); /*18px*/
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
	display: none !important;
}

.paddingall {padding: 10% 5%;}
.paddingsides {padding: 0 5%;}
.paddingsidestop {padding: 10% 5% 0 5%;}
.paddingbottomsides,
.paddingsidesbottom {padding: 0 5% 10% 5%;}
.paddingtopbottom {padding: 10% 0;}
.paddingtop {padding: 10% 0 0 0;}
.paddingbotttom {padding: 0 0 10% 0;}

@media only screen and (max-width: 820px){
	:root {
		--xlheading: clamp(3.2rem, 3.2vw, 6.4rem); /*150px*/
		--lgheading: clamp(2.5rem, 2.5vw, 5rem); /*100px*/
		--heading: clamp(2.25rem, 2.5vw, 5rem); /*60px*/
	}
	.paddingall {padding: 6rem 4rem;}
	.paddingsides {padding: 0 4rem;}
	.paddingsidestop {padding: 6rem 4rem 0 4rem;}
	.paddingbottomsides,
	.paddingsidesbottom {padding: 0 4rem 6rem 4rem;}
	.paddingtopbottom {padding: 6rem 0;}
	.paddingtop {padding: 6rem 0 0 0;}
	.paddingbotttom {padding: 0 0 6rem 0;}
}	

@media only screen and (max-width: 600px) {
	.paddingall {padding: 6rem 2rem;}
	.paddingsides {padding: 0 2rem;}
	.paddingsidestop {padding: 6rem 2rem 0 2rem;}
	.paddingbottomsides,
	.paddingsidesbottom {padding: 0 2rem 6rem 2rem;}
	.paddingtopbottom {padding: 6rem 0;}
	.paddingtop {padding: 6rem 0 0 0;}
	.paddingbotttom {padding: 0 0 6rem 0;}
}	

.fadeInUp {
	opacity: 0;
}

/*----Typography----*/
.sans-serif,
#form input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

.sans-serif-italic {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
}

.page-id-189 #hero p,
.sans-serif-italic.bold,
#textPreloader p,
.sans-serif.bold {
	font-weight: 800;
}

.sans-serif-italic.regular,
.sans-serif.regular {
	font-weight: 400;
}

.left {text-align: left;}

.center {text-align: center;}

.justify {
	text-align: justify;
}

.xlheading {
	font-size: var(--xlheading);
	letter-spacing: -3px;
	line-height: 1;
}

.lgheading {
	font-size: var(--lgheading);
	letter-spacing: -2px;
	line-height: 1.1;
}

.heading {
	font-size: var(--heading);
	letter-spacing: -2px;
}

.smallheading {
	font-size: var(--smallheading);
}

.summary {
	font-size: var(--summary);
}

.body {
	font-size: var(--body);
}

.nav {
	font-size: var(--nav);
}

.primaryBtn,
.primaryCta {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-size: var(--body);
	font-weight: 600;
	transition: 0.2s ease all;
	border-radius: 2rem;
	text-decoration: none;
	padding: 0.5rem 1rem;
}

.primaryBtn {
	width: fit-content;
	max-width: -webkit-fit-content;
}

.primaryBtn:hover,
.primaryBtn,
.primaryBtn:visited,
.primaryBtn:focus {
	color: var(--white);
}

.primaryCta.orange-bg,
.primaryCta.orange-bg:focus,
.primaryCta.orange-bg:visited {
	background: var(--orange);
	color: var(--white);
}

.secondaryCta {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-size: var(--body);
	font-weight: 400;
	display: flex;
	gap: 1rem;
	text-decoration: none;
	align-items: center;
	transition: 0.2s ease all;
}
.secondaryCta:after {
	content: "";
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/06/guidance_left-2-short-arrow.svg')center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

/*----Colors----*/
.white-bg h1,
.white-bg h2,
.white-bg h3,
.white-bg h4,
.white-bg p,
.black {
	color: var(--black);
}
.yellow {
	color: var(--yellow);
}
.orange {
	color: var(--orange);
}

.olive-bg {background: var(--olive);}
.periwinkle-bg {background: var(--periwinkle);}

.periwinkle-bg h1,
.periwinkle-bg h2,
.periwinkle-bg h3,
.periwinkle-bg h4,
.periwinkle-bg p,
.olive-bg h1,
.olive-bg h2,
.olive-bg h3,
.olive-bg h4,
.olive-bg p,
.orange-bg h1,
.orange-bg h2,
.orange-bg h3,
.orange-bg h4,
.orange-bg p,
.black-bg h1,
.black-bg h4,
.black-bg label,
.black-bg legend,
.backgroundimage h1,
.backgroundImage h1,
.backgroundImage h2,
.backgroundImage h4,
.backgroundimage label,
.backgroundimage legend,
.white {
	color: var(--white);
}

.lightorange {color: var(--lightorange);}

.page-id-189 #hero p,
.red-bg h1,
.red-bg h2,
.red-bg h3,
.red-bg h4,
.red-bg p,
.red-bg a {
	color: var(--black);
}

.black-bg {
	background: var(--black);
}

.red-gradient {
	background: #E20118;
	background: radial-gradient(circle, rgba(226, 1, 24, 1) 0%, rgba(169, 1, 19, 1) 100%);
}

.red-bg {
	background: #A90113;
}

.orange-bg {
	background: var(--orange);
}
.white-bg {
	background: var(--white);
}
.offwhite-bg {
	background: var(--offwhite);
}

.uppercase {
	text-transform: uppercase;
}

/*----Header----*/
.site-branding {
	width: 100%;
	margin: auto;
	display: block;
	transition: 0.3s ease all;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	opacity: 0;
}

.site-branding,
.site-branding.black,
.site-branding.orange {
	background: transparent;
}

.site-branding.black.sticky {
	background: var(--black);
}

.site-branding.orange.sticky {
	background: var(--orange);
}

.site-branding.sticky {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
}

.site-branding .flexContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 2rem;
}

.site-branding .flexContainer .headerLogo {
	width: 150px;
	max-width: 150px;
	text-decoration: none;
	position: relative;
}

.site-branding .flexContainer .headerLogo img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.site-branding .flexContainer .hamburger {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 15px;
	width: 25px;
}
.site-branding .flexContainer .hamburger span {
	width: 100%;
	height: 1px;
	background: var(--white);
}

#mobileNavigation {
	position: fixed;
	width: 40%;
	height: 100vh;
	border-left: 1px solid rgba(255,255,255,0.4);
	top: 0px;
	right: -100%;
	z-index: -1;
	background: var(--black);
	transition: 0.5s ease all;
	padding: 6rem 4rem;
}
#mobileNavigation.active {
	z-index: 101;
	width: 40%;
	right: 0;
}

#mobileNavigation .closeMenu {
	display: block;
	top: 2.5rem;
	right: 2rem;
	width: 20px;
	height: auto;
	position: absolute;
	z-index: 100;
}

#primary-menu {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: calc(100vh - 12rem);
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#primary-menu li {
	padding: 0 0 1.5rem 0;
}

#primary-menu li a {
	color: var(--white);
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: var(--heading);
	transition: 0.3s ease all;
}

#primary-menu li a:hover {
	color: var(--orange);
}

.menuOverlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: -1;
	opacity: 1;
	display: block;
}
.menuOverlay.active {
	z-index: 99;
	opacity: 1;
}

@media only screen and (max-width: 900px) {
	#mobileNavigation.active {
		z-index: 101;
		width: 90%;
		right: 0;
	}
	.site-branding .flexContainer {
		padding: 0.5rem 2rem 0.5rem 1rem;
	}
	#mobileNavigation.active {padding: 6rem 2rem;}
	#primary-menu li a {
		font-size: 2rem;
	}
}

/*----Video PreLoader----*/
.videoPreloader {
	width: 100%;
	margin: auto;
	display: block;
	height: 100vh;
	background: var(--black);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 98;
}
.videoPreloader video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	width: 100%;
}

/*----Hero----*/
#hero,
#fullMedia {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}

#fullMedia.full,
#hero.full {height: 100vh; overflow: hidden;}
#hero.auto {height: auto;}

#fullMedia.half,
#hero.half {height: 70vh; overflow: hidden;}

#hero.eighty {height: 80vh; overflow: hidden;}

#hero.backgroundImage {
	background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
}

#hero .textOverlay.auto {
	width: calc(100% - 4rem); 
	margin: auto; 
	display: block;
	text-align: center;
	padding: 10rem 0 4rem 0;
}

#hero .textOverlay.centerleft {
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	width: calc(100% - 10%);
	position: absolute;
	z-index: 3;
}

#hero .textOverlay.centercenter {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 10%);
	position: absolute;
	z-index: 3;
}

#hero .textOverlay.bottomleft {
	bottom: 4rem;
	left: 4rem;
	width: calc(50% - 4rem);
	position: absolute;
	z-index: 3;
}

#hero .textOverlay.bottomcenter {
	bottom: 6rem;
	left: 0px;
	right: 0px;
	width: calc(100% - 12rem);
	margin: auto;
	display: block;
	text-align: center;
	position: absolute;
	z-index: 3;
}

#hero .textOverlay.centerleft {
	top: 50%;
	left: 0px;
	right: 0px;
	transform: translateY(-50%);
	width: calc(100% - 10rem);
	margin: auto;
	display: block;
	text-align: center;
	position: absolute;
	z-index: 3;
}

#hero .textOverlay.centercenter .imageOver {
	width: 100%;
	margin: auto;
	display: block;
	text-align: center;
	max-width: 70%;
}

.page-id-189 #hero .textOverlay.centercenter .imageOver {
	max-width: 50%;
}

#hero .textOverlay .logo {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.page-id-189 #hero .textOverlay .logo {
	width: 100%;
	max-width: 50%;
	height: auto;
	display: block;
	text-align: center;
	margin: auto;
}

#hero .textOverlay.centerleft h1 {
	text-align: left;
	width: 100%;
	display: block;
}

.page-id-189 #hero p {
	padding: 3rem 0 0 0;
	text-align: center;
	width: 100%;
	display: block;
	margin: auto;
	max-width: 46%;
}
#hero.backgroundImage .textOverlay h1,
#hero.black-bg .textOverlay h1,
#hero.orange-bg .textOverlay h1 {
	line-height: 1;
	margin-block-start: 0em;
	letter-spacing: -5px;
}

#hero .textOverlay.bottomleft p {
	font-size: var(--smallheading);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 800;
	line-height: 1;
}

#hero.black-bg .textOverlay h1,
#hero.orange-bg .textOverlay h1,
#hero.black-bg .textOverlay.centerleft p,
#hero.orange-bg .textOverlay.centerleft p,
#hero.black-bg .textOverlay a,
#hero.black-bg .textOverlay a:visited,
#hero.black-bg .textOverlay a:focus,
#hero.orange-bg .textOverlay a,
#hero.orange-bg .textOverlay a:visited,
#hero.orange-bg .textOverlay a:focus {color: var(--white);}

#hero.black-bg .textOverlay a.secondaryCta:hover,
#hero.orange-bg .textOverlay a.secondaryCta:hover {
	color: var(--orange);
}

#hero .textOverlay.centerleft p {
	max-width: 40%;
}

#hero img.auto {
	display: block; 
	text-align: center;
	margin: auto;
	width: 100%;
	max-width: 60%;
}

#hero .bottomRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	z-index: 2;
	max-width: 60%;
}

#hero .logo.topLeft {
	position: absolute;
	top: 14rem;
	left: 2rem;
	display: block;
	z-index: 3;
	max-width: 70%;
}

#hero .scroll-downs {
  position: absolute;
  bottom: 4rem;
  right: 0;
  left: 0;
  margin: auto;
  width: 20px;
  height: 30px;
  z-index: 9;
}
#hero .mousey {
  width: 2px;
  padding: 5px 10px;
  height: 25px;
  border: 2px solid var(--white);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
#hero .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--white);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

#hero.video {
	background: var(--black);
}

#fullMedia video,
#form video,
#aboutUs video,
#hero video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

#fullMedia video,
#form video,
#aboutUs video,
.page-id-8 #hero video {opacity: 0.5;}

@media only screen and (max-width: 820px){
	#hero {
		padding: 8rem 0 0 0;
	}
	#hero .textOverlay.bottomcenter {
		width: calc(100% - 8rem);
	}
	#hero .textOverlay.bottomleft {
		bottom: unset;
		top: unset;
		left: 2rem;
		right: 2rem;
		width: calc(100% - 4rem);
		position: relative;
		z-index: 3;
	}
	#hero .logo.topLeft {
		left: 2rem;
		right: 2rem;
		top: unset;
		width: calc(100% - 4rem);
		max-width:  calc(100% - 4rem);
		position: relative;
	}
	#hero .textOverlay.centerleft p,
	#hero .textOverlay.centercenter .imageOver,
	#hero .bottomRight,
	.page-id-189 #hero p {
		max-width: 100%;
	}
	#hero img.auto {
		display: block; 
		text-align: center;
		margin: auto;
		width: 100%;
		max-width: 95%;
	}
	#hero .textOverlay.centerleft {
		width: calc(100% - 8rem);
	}
	.page-id-189 #hero .textOverlay .logo {
		max-width: 80%;
	}
	#hero.backgroundImage .textOverlay h1,
	#hero.black-bg .textOverlay h1,
	#hero.orange-bg .textOverlay h1 {
		line-height: 1;
		margin-block-start: 0em;
		letter-spacing: -2px;
	}
	
	.page-id-12 #hero .textOverlay.centerleft {
		top: 35%;
	}
}

@media only screen and (max-width: 600px){
	#hero .textOverlay.bottomcenter {
		width: calc(100% - 4rem);
	}
	#hero .textOverlay.centerleft {
		width: calc(100% - 4rem);
	}
	#hero.backgroundImage .textOverlay h1,
	#hero.black-bg .textOverlay h1,
	#hero.orange-bg .textOverlay h1 {
		line-height: 1;
		margin-block-start: 0em;
		letter-spacing: -1px;
	}
}

/*----Editorial Content----*/
#editorialContent,
#editorialContentTwo {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}

#editorialContent {
	padding-top: calc(100vh + 6rem);
}

#editorialContent .flexContainer,
#editorialContentTwo .flexContainer,
#editorialContentTwo .flexContainerBottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4rem;
}

#editorialContent .flexContainer {padding: 0 0 0 4rem;}

#editorialContentTwo .flexContainerBottom .columnTwo {
	width: calc(31.33% - 2rem);
	position: relative;
}

#editorialContentTwo .flexContainer .column.large,
#editorialContent .flexContainer .column.large {
	width: calc(60% - 2rem);
	position: relative;
}

#editorialContentTwo .flexContainer .column.large .line,
#editorialContent .flexContainer .column.large .line {
	background: var(--orange);
	height: 2px; 
	width: 100%;
	display: block;
	margin: 1rem 0;
}

#editorialContentTwo .flexContainer .column.large h2,
#editorialContent .flexContainer .column.large h2 {
	margin-block-start: 0em;
}

#editorialContentTwo .flexContainer .column.small,
#editorialContent .flexContainer .column.small {
	width: calc(40% - 2rem);
	position: relative;
}

#editorialContent .flexContainer .column .columnInner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}

#editorialContent .flexContainer .column .columnThree {
	padding: 0 4rem 0 0;
}

#editorialContent .flexContainer .column .columnInner .columnTwo {
	width: calc(50% - 1rem);
}

#editorialContentTwo .lgImageContainer {
	height: 60vh;
	width: 100%;
	display: block;
	margin: 4rem auto auto auto;
	z-index: 1;
	position: relative;
}
#editorialContentTwo .lgImageContainer .tweetContainer {
	background: rgba(255,255,255,0.9);
	border-radius: 1rem;
	padding: 1rem;
	width: 400px;
	max-width: 400px;
	position: absolute;
	top: 4rem;
	left: 4rem;
	z-index: 2;
}
#editorialContentTwo .lgImageContainer .tweetContainer p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#editorialContentTwo .lgImageContainer .tweetContainer #text span {
	color: #71C7E4;
}
#editorialContentTwo .lgImageContainer .tweetContainer .flexContainer {
	display: flex;
	justify-content: space-between;
	padding: 0 0 2rem 0;
	align-items: center;
}

#editorialContentTwo .lgImageContainer .tweetContainer .date {
	color: rgba(0,0,0,0.4);
}

@media only screen and (max-width: 900px) {
	#editorialContent .flexContainer .column .columnInner,
	#editorialContent .flexContainer,
	#editorialContentTwo .flexContainer,
	#editorialContentTwo .flexContainerBottom {
		flex-direction: column;
	}
	#editorialContentTwo .flexContainer,
	#editorialContentTwo .flexContainerBottom,
	#editorialContent .flexContainer .column .columnInner {
		gap: 0rem;
	}
	
	#editorialContent .flexContainer {padding: 0 4rem 0 4rem;}
	
	#editorialContentTwo .flexContainerBottom .columnTwo,
	#editorialContentTwo .flexContainer .column.large,
	#editorialContentTwo .flexContainer .column.small,
	#editorialContent .flexContainer .column.large,
	#editorialContent .flexContainer .column.small,
	#editorialContent .flexContainer .column .columnInner .columnTwo {
		width: 100%;
	}
	#editorialContent .flexContainer .column .columnThree {
		padding: 0 0rem 0 0;
	}
	#editorialContentTwo .lgImageContainer .tweetContainer {
		top: 2rem;
		left: 2rem;
		right: 2rem;
		z-index: 2;
		width: calc(100% - 4rem);
		max-width: calc(100% - 4rem);
	}
}
@media only screen and (max-width: 600px) {
	#editorialContent .flexContainer {padding: 0 2rem 0 2rem;}
}

/*----Inline List with Text----*/
#inlineListwText,
#inlineListwText .container,
#inlineListwText .summary {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}
#inlineListwText h2,
#inlineListwText .listRepeater .item p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#inlineListwText .summary{
	max-width: 60%;
	margin: auto; 
	text-align: center;
}

#inlineListwText .listRepeater {
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4rem 0 2rem 0;
}
#inlineListwText .listRepeater .item {
	display: flex;
	flex-direction: column;
	min-height: 150px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

/*----Copy----*/
#copy,
#copy .container {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}

#copy .container.sixty {max-width: 60%;}
#copy .container.seventy {max-width: 70%;}
#copy .container.eighty {max-width: 80%;}
#copy .container.full {max-width: 100%;}

#copy .container h2 {
	font-size: var(--heading);
	font-weight: 800;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	display: block;
	margin-block-start: 0em;
	letter-spacing: -1px;
}

@media only screen and (max-width: 900px){
	#copy .container.sixty,
	#copy .container.seventy,
	#copy .container.eighty {max-width: 100%;}
}

/*----Full Width Content + Quote----*/
#fullContentQuote {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}
#fullContentQuote .backgroundImage {
	width: 100%;
	height: 100vh;
	display: block;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	z-index: 2;
}

#fullContentQuote .backgroundImage .overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

#fullContentQuote .quoteContainer {
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 3;
	position: relative;
}

#fullContentQuote .quoteContainer .quote {
	width: 100%;
	margin: auto;
	display: block;
	max-width: 80%;
	text-align: center;
}

#fullContentQuote .nameContainer {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

#fullContentQuote .nameContainer .logo {
	width: 100%;
	max-width: 200px;
	height: auto;
}

#fullContentQuote .nameContainer .name {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/olive-parallelagram.svg')center center no-repeat;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	width: fit-content;
	width: -webkit-fit-content;
	font-size: var(--smallheading);
	padding: 1rem 2rem;
	letter-spacing: 0;
}

@media only screen and (max-width: 900px) {
	#fullContentQuote .quoteContainer .quote {
		max-width: calc(100% - 8rem);
	}
	.quote h2.center {
		text-align: left;
	}
}
@media only screen and (max-width: 600px) {
	#fullContentQuote .quoteContainer .quote {
		max-width: calc(100% - 4rem);
	}
}

/*----CopyParallax Image----*/
#copyParallaxImage {
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

#copyParallaxImage .flexContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#copyParallaxImage .flexContainer h2 {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#copyParallaxImage .flexContainer img {
	max-width: 20%;
}
/*----Film Details----*/
#filmInfo {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}
#filmInfo .flexContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 10%;
	align-items: flex-start;
	justify-content: space-between;
}
#filmInfo .flexContainer .column {
	width: calc(50% - 5%);
	position:  relative;
}
#filmInfo .flexContainer .column .list {
	list-style: none;
	margin: 0 0 0em 0em;
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 0px;
}
#filmInfo .flexContainer .column .list li:first-child {
	border-top: 1px solid rgba(255,255,255,0.2);
}
#filmInfo .flexContainer .column .list li {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 1rem 0;
}
#filmInfo .flexContainer .column .list li:last-child {
	border-bottom: 0px solid rgba(255,255,255,0.2);
}
#filmInfo .flexContainer .column .list li {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	justify-content: flex-start;
}
#filmInfo .flexContainer .column .list li p {
	color: var(--white);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#filmInfo .flexContainer .column .list a.secondaryCta,
#filmInfo .flexContainer .column .list a.secondaryCta:visited,
#filmInfo .flexContainer .column .list a.secondaryCta:focus {
	color: var(--white);
}
#filmInfo .flexContainer .column .list a.secondaryCta:hover {
	color: var(--orange);
}

#filmInfo .flexContainer .column h2 {
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#filmInfo .flexContainer .column .flexContainerInner {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

#filmInfo .flexContainer .column .flexContainerInner .flexContainer {
	display: flex; gap: 0.5rem; align-items: center; justify-content: flex-start; flex-wrap: wrap;
}
#filmInfo .flexContainer .column .flexContainerInner .columnInner {
	width: calc(50% - 1rem);
	position: relative;
}

#filmInfo .flexContainer .column .flexContainerInner .columnInner .flexContainer .item {
	max-width: 100px;
	position: relative;
}

@media only screen and (max-width: 900px){
	#filmInfo .flexContainer {
		flex-direction: column;
		gap: 4rem;
	}
	#filmInfo .flexContainer .column,
	#filmInfo .flexContainer .column .flexContainerInner .columnInner {
		width: 100%;
	}
	#filmInfo .flexContainer .column .flexContainerInner .flexContainer {
		flex-direction: row;
	}
}

/*----Card Slider----*/
#cardSlider {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}

#cardSlider .absoluteCenter {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

#cardSlider .backgroundImage {
	width: 100%;
	max-width: 100%;
	margin: auto;
	display: block;
	height: auto;
	z-index: 1;
}

#cardSlider .swiper-wrapper {
	width: 100%;
}
#cardSlider .swiper-slide {
	position: relative;
	opacity: 0;
}

#cardSlider h2 {
	margin-block-start: 0em;
}

#cardSlider .swiper-slide.swiper-slide-prev,
#cardSlider .swiper-slide.swiper-slide-next,
#cardSlider .swiper-slide.swiper-slide-active {
	opacity: 1;
}

#cardSlider .copyContainer {
	width: 100%;
	margin: auto;
	display: block;
	text-align: center;
	max-width: 80%;
}

#cardSlider .swiper-slide .textContainer {
	position: absolute;
	bottom: 4rem;
	left: 0;
	right: 0;
	z-index: 2;
	display: block;
	margin: auto;
	text-align: center;
	width: 100%;
	opacity: 0;
}
#cardSlider .swiper-slide.swiper-slide-active .textContainer {
	opacity: 1;
}

#cardSlider .swiper-button-next, 
#cardSlider .swiper-button-prev {
	color: #FFA170 !important;
}

#cardSlider .swiper-button-prev {left: var(--swiper-navigation-sides-offset, 22px) !important;}
#cardSlider .swiper-button-next {right: var(--swiper-navigation-sides-offset, 22px) !important;}

#cardSlider .swiper-slide .textContainer h2,
#cardSlider .swiper-slide .textContainer p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#cardSlider .swiper-slide .textContainer h2 {
	padding: 0 0 1rem 0;
}

#cardSlider .swiper-scrollbar {
	position: relative !important;
	bottom: 0px;
	width: 30%;
	margin: 3rem auto auto auto;
	display: block;
	text-align: center;
	height: 0.5rem;
	border-radius: 0.5rem;
}

#cardSlider .swiper-scrollbar-drag {
	background: #FFA170 !important;
	border-radius: 0.5rem;
}

#cardSlider .primaryCta.orange-bg {
	transition: 0.3s ease all;
}
#cardSlider .primaryCta.orange-bg:hover {
	background: var(--purple);
}

@media only screen and (max-width: 800px){
	#cardSlider .copyContainer {
		max-width: 100%;
		padding: 0 2rem;
	}
	
	#cardSlider .absoluteCenter {
		display: block;
		position: relative;
		transform: unset;
		top: unset;
		left: unset;
		padding: 6rem 0;
		z-index: 2;
	}
	
	#cardSlider .backgroundImage {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		object-fit: cover;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	#cardSlider .swiper-scrollbar {
		width: 60%;
	}
	#cardSlider .swiper-button-prev {left: var(--swiper-navigation-sides-offset, 10px) !important;}
	#cardSlider .swiper-button-next {right: var(--swiper-navigation-sides-offset, 10px) !important;}
}

/*----In Development----*/
#inDevelopment .filmRepeater {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}
#inDevelopment h1 {
	line-height: 1;
}
#inDevelopment .filmRepeater .item {
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 4rem;
	height: 60vh;
	border-radius: 1rem;
	overflow: hidden;
	position: relative;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

#inDevelopment .filmRepeater .item:nth-child(2) .primaryBtn,
#inDevelopment .filmRepeater .item:nth-child(2) .primaryBtn:visited,
#inDevelopment .filmRepeater .item:nth-child(2) .primaryBtn:focus {
	color: var(--black);
}

#inDevelopment .filmRepeater .item .titleContainer {
	padding: 4rem 4rem 4rem 4rem;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	z-index: 10;
	height: 100%;
	positon: absolute;
	max-width: 60%;
}
#inDevelopment .filmRepeater .item .titleContainer img {
	max-width: 95%;
	display: block;
	text-align: center;
}
#inDevelopment .filmRepeater .item .mediaContainer.bottomright {
	display: block;
	position: absolute;
	max-width: 40%;
	bottom: -10px;
	right: 2rem;
	z-index: 9;
}
@media only screen and (max-width: 900px){
	#inDevelopment .filmRepeater .item .titleContainer {
		padding: 2rem 1rem 0rem 1rem;
		height: auto;
		max-width: 100%;
		justify-content: flex-start;
	}
	#inDevelopment .filmRepeater .item .titleContainer img {
		padding: 0 0 2rem 0;
	}
	#inDevelopment .filmRepeater .item .mediaContainer.bottomright {
		max-width: calc(60% - 2rem);
		right: 1rem;
	}
}
@media only screen and (max-width: 600px){
	#inDevelopment .filmRepeater .item .titleContainer {
		padding: 2rem 1rem 0rem 1rem;
		height: auto;
		max-width: 100%;
		justify-content: flex-start;
	}
	#inDevelopment .filmRepeater .item {height: 50vh; min-height: 300px;}
	#inDevelopment .filmRepeater .item .titleContainer img {
		padding: 0 0 2rem 0;
	}
	#inDevelopment .filmRepeater .item .mediaContainer.bottomright {
		max-width: calc(80% - 2rem);
		right: 1rem;
	}
}
@media only screen and (max-width: 460px){
	#inDevelopment .filmRepeater .item .mediaContainer.bottomright {
		max-width: calc(100% - 2rem);
		right: 1rem;
		left: 1rem;
	}
}

/*----One & Two Column List----*/
#oneColumnList, 
#twoColumnList {
	width: 100%;
	margin: auto;
	display: block;
	height: auto;
	position: relative;
}

#twoColumnList .flexContainer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6rem;	
}

#twoColumnList .flexContainer .column {
	width: calc(50% - 3rem);
	margin: 0 0 0em 0em;
	list-style: none;
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 0px;
}

#oneColumnList .listRepeater {
	list-style: none;
	margin: 0 0 0em 0em;
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 0px;
}
#oneColumnList h2,
#twoColumnList h2 {
	margin-block-start: 0em;
}

#oneColumnList h2 {
	margin-block-end: 0em; 
	padding: 0 0 1rem 0;
}

#oneColumnList h3 {
	margin-block-end: 0em;
	line-height: 1;
}
#oneColumnList p {
	padding: 0rem 0 2rem 0;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#twoColumnList .flexContainer .column li {
	display: flex;
	align-items: center; 
	gap: 1rem;
	justify-content: flex-start;
}

#oneColumnList .listRepeater li {
	cursor: pointer;
}

#oneColumnList .listRepeater li, 
#twoColumnList .flexContainer .column li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding: 1rem;
	transition: 0.3s ease all;
}
#oneColumnList.orange-bg .listRepeater li:hover  {
	background: #ff6519;
}
#oneColumnList .listRepeater li .link {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#oneColumnList .listRepeater li .link .icon,
#oneColumnList .listRepeater li .link .arrow {
	max-width: 50px;
}
#oneColumnList .listRepeater li .link h4 {
	width: calc(100% - 100px);
}
#oneColumnList .listRepeater li .link h4,
#twoColumnList .flexContainer .column li p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#oneColumnList .listRepeater li .link .arrow {
	opacity: 0;
	transition: 0.3s ease all;
}
#oneColumnList .listRepeater li:hover .link .arrow {
	opacity: 1;
}

@media only screen and (max-width: 820px) {
	#twoColumnList .flexContainer {
		gap: 0;
	}
	#twoColumnList .flexContainer .column {
		width: 100%;
		gap: 0;
	}
}

/*----Form----*/
#form {
	width: 100%;
	margin: auto;
	display: block;
	height: auto;
	position: relative;
}

#form.backgroundimage {
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

.page-id-112 #form .flexContainer {
	padding: 4rem 0 4rem 0;
}

#form .flexContainer h1 {margin: 0em 0;}

#form .flexContainer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	z-index: 2;
	position: relative;
}

#form .flexContainer .sidebar{
	width: calc(50% - 2rem);
	position: relative;
}

#form .flexContainer .formContainer{
	width: calc(50% - 2rem);
	position: relative;
}

#form input {
	background: transparent;
	border: 1px solid var(--white);
	border-radius: 2rem;
	font-size: var(--body);
	color: var(--white);
}
#form textarea {
	background: transparent;
	border: 1px solid var(--white);
	border-radius: 1rem;
	font-size: var(--body);
	color: var(--white);
}

#form .gform-field-label.gform-field-label--type-sub {
	display: none;
}

#form #gform_submit_button_3 {
	background: var(--orange);
	color: var(--white);
	cursor: pointer;
	text-transform: uppercase;
	font-size: var(--body);
	border: 1px solid var(--orange);
	padding: 1rem 2rem;
	transition: 0.3s ease all;
}
#form #gform_submit_button_3:hover {
	border: 1px solid var(--lightorange);
	background: var(--lightorange);
}

@media only screen and (max-width: 900px){
	#form .flexContainer {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 4rem;
	}
	#form .flexContainer .sidebar,
	#form .flexContainer .formContainer {
		width: 100%;
	}
}

/*----About Us----*/
#aboutUs {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}

#aboutUs .flexContainerTop {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4rem;
	z-index: 2;
	position: relative;
}
#fullMedia.video,
#form.backgroundvideo,
#aboutUs.backgroundvideo {
	background-color: var(--black);
}

.page-id-111 #aboutUs .flexContainerTop {
	padding: 4rem 0 0 0;
}

#aboutUs .flexContainerTop h2 {
	margin-block-start: 0em;
}

#aboutUs .flexContainerBottom {
	display: flex;
	width: 100%;
	max-width: 80%;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 4rem;
	z-index: 2;
	position: relative;
}

.page-id-111 #aboutUs .flexContainerBottom {
	padding: 0 0 4rem 0;
}

#aboutUs h1 {
	margin: 0 0 0.67em 0;
}

.foundersRepeater,
.foundersRepeater .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.foundersRepeater {gap: 3rem;}
.foundersRepeater .item{gap: 1rem;}

@media only screen and (max-width: 1200px) {
	#form .foundersRepeater {
		flex-direction: column;
		gap: 1rem;
		align-items: flex-start;
	}
	.foundersRepeater p {
		margin-block-start: 0em;
		margin-block-end: 0em;
	}
}

@media only screen and (max-width: 1200px) {
	#aboutUs .flexContainerTop {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0rem;
	}
	.page-id-111 #aboutUs .flexContainerBottom {
		padding: 2rem 0 4rem 0;
	}
}

@media only screen and (max-width: 820px) {
	.page-id-111 #aboutUs .flexContainerBottom {
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		gap: 0;
	}
}

@media only screen and (max-width: 720px) {
	#aboutUs .foundersRepeater {
		flex-direction: column;
		gap: 1rem;
		align-items: flex-start;
	}
}

/*----Text Preloader----*/
#textPreloader {
	width: 100%;
	margin: auto;
	display: block;
	position: relative;
}
#textPreloader .panel {
	padding: 6rem;
	min-height: 100vh;
	width: 100%;
}
#textPreloader .panel.text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#textPreloader .panel.quote {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	flex-direction: column;
}
#textPreloader p {
	letter-spacing: -3px;
	line-height: 1.3;
	width: 100%;
	margin: auto;
	display: block;
	text-align: center;
}

#textPreloader p.fadeInFirst {
	opacity: 0;
}
#textPreloader .panel.quote p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#textPreloader p.name {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/purple-parallelogram.svg')center center no-repeat;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	width: fit-content;
	width: -webkit-fit-content;
	font-size: var(--smallheading);
	padding: 1rem 2rem;
	letter-spacing: 0;
}

.lightgreen-shape,
.blue-shape,
.olive-shape,
.orange-shape {
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	width: fit-content;
	width: -webkit-fit-content;
	padding: 0.1rem;
}

.lightgreen-shape {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/lime-green-background.svg')center center no-repeat;
}
.blue-shape {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/blue-background.svg')center center no-repeat;
}
.olive-shape {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/olive-parallelagram.svg')center center no-repeat;
}

.orange-shape {
	background: url('https://massdistractio.wpenginepowered.com/wp-content/uploads/2025/07/burnt-sienna-shape.svg')center center no-repeat;
}

@media only screen and (max-width: 820px){
	#textPreloader .panel {
		padding: 4rem;
	}
	#textPreloader p {
		letter-spacing: -1px;
	}
}
@media only screen and (max-width: 600px){
	#textPreloader .panel {
		padding: 4rem 2rem;
	}
}

/*----Content Gate----*/
#contentGate {
	position: relative;
	width: 100%;
	display: block;
	margin: auto;
}
#contentGate .flexContainer {
	display: flex;
	gap: 4rem;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 6rem 0 0 4rem;
	min-height: 100vh;
}

#contentGate .flexContainer .column.form {
	width: calc(40% - 2rem);
}
#contentGate .flexContainer .column.art {
	width: calc(60% - 2rem);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#contentGate .flexContainer .column.form .errorP {
	color: var(--white);
}

#contentGate .flexContainer .column.form h2,
#contentGate .flexContainer .column.form h3 {
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#fullMedia.video h1,
#fullMedia.video h2,
#fullMedia.video p,
#form.backgroundvideo h1,
#form.backgroundvideo p,
#form.backgroundvideo h3,
#aboutUs.backgroundvideo h1,
#aboutUs.backgroundvideo h3,
#aboutUs.backgroundvideo p,
#aboutUs.backgroundvideo p a,
#copy.black-bg h1,
#copy.black-bg h2,
#copy.black-bg h3,
#copy.black-bg h4,
#copy.black-bg ul,
#copy.black-bg ol,
#copy.black-bg p,
#copy.black-bg p a,
#copy.black-bg p a:visited,
#copy.black-bg p a:focus,
#hero.video h1,
#contentGate.black-bg .flexContainer .column.form h3,
#contentGate.black-bg .flexContainer .column.form h2,
#contentGate.black-bg .flexContainer .column.form label,
#contentGate.black-bg .flexContainer .column.form legend,
#contentGate.orange-bg .flexContainer .column.form label,
#contentGate.orange-bg .flexContainer .column.form legend,
#contentGate.red-gradient .flexContainer .column.form h3,
#contentGate.red-gradient .flexContainer .column.form h2,
#contentGate.red-gradient .flexContainer .column.form legend,
#contentGate.red-gradient .flexContainer .column.form label {
	color: var(--white);
}

#contentGate.orange-bg .flexContainer .column.form input,
#contentGate.black-bg .flexContainer .column.form input,
#contentGate.red-gradient .flexContainer .column.form input {
	color: var(--white);
	border-radius: 2rem;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
}

#contentGate.red-gradient .flexContainer .column.form input {
	background: var(--black);
	border: 1px solid rgba(217,217,217,0.5);
}

#contentGate.black-bg .flexContainer .column.form input {
	background: transparent;
	border: 1px solid rgba(217,217,217,0.5);
}

#contentGate.orange-bg .flexContainer .column.form input {
	background: #D04904;
	border: 1px solid rgba(217,217,217,0.5);
}

#contentGate.black-bg .gfield_description,
#contentGate.black-bg .gform_heading,
#contentGate.orange-bg .gfield_description,
#contentGate.orange-bg .gform_heading,
#contentGate.red-gradient .gfield_description,
#contentGate.red-gradient .gform_heading {
	color: var(--white);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
}

#contentGate.orange-bg .flexContainer .column.form #gform_submit_button_1,
#contentGate.black-bg .flexContainer .column.form #gform_submit_button_1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.5rem 2rem;
	transition: 0.3s ease all;
	cursor: pointer;
	color: var(--white);
	border: 0px solid rgba(217,217,217,0.5);
}
#contentGate.red-gradient .flexContainer .column.form #gform_submit_button_1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.5rem 2rem;
	transition: 0.3s ease all;
	cursor: pointer;
	color: var(--black);
	border: 0px solid rgba(217,217,217,0.5);
	background: #FFCD18;
}

#contentGate.black-bg .flexContainer .column.form #gform_submit_button_1 {
	background: #FF5701;
}

#contentGate.orange-bg .flexContainer .column.form #gform_submit_button_1 {
	background: #571438;
}

#contentGate.black-bg .flexContainer .column.form #gform_submit_button_1:hover,
#contentGate.orange-bg .flexContainer .column.form #gform_submit_button_1:hover {
	opacity: 0.8;
}

#contentGate.orange-bg .flexContainer .column.form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.orange-bg .flexContainer .column.form ::-moz-placeholder { /* Firefox 19+ */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.orange-bg .flexContainer .column.form :-ms-input-placeholder { /* IE 10+ */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.orange-bg .flexContainer .column.form :-moz-placeholder { /* Firefox 18- */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

#contentGate.red-gradient .flexContainer .column.form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.red-gradient .flexContainer .column.form ::-moz-placeholder { /* Firefox 19+ */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.red-gradient .flexContainer .column.form :-ms-input-placeholder { /* IE 10+ */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#contentGate.red-gradient .flexContainer .column.form :-moz-placeholder { /* Firefox 18- */
  color: var(--white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gfield_description.validation_message.gfield_validation_message {
	background: transparent !important;
	margin-block-end: 0px;
	margin-block-start: 0px;
	padding-block: 0px;
	padding-inline-end: 0px;
	padding-inline-start: 0px;
}

@media only screen and (max-width: 900px) {
	#contentGate .flexContainer {
		padding: 8rem 4rem 0 4rem;
	}
	#contentGate .flexContainer .column.form,
	#contentGate .flexContainer .column.art {
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	#contentGate .flexContainer {
		padding: 8rem 2rem 0 2rem;
	}
}

/*----Full Width Media----*/
#fullWidthMedia {
	position: relative;
	width: 100%;
	display: block;
	margin: auto;
}
#fullWidthMedia h2 {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
#fullWidthMedia .videoContainer {
	position: relative;
	overflow: hidden;
	margin: auto;
	max-width: 70%;
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
#fullWidthMedia .videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
    height: 100%;
}

@media only screen and (max-width: 820px){
	#fullWidthMedia .videoContainer {
		max-width: 100%;
	}
	#fullWidthMedia h2 {
		margin-block-start: 0em;
		margin-block-end: 1rem;
	}
}

/*----Full Width Media with Overlay----*/
#fullMedia.backgroundImage {
	position: relative;
	background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
}

#fullMedia .overlay {
	position: absolute;
	z-index: 3;
}
#fullMedia.video {overflow: hidden;}

#fullMedia.full {height: 100vh;}

#fullMedia .overlay.centercenter {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	z-index: 2;
	padding: 4rem;
}

#fullMedia .overlay.centercenter h2 {
	margin: auto;
	display: block;
	text-align: center;
	width: 100%;
}

#fullMedia .overlay.topright {
	padding: 0 0 0 4rem;
	top: 4rem;
	right: 4rem;
}
#fullMedia .overlay.topright h2 a {
	display: block;
	margin: auto;
	width: 100%;
	text-align: right;
}
#fullMedia .overlay.topright h2 a,
#fullMedia .overlay.topright h2 a:visited,
#fullMedia .overlay.topright h2 a:focus {
	color: var(--white);
	text-decoration: none;
	transition: 0.3s ease all;
}

#fullMedia .overlay.topright h2 a:hover {
	color: var(--orange);
}

#fullMedia .overlay img {
	width: 100%;
	margin: auto;
	display: block;
	max-width: 70%;
}
#fullMedia .overlay a {
	display: block;
	margin: 3rem auto auto auto;
	text-align: center;
	width: fit-content;
	width: -webkit-fit-content;
}

/*----Autoplay Carousel----*/
#autoplayCarousel {
	width: 100%;
	display: block;
	position: relative;
	margin: auto;
}
#autoplayCarousel .sliderContainer{
	width: 100%;
}
#autoplayCarousel .sliderContainer .cell {
	position: relative;
	max-width: 20%;
	margin-right: 2rem;
}
#autoplayCarousel .sliderContainer .cell img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 820px){
	#autoplayCarousel .sliderContainer .cell {
		max-width: 33.33%;
		margin-right: 2rem;
	}
	#fullMedia .overlay.topright {
		padding: 0 0 0 2rem;
		top: 4rem;
		right: 2rem;
	}
}

@media only screen and (max-width: 600px){
	#autoplayCarousel .sliderContainer .cell {
		max-width: 40%;
		margin-right: 2rem;
	}
}

/*----Footer----*/
.site-footer {
	width: 100%;
	padding: 2rem 4rem;
}
.site-footer .flexContainer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.site-footer .column {
	width: 33.33%;
	position: relative;
}
.site-footer .column p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}
.site-footer .column .footerLogo img {
	width: 100%;
	max-width: 150px;
	text-align: center;
	height: auto;
	margin: auto;
	display: block;
}

.site-footer .column.footerLinks {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
}
.site-footer .column.footerLinks a {
	color: var(--white);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	font-size: var(--nav);
}
.site-footer.red-bg .column.footerLinks a {
	color: var(--black);
}

@media only screen and (max-width: 900px) {
	.site-footer .flexContainer {
		flex-direction: column;
		gap: 2rem;
		justify-content: center;
		align-items: center;
	}
	.site-footer .flexContainer .column.logo{
		order: 1;
	}
	.site-footer .flexContainer .column.footerLinks{
		width: 100%;
		order: 2;
	}
	.site-footer .flexContainer .column.copyright{
		width: 100%;
		order: 3;
	}
	.site-footer .column.footerLinks {
		justify-content: center;
	}
	.site-footer .flexContainer .column.copyright p {text-align: center;}
}