/* New blocks 20-01-26 */

a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #5A919F;
}

h2{
	color:#fff;
}

h2 span{
	color:#606E77;
}

.button-link{
	padding: 16px 24px;
  font-size: 17px;
  font-size: 1.063rem;
  font-weight: 800;
  letter-spacing: 0.51px;
  line-height: 1;
  display:inline-block;
}

/* Make the columns stretch to equal height */
.services-wrap.icon-text-columns .row {
  display: flex;
  flex-wrap: wrap;
}

.services-wrap.icon-text-columns .row > [class*="col-"] {
  display: flex;
}

/* Ensure the clickable link fills the full column height */
.services-wrap.icon-text-columns .column-box-link {
  display: flex;
  width: 100%;
}

/* Make the actual box fill the available height */
.services-wrap.icon-text-columns .column-box {
  width: 100%;
  height: 100%;
}

.services-wrap.icon-text-columns .column-box-cont {
  display: flex;
  width: 100%;
}

.services-wrap.icon-text-columns .row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.services-wrap.icon-text-columns .row > [class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}




.services-wrap.icon-text-columns .column-box-cont{
	margin-bottom:15px;
}

.services-wrap.icon-text-columns .column-box{
	border-bottom: 4px solid #5A919F;
background: #FFF;
padding: 25px 32px 40px 32px;
height:100%;
position:relative;
}


.services-wrap.icon-text-columns  .column-icon{
	max-width:50px;
	margin-bottom:25px;
}

.services-wrap.icon-text-columns .column-box h4{
	color: #1B2D39;
font-size: 26px;
font-size: 1.625rem;
font-weight: 800;
line-height: 30px; /* 115.385% */
line-height: 1.15;
letter-spacing: 0.52px;
text-transform: uppercase;
margin-bottom:20px;
}

.services-wrap.icon-text-columns .column-box  p{
	color: #606E77;
font-size: 17px;
font-size: 1.063rem;
font-weight: 400;
line-height: 24px; /* 141.176% */
line-height: 1.41;
letter-spacing: 0.17px;
max-width:100%;
}

.services-wrap.icon-text-columns .column-box .column-description{
	margin-bottom:0px;
}

.services-wrap.icon-text-columns .more-link-inner img{
	width: 8px;
  height: 16px;
}

.services-wrap.icon-text-columns .more-link-inner,
.services-wrap.icon-text-columns .more-link-inner:hover,
.services-wrap.icon-text-columns .more-link-inner:focus{
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0px;
  width: auto;
  display: block;
  height: auto;
  border-radius: 0px;
  background:transparent;
}

.services-wrap.icon-text-columns .more-link{
	position:absolute;
	top:25px;
	right:32px;
}

.services-wrap.icon-text-columns .more-link svg,
.services-wrap.icon-text-columns .more-link svg path,
.services-wrap.icon-text-columns .more-link svg rect {
transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
 }

.services-wrap.icon-text-columns .more-link svg path{
	stroke:#adb7bd;
}
.services-wrap.icon-text-columns .more-link svg rect.svg-bg{
	fill:transparent;
}
.services-wrap.icon-text-columns .more-link svg rect.svg-border{
	stroke:#adb7bd;
}

.services-wrap.icon-text-columns a.column-box-link{
	display:block;
	text-decoration:none;
}

.services-wrap.icon-text-columns a.column-box-link:focus svg path,
.services-wrap.icon-text-columns a.column-box-link:hover svg path{
	stroke:#fff;
}
.services-wrap.icon-text-columns a.column-box-link:focus rect.svg-bg,
.services-wrap.icon-text-columns a.column-box-link:hover rect.svg-bg{
	fill:#5A919F;
}
.services-wrap.icon-text-columns a.column-box-link:focus rect.svg-border,
.services-wrap.icon-text-columns a.column-box-link:hover rect.svg-border{
	stroke:#5A919F;
}


@media screen and (max-width: 767px) {
	
  .services-wrap {
    padding-bottom: 80px;
  }
	
  .services-wrap.icon-text-columns .icon-title-wrap {
    display: block;
  }
  
 .services-wrap.icon-text-columns .column-icon{
	 margin-bottom:32px;
 }
  
  .services-wrap.icon-text-columns .column-box h4{
font-size: 20px;
font-size: 1.25rem;
line-height: 28px; /* 140% */
line-height: 1.4;
letter-spacing: 0.4px;
margin-left:0px;
}

.services-wrap.icon-text-columns .column-box  p{
font-size: 16px;
font-size: 1rem;
line-height: 22px; /* 137.5% */
line-height: 1.37;
letter-spacing: 0.16px;
}
 
.services-wrap.icon-text-columns .column-box{
	height:auto;
	margin:0px;
padding: 20px 24px 32px 24px;
} 

.services-wrap.icon-text-columns .more-link{
	right:24px;
}
  
   /* disable equal-height cards on mobile */
  .services-wrap.icon-text-columns .row {
    display: block; /* stops flex equal-height */
  }

  .services-wrap.icon-text-columns .row > [class*="col-"] {
    display: block;
  }

  .services-wrap.icon-text-columns .column-box-cont {
    display: block;
  }

  .services-wrap.icon-text-columns .column-box-link {
    display: block;
  }

  .services-wrap.icon-text-columns .column-box {
    height: auto;
  } 

  .services-wrap.icon-text-columns .title-container {
    display: block;
  }
}

/****/

/* FAQs */

.faq-section{
	padding-top:94px;
	padding-bottom:93px;
}

.faq-section h2.section-title{
color: #5A919F;
}

.faq-section .faq-item {
  border-bottom: 1px solid #CBD0D4;
  position: relative;
}

/* Add a top border to the whole accordion */
.faq-section .faq-item:first-child {
  border-top: 1px solid #CBD0D4;
}

/* Mobile-first: stacked */
.faq-section .faq-row {
  cursor: pointer;
  display: block;
  padding: 32px 20px;

  /* background transition */
  background-color: transparent;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
}

/* Background states: hover, keyboard focus, and open */
.faq-section .faq-row:hover,
.faq-section .faq-row:focus,
.faq-section .faq-item.is-open .faq-row {
  background-color: #ECE7E4;
}

/* Optional: remove default focus outline (only if you don't want it) */
.faq-section .faq-row:focus {
  outline: none;
}

/* Chevron */
.faq-section .chevron-icon {
  display: inline-flex;
  transition: none; /* no rotation animation */
}

/* Open = chevron flips up instantly */
.faq-section .faq-item.is-open .chevron-icon {
  transform: scaleY(-1);
}

/* Keep chevron at far right, vertically centered */
.faq-section .faq-chevron {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display:flex;
  align-items:center;
}

/* Collapsible content (JS animates height; do NOT use max-height here) */
.faq-section .faq-content {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  will-change: height;
}

/* Typography */

/*.color-sand h2,
.bg-sand h2{
color: #606E77;
}*/


.faq-section .faq-question h4 {
  color: #1B2D39;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 24px;
  line-height: 1.09;
  letter-spacing: 0.44px;
}

.faq-section .faq-answer {
  color: #455057;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  line-height: 1.25;
  letter-spacing: 0.16px;

  /* spacing when stacked on mobile */
  padding-top: 12px;
}

.faq-section .faq-answer > p:last-of-type{
	margin-bottom:0px;
}

.faq-section .section-title{
	text-align:center;
}

@media (min-width: 992px) {
  .faq-section .faq-row {
    display: grid;
    grid-template-columns: 342px 30px 280px 24px; /* title | gap | answer | chevron space */
    align-items: start;
  }

  .faq-section .faq-question {
    grid-column: 1;
  }

  /* Answer column wrapper */
  .faq-section .faq-answer-col {
    grid-column: 3;
  }

  /* remove top padding when inline */
  .faq-section .faq-answer {
    padding-top: 0;
  }
}

/* Desktop: inline grid with exact widths */
@media (min-width: 1200px) {
  .faq-section .faq-row {
    grid-template-columns: 342px 110px 280px 24px; /* title | gap | answer | chevron space */
  }
}

/* Hide schema output if it's not already just a <script> */
.faq-section .faq-schema {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
	.faq-section .faq-row{
	padding-right:76px;
	}
}

@media screen and (max-width: 767px) {
	
	.faq-section .faq-row{
padding: 24px 68px 24px 12px;
	}
	
	
  .faq-section .title-container {
    display: block;
  }
  
  .faq-section .section-title{
	  text-align:left;
	  margin-bottom:36px;
  }
  
  
  .faq-section .faq-question h4 {
font-size: 18px;
font-size: 1.125rem;
line-height: 22px; /* 122.222% */
line-height: 1.22;
letter-spacing: 0.36px;
}

.faq-section .faq-answer {
font-size: 15px;
font-size: 0.938rem;
line-height: 20px; /* 133.333% */
line-height: 1.33;
letter-spacing: 0.15px;
}


.faq-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
}

/***/

/* ============================= */
/* Contact Form (2 Column)       */
/* ============================= */

.contact-form-2col{
  background: #1B2D39;
}

/* ---------- LEFT COLUMN ---------- */

.contact-form-2col .contact-form-left{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 420px;
  display: flex;
}

.contact-form-2col .contact-form-left-inner{
  width: 100%;
  padding: 40px;
}

.contact-form-2col .contact-form-left-inner h2{
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.84px;
  text-transform: uppercase;
}

.contact-form-2col .contact-form-left-inner h2 span{
  color: #5A919F;
}

.contact-form-2col .contact-form-left-inner p{
  color: #FFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.16px;
  padding-right:95px
}

@media screen and (max-width: 767px) {
	
	.contact-form-2col .contact-form-left-inner p{
  padding-right:0px;
}
}

/* ---------- RIGHT COLUMN ---------- */

.contact-form-2col .contact-form-right{
  padding: 0; /* spacing handled by inner */
}

/* Base (mobile-first): behave like normal container */
.contact-form-right-inner{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 15px;
  max-width: 540px; /* container-sm */
}

/* ---------- STACKED CONTAINER WIDTHS ---------- */

@media (min-width: 576px){
  .contact-form-right-inner{ max-width: 540px; }
}

@media (min-width: 768px){
  .contact-form-right-inner{ max-width: 720px; }
}

/* ---------- DESKTOP 2-COLUMN MODE ( ≥ 992px ) ---------- */
/* Right column behaves like RIGHT 7 columns of container */

@media (min-width: 992px){
  .contact-form-right-inner{
    margin-left: auto;
    margin-right: auto;
    padding: 40px 15px;
    max-width: calc(960px * 7 / 12);
  }
}

/* Custom breakpoint */
@media screen and (min-width: 1199px){
  .contact-form-right-inner{
    max-width: calc(1088px * 7 / 12);
  }
}

@media (min-width: 1200px){
  .contact-form-right-inner{
    max-width: calc(1140px * 7 / 12);
  }
}

/* ---------- MOBILE LEFT COLUMN SPACING ---------- */

@media (max-width: 991px){
  .contact-form-2col .contact-form-left-inner{
    padding: 24px;
  }
}

/* ---------- FORM TITLE ---------- */

.contact-form-right-inner .form-title h3{
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.48px;
  margin-bottom: 24px;
}

/* ---------- GRAVITY FORMS ---------- */

body:not(.page-template-contact) .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  text-align: left;
}

.contact-form-2col .gfield_required{
  display: inline;
  color: #5A919F !important;
}

.contact-form-2col .gform_wrapper input::placeholder,
.contact-form-2col .gform_wrapper textarea::placeholder{
  color: #606E77;
  font-family: "Catamaran", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
}

/* Webkit */
.contact-form-2col .gform_wrapper input::-webkit-input-placeholder,
.contact-form-2col .gform_wrapper textarea::-webkit-input-placeholder{
  color: #606E77;
}

/* Firefox */
.contact-form-2col .gform_wrapper input::-moz-placeholder,
.contact-form-2col .gform_wrapper textarea::-moz-placeholder{
  color: #606E77;
}

/* IE / legacy Edge */
.contact-form-2col .gform_wrapper input:-ms-input-placeholder,
.contact-form-2col .gform_wrapper textarea:-ms-input-placeholder{
  color: #606E77;
}

/* Field gutters */
.contact-form-2col .gform-body.gform_body > .gform_fields{
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.contact-form-2col .gform_wrapper ul.gform_fields li.gfield{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.contact-form-2col .gform_wrapper .large{
  margin-bottom: 12px;
  color: #FFF;
font-size: 14px!important;
font-size: 0.875rem!important;
font-weight: 400;
line-height: 24px!important; /* 171.429% */
line-height: 1.72!important;
letter-spacing: 0.28px;
}

.contact-form-2col .gform_wrapper textarea.large{
  height: 140px !important;
}

/* Selects */
.contact-form-2col .ginput_container_select > select{
  padding: 12px 22px !important;
  background: #1B2D39;
}

.contact-form-2col .gform_wrapper select option{
  background: #fff;
  color: #606E77;
  font-size: 14px;
}


/* Wrapper scope = safe + reusable */
.contact-form-2col .ginput_container_select{
  position: relative;
}

/* Custom chevron */
.contact-form-2col .ginput_container_select::after{
  content:"";
  position:absolute;
  right:22px;
  top:50%;
  width:11px;
  height:7px;
    transform: translateY(calc(-50% - 6px));
  pointer-events:none;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%227%22%20viewBox%3D%220%200%2011%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.3555%200.353516L5.35547%205.35351L0.355469%200.353515%22%20stroke%3D%22white%22/%3E%3C/svg%3E") no-repeat center / 11px 7px;
}

/* Select cleanup */
.contact-form-2col .ginput_container_select > select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;

  padding-right:44px;
  background: transparent; /* let GF do its thing */
}

/* Old IE */
.contact-form-2col .ginput_container_select > select::-ms-expand{
  display:none;
}


/* Button */
.contact-form-2col .gform_button{
  padding: 16px 24px;
  border-radius: 3px;
  background: #5A919F;
  line-height: 1;
  max-width: 113px;
  font-weight:800!important;
}

/* Legacy cleanup */
.contact-form-2col .gform_legacy_markup_wrapper div.charleft{
  display: none;
}

.contact-form-2col .gform_wrapper ul li.gfield.consent-field{
	margin-top: 13px !important;
}

@media screen and (max-width: 991px) {
  .contact-form-2col .gform_wrapper ul li.gfield.consent-field {
    margin-top: 13px !important;
  }
}

@media screen and (max-width: 991px) {
  body .contact-form-2col .gform_wrapper .gform_footer {
	position:relative;
    transform: none;
	left:0px;
	text-align:left;
  }
}

@media only screen and (max-width: 641px) {
.contact-form-2col .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
	line-height:initial;
	min-height:0px;
}
}

@media screen and (max-width: 767px) {
  .contact-form-2col .gform_wrapper .gfield_consent_label {
    left: 0;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  .contact-form-2col .single-column-form [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, 
  .contact-form-2col .single-column-form [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
    top: 2px;
    left: 0;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .contact-form-2col .single-column-form [type="checkbox"]:not(:checked) + label, 
  .contact-form-2col [type="checkbox"]:checked + label {
    padding-left: 3.6em !important;
  }
}

@media screen and (max-width: 767px) {
  .contact-form-2col .single-column-form [type="checkbox"]:checked + label::after {
    top: 6px;
    left: 11px;
  }
}

@media screen and (max-width: 767px) {
	
.contact-form-2col .contact-form-left-inner h2 {
font-size: 28px;
font-size: 1.75rem;
font-weight: 800;
line-height: 30px; /* 107.143% */
line-height: 1.07;
letter-spacing: -0.56px;
text-transform: uppercase;
}
.contact-form-2col .contact-form-left-inner p {
font-size: 16px;
font-size: 1rem;
line-height: 20px; /* 125% */
line-height: 1.25;
letter-spacing: 0.16px;
}

.contact-form-2col .contact-form-left {
	min-height:375px;
}

.contact-form-2col .contact-form-left-inner .static-content{
	padding-right:56px;
}

.contact-form-2col .gform_button {
padding: 16px 24px;
font-size: 17px!important;
font-size: 1.063rem!important;
line-height: 17px!important; /* 100% */
line-height: 1!important;
letter-spacing: 0.51px;
text-transform: uppercase;
}

}

.contact-form-2col .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
	position:static;
}

/* Documentary Block */

.documentary-block {
  padding: 100px 0 80px;
  overflow:hidden;
  background: #1B2D39;
}

section#content > .documentary-block{
	padding-top:170px;
}

@media screen and (max-width: 767px) {
  section#content > .documentary-block {
    padding-top: 140px;
  }
}


.documentary-short-image{
	max-width:100%;
}

.documentary-title {
  margin-bottom: 30px;
}

.documentary-video-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px;
}

.documentary-video-inner {
  width: 100%;
  max-width: 900px;
}

.documentary-short-video {
  width: 100%;
  height: auto;
  display: block;
}

.documentary-play-btn {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.documentary-play-icon {
  border-radius: 50%;
  background: rgba(27,45,57,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}

.documentary-play-icon img {
  width: 18px;
  height: auto;
}

.documentary-play-icon{
background: rgba(16, 19, 21, 0.40);
backdrop-filter: blur(12px);
width: 120px;
  height: 120px;
}

.documentary-play-icon img{
	width:20px;
}

.documentary-block .documentary-description h3{
	color: #F0ECEA;
font-size: 28px;
font-size: 1.75rem;
font-weight: 800;
line-height: 32px; /* 114.286% */
line-height:1.14;
letter-spacing: 0.56px;
text-transform: uppercase;
max-width:460px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
.documentary-block .documentary-description h3 span{
color: #5A919F;
}


/* Lightbox sizing */
.documentary-popup .documentary-embed-frame {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}

.documentary-popup .documentary-embed-frame iframe,
.documentary-popup .documentary-embed-frame video {
  width: 100%;
  height: 100%;
  display: block;
}

/* Let the short video area bleed outside the text container */
.documentary-video-wrap {
  margin-left: -90px;
  margin-right: -90px;
  margin-top:-60px;
}

/* IMPORTANT: don't cap the short video width */
.documentary-video-inner {
  max-width: none;   /* overrides the 900px cap */
  width: 100%;
}

/* Make sure the video actually fills the widened area */
.documentary-short-video {
  width: 100%;
  height: auto;
  display: block;
}

.documentary-block .documentary-title{
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	z-index: 2;
  position: relative;
}

.documentary-block .documentary-title h2{
color: #FFF;
font-size: 72px;
font-size: 4.5rem;
font-weight: 900;
line-height: 72px;
line-height: 1;
letter-spacing: -1.44px;
text-transform: uppercase;
}

.documentary-block .documentary-title h2 span{
	color: #5A919F;
}

.documentary-block .documentary-description{
	color:#F0ECEA;
	max-width:630px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:24px;
}

.documentary-block .documentary-description p{
	color: #F0ECEA;
font-weight: 500;
font-size:18px;
font-size:1.125rem;
line-height: 26px; /* 144.444% */
line-height: 1.44;
letter-spacing: 0.18px;
}

.documentary-block .documentary-description > *:last-child{
	margin-bottom:0px;
}

.documentary-block .documentary-cta .button-link{
padding: 16px 24px !important;
  background: #5A919F !important;
  color: #FFF !important;
  text-align: center;
  font-size: 17px;
  font-size: 1.063rem;
  font-weight: 800;
  letter-spacing: 0.51px;
  text-transform: uppercase;
  line-height: 1;
  display:inline-block;
}

@media screen and (max-width: 767px) {
	
	.documentary-play-icon {
		height:48px;
		width:48px;
	}
	
	.documentary-play-icon img{
		width:12px;
	}

.documentary-block .documentary-title h2{
font-size: 36px;
font-size: 2.25;
line-height: 36px; /* 100% */
line-height: 1;
letter-spacing: -0.72px;
}	

.documentary-block .documentary-description{
	padding-left:20px;
	padding-right:20px;
}

.documentary-block .documentary-description p{
font-size: 16px;
font-size: 1rem;
font-weight: 500;
line-height: 24px; /* 150% */
line-height: 1.5;
letter-spacing: 0.16px;
}

.documentary-video-wrap{
	margin-left:0px;
	margin-right:0px;
}

.documentary-block .documentary-cta .button-link{
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.48px;
}

.documentary-video-wrap{
	margin-top:-45px;
}
	
}

/***/

/* Header */

.logo-wrap img{
	max-width:140px;
	width:100%;
}

@media screen and (max-width: 767px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	  display:flex;
  }
}
@media screen and (max-width: 767px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
	  content:none;
  }
}
@media screen and (max-width: 991px) {
.page-template-about #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, .page-template-blog #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  color: rgb(240, 236, 234) !important;
}
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
	color: #FFF;
font-size: 15px;
font-size: 0.938rem;
font-style: normal;
font-weight: 800!important;
letter-spacing: 0.3px;
text-transform: uppercase;
}

.header-menu .mega-indicator{
	background-image: url(../images/down-chevron.svg) !important;
	width: 11px !important;
  height: 6px !important;
  transform: translateY(-50%);
  top:15px;
  right: -21px;
}

.mega-menu li{
	margin-right:30px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children{
	margin-right:50px!important;
}

.btn-mixing{
font-size: 15px;
font-size: 0.938rem;
font-weight: 800;
letter-spacing: 0.45px;
text-transform: uppercase;
padding: 15px 20px;
}

@media screen and (max-width: 991px) {
  .menu-wrap {
    display: none;
  }
  
  #header > .container > .row.justify-content-center{
	  justify-content:space-between!important;
  }
  
  #mob-toggle {
  position: absolute;
  right: 23px;
  top: -27px;
}

  .header-menu {
position: relative;
    top: 28px;
    left: auto;
    transform: none;
    width: 100%;
  }
  
    .mega-menu li a {
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 24px 0 !important;
    position: relative;
  }
  
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    text-align: center;
  }
  
    .mega-menu li {
    margin-right: 0 !important;
    height: auto !important;
  }
  
  .mob-menu-wrap{
	 background: #1B2D39;
  }
  
    #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    background-color: #1B2D39 !important;
  }
  
    #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
		height:auto!important;
	}
	
	#mob-toggle,
	#close-toggle{
		cursor:pointer;
	}
	
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children,
.mega-menu > li.mega-menu-item	{
  margin-right: 0px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
	display: flex;
  align-items: center;
}


.make-it-stick #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
	color: #FFF!important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
	color: #FFF;
font-size: 18px;
font-size: 1.125rem;
font-weight: 800;
line-height: 24px; /* 133.333% */
line-height: 1.33;
letter-spacing: -0.36px;
padding: 28px 40px 28px 24px!important;
border-top: 1px solid #2B475A;
margin-left:-25px;
margin-right:-25px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:last-child{
	border-bottom: 1px solid #2B475A;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	color: #F0ECEA!important;
font-size: 18px!important;
font-size: 1.125rem!important;
font-weight: 800!important;
line-height: 24px; /* 133.333% */
line-height: 1;
letter-spacing: -0.36px;
text-transform: uppercase;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
	margin-left: -25px;
  margin-right: -25px;
  width: 100vw;
  padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
	background: #1E313E!important;
}

.header-menu .mega-indicator {
  top: 50%;
  right: 40px;
}

.mob-bottom-wrap{
width: calc(100% - 50px);
    bottom: initial;
    top: calc(100% - 17px);
    transform: translateY(-100%);
}

.btn-mixing{
	float:left;
}

.page-template-about .header-menu .mega-indicator, 
.page-template-blog .header-menu .mega-indicator,
.header-menu .mega-indicator,
.make-it-stick .header-menu .mega-indicator{
	background-image: url(../images/down-chevron-mb.svg) !important;
  width: 20px !important;
  height: 12px !important;
}

.mega-sub-menu{
	background: #1E313E;
padding: 28px 24px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
	border-color:#2B475A;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background:transparent;
	padding-top:0px!important;
	padding-bottom:0px!important;
	margin-left:0px;
	padding-left:0px!important;
	padding-right:0px!important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{
	line-height:1;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
	border-bottom:0px none;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on .mega-indicator{
	transform: scaleY(-1);
  transform-origin: center;
  margin-top:-5px;
}

}

@media screen and (max-width: 767px) {
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    background-color: #1B2D39 !important;
  }
  
    #mob-toggle {
    position: absolute;
    right: 23px;
    top: -45px;
  }
  
  .logo-wrap img{
	  height:auto;
	  max-width:96px;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    overflow-y: initial;
  }
}
@media screen and (max-width: 767px) {
  .btn-mixing {
    line-height: initial!important;
	width:100%;
padding: 16px 24px;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
line-height: 17px; /* 106.25% */
line-height: 1.06;
letter-spacing: 0.48px;
text-transform: uppercase;
float:none;
height:auto;
display:block;
  }
}

/* Hero Banner */

.hero-banner{
	padding-top:0px;
}

.hero-banner--full {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.hero-banner__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-banner__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.40) 0%,
      rgba(0, 0, 0, 0.40) 100%
    ),
    linear-gradient(
      0deg,
      rgba(16, 19, 21, 0.00) 86.74%,
      rgba(16, 19, 21, 0.30) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 19, 21, 0.00) 42%,
      rgba(16, 19, 21, 0.70) 83.62%
    ),
    linear-gradient(
      180deg,
      rgba(16, 19, 21, 0.00) 43.04%,
      #101315 100%
    );
}

.hero-banner__logos {
  position: relative;
  z-index: 2;
  margin-top: auto;
}



.hero-banner--full{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column; /* hero becomes the flex column */
}

.hero-banner__content{
  position: relative;
  z-index: 2;
  flex: 1;               /* takes remaining height */
  display: flex;
  flex-direction: column;
}


/* Make the content area align to the bottom */
.hero-banner__content{
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;     /* <-- key */
}
.hero-banner.page_layout_section .hero-banner__content{
  padding-bottom: 40px;          /* <-- 80px from bottom */
}

/* Stop centering + translation */
.hero-banner__content-inner{
  margin-top: 0;
  margin-bottom: 0;
  transform: none;
  text-align: center;
}



.hero-banner__title {
  color: #fff;
}

.hero-banner__wysiwyg {
  color: #fff;
  max-width: 640px;
  margin: 8px auto 0;
}

.hero-banner__wysiwyg p{
	color: #F0ECEA;
font-size: 17px;
font-size: 1.063rem;
font-weight: 400;
line-height: 24px; /* 141.176% */
line-height: 1.41;
letter-spacing: 0.17px;
}

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

.hero-banner__wysiwyg p{	
font-size: 16px;
font-size: 1rem;
line-height: 22px; /* 137.5% */
line-height: 1.37;
letter-spacing: 0.16px;	
}
	
}

.hero-banner__wysiwyg > *:last-child{
	margin-bottom:0px;
}

.hero-banner__buttons {
  display: inline-flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 34px;
  flex-wrap: wrap;
}

/* Logo strip at bottom of hero */
.hero-banner__logos {
  margin-top: auto;
  padding: 50px 0 26px;
}

@media screen and (max-width: 767px) {
	
.hero-banner__logos {
  padding: 30px 0 26px;
}
.hero-banner__buttons{
	margin-top:8px;
}
	
}

.hero-logo-slider .hero-logo-slide {
  padding: 0 40px;
  display: flex;
  align-items: center;
}


.hero-logo-slide img {
 max-height: 44px;
  width: auto;
  display: block;
}

.hero-logo-slide {
  display: flex;
  align-items: center;
}

/* Slick continuous scroll helpers */
.hero-logo-slider .slick-track {
  display: flex;
  align-items: center;
}


.hero-banner .button-link{
padding: 16px 24px;
color: #FFF;
font-size: 17px;
font-size: 1.063rem;
font-style: normal;
font-weight: 800;
line-height: 17px; /* 100% */
line-height: 1;
letter-spacing: 0.51px;
text-transform: uppercase;
text-decoration:none;
background: #5A919F;
display: flex;
  align-items: center;
  gap: 10px;
}

.hero-banner .button-link.hero-video_open{
	background: #606E77;
}

.hero-banner h1{
color: #FFF;
font-size: 82px;
font-size: 5.125rem;
font-weight: 900;
line-height: 68px; /* 82.927% */
line-height: 0.82;
letter-spacing: -1.64px;
text-transform: uppercase;
margin-bottom:0px;
}


.hero-banner h1 span{
color: #5A919F;
}

  .hero-banner h1 p{
	  max-width:875px;
  }

@media screen and (max-width: 767px) {
	
	
.hero-banner h1 {
font-size: 48px;
font-size: 3rem;
line-height: 36px; /* 75% */
line-height: 1;
letter-spacing: -0.96px;
}	


.hero-banner__wysiwy p{
font-size: 16px;
font-size: 1rem;
line-height: 22px; /* 137.5% */
line-height: 1.37;
letter-spacing: 0.16px;
}


.hero-banner .button-link{
padding: 16px 24px;
color: #FFF;
font-size: 16px;
font-size: 1rem;
line-height: 17px; /* 106.25% */
line-height: 1.06;
letter-spacing: 0.48px;
justify-content:center;
width:100%;
}

  .hero-banner h1 p {
    max-width: none;
  }

 .hero-banner h1{
	 max-width:600px;
 }
 .hero-banner__wysiwyg {
  padding-left: 42px;
  padding-right: 42px;
}
	
.hero-logo-slider .hero-logo-slide{
	padding:0 30px;
}
.hero-logo-slide img{
	max-height:27px;
}

.hero-banner__wysiwyg{
	margin-top:9px;
}
	
}

/* Hero Banner - Image Background (added) */
.hero-banner__image{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-banner__image{
  background-color: #101315; /* matches your overlay tone */
}

/* Hero Banner – alternate image overlay */

/*.page_layout_section .hero-banner__overlay {*/
  /*background:
    linear-gradient(
      0deg,
      rgba(16, 19, 21, 0.00) 90.3%,
      rgba(16, 19, 21, 0.30) 100%
    ),
    linear-gradient(
      180deg,
      rgba(16, 19, 21, 0.00) 52.73%,
      rgba(16, 19, 21, 0.80) 96.55%
    );*/
	/*background: linear-gradient( 0deg, #10131500 0.3%, #1013154d 100% ), linear-gradient( 180deg, #10131500 52.73%, #101315cc 86.55% );*/
	/*background: linear-gradient(
    180deg,
    rgba(16, 19, 21, 0.00) 52.73%,
    rgba(16, 19, 21, 0.80) 96.55%
  ),
  linear-gradient(
    0deg,
    rgba(16, 19, 21, 0.00) 90.3%,
    rgba(16, 19, 21, 0.30) 100%
  );
}*/


/* Gallery */

.gallery-carousel .section-title{
	color: #8288A0;
}

/* Equipment List */

.equipment-list.section-padding {
	padding-bottom:120px;
}

.equipment-group__title {
	color: #1B2D39;
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
line-height: 22px; /* 110% */
line-height: 1.1;
letter-spacing: 0.2px;
text-transform: uppercase;
margin-bottom:0px;
	}

.equipment-items { display: flex; flex-direction: column; gap: 0.5rem; }

/* Name + badges inline, but can wrap */
.equipment-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.equipment-item__badge {
  display: inline-block;
border-radius: 4px;
background: #5A919F;
height: 15px;
padding: 0 6px 1px 6px;
gap: 10px;
color: #FFF;
font-size: 10px;
font-size: 0.625rem;
font-weight: 500;
line-height: 17px; /* 170% */
line-height: 1.65;
letter-spacing: 0.2px;
text-transform:uppercase;
}

.equipment-item__badge--book { 
border-radius: 4px;
height: 15px;
padding: 0 6px;
background: #606E77;
 }
.equipment-item__badge--count { 
	text-transform:none;
	line-height:1.5;
	}
	
@media screen and (max-width: 767px) {
	.equipment-item__badge--count { 
	line-height:1.48;
	}
}

.equipment-list__title{
	text-align:center;
}
.equipment-list__title h1,
.equipment-list__title h2{
	color: #8288A0;
}

.equipment-group{
border-top: 1px solid #CBD0D4;
display: flex;
padding: 20px 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}

.equipment-item__name{
	color: #455057;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
line-height: 20px; /* 125% */
line-height: 1.25;
letter-spacing: 0.16px;
}

@media screen and (max-width: 767px) {
  .equipment-list .title-container {
    display: block;
  }
  
  .equipment-item__name{
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
line-height: 20px; /* 142.857% */
line-height: 1.42;
letter-spacing: 0.14px;
  }
  
 .equipment-list.section-padding {
	padding-bottom:80px;
	padding-top:80px;
}
  
}

/* Page Layout Hero specific */

.hero-banner.page_layout_section .hero-banner__buttons{
	margin-top:32px;
}

@media screen and (max-width: 767px) {
	
.hero-banner.page_layout_section .hero-banner__buttons{
	margin-top:24px;
}
	
}


.hero-banner:not(.page_layout_section) .hero-banner__buttons{
	margin-top:50px;
}

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

.hero-banner:not(.page_layout_section) .hero-banner__buttons {
  margin-top: 24px;
}
.hero-banner.page_layout_section .hero-banner__buttons{
	max-width:362px;
	width:100%;
}

}

/* Studio B overrides (page layout)*/

@media screen and (max-width: 767px) {
  .gallery-carousel .title-container {
    display: block;
  }
}

/* Image load in animation */

/* Clip-path reveal: starts clipped, expands to full */
.grid li a,
.grid li .image-wrapper {
  display: block;
  overflow: hidden;

  clip-path: inset(20%);
  -webkit-clip-path: inset(20%);

  transition: clip-path 3200ms cubic-bezier(.16,1,.3,1),
            -webkit-clip-path 3200ms cubic-bezier(.16,1,.3,1);


  will-change: clip-path;
}

/* End state */
.grid li.shown a,
.grid li.shown .image-wrapper {
  clip-path: inset(0%);
  -webkit-clip-path: inset(0%);
}

.grid li.shown img,
.js .grid li img{
	visibility:visible!important;
}

/* General - Special */

@media screen and (max-width: 767px) {
  body .link-text {
    margin-left: 0px !important;
  }
}

.panel-title > a,
.panel-title > a:not(.collapsed):focus,
.panel-title > a:not(.collapsed):hover {
  color: #F0ECEA;
}

.collapse:not(.show) {
  display: none!important;
}

/* Main contact fixes */

@media screen and (max-width: 767px) {
.contact-form-wrap ~ .get-in-touch-text-mobile {
    margin-top:75px;
}
}

@media screen and (max-width: 991px) {
  .contact-left .static-text-wrap {
    bottom: 280px;
  }
}

@media screen and (max-width: 767px) {
  .single-column-form [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, .single-column-form [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
    top: 2px;
    left: -10px;
    transform: translateX(-100%);
  }
  
  .single-column-form [type="checkbox"]:checked + label::after{
	      top: 2px;
    left: -10px;
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 991px) {
  .gform_wrapper ul li.gfield.consent-field {
    margin-top: 160px !important;
  }
}

@media screen and (max-width: 991px) {
  .contact-left .static-text-wrap {
    bottom: 215px;
  }
}

@media screen and (max-width: 550px) {
  .gform_wrapper ul li.gfield.consent-field {
    margin-top: 160px !important;
  }
}

@media screen and (max-width: 550px) {
  .contact-left .static-text-wrap {
    bottom: 210px;
  }
}


@media screen and (max-width: 505px) {
  .contact-left .static-text-wrap {
    bottom: 225px;
  }
}

@media screen and (max-width: 400px) {
  .gform_wrapper ul li.gfield.consent-field {
    margin-top: 200px !important;
  }
}

@media screen and (max-width: 400px) {
  .contact-left .static-text-wrap {
    bottom: 276px;
  }
}