/*------------------------ OTHER FILES -----------------------*/
@import "sandbox.css";
@import "pinned-hero-left.css";
@import "buttons.css";
@import "fonts.css";
/*------------------------ COLORS -----------------------*/
:root {--bs-primary: #DB6631;--bs-secondary:#3C797E;}


/*------------------------ FONTS -----------------------*/
.back-big-text {
	font-family: archivo-condensed, sans-serif;
	font-weight: 300;
	font-size: 8rem;
	color: transparent;
	-webkit-text-stroke: 1px #D5D5D6;
	text-stroke: 1px #D5D5D6;
}
.back-small-text {
	font-family: archivo-condensed, sans-serif;
	font-weight: 400;
	font-size: 3rem;
	color: transparent;
	-webkit-text-stroke: 1px #D5D5D6;
	text-stroke: 1px #D5D5D6;
}
.bottom-menu {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 2.5;
}
.footer-links {
	color: #b8b4b3;
}
.section-header {
	font-size: 2.5rem;
	font-weight: 800;
	margin-bottom: 30px;
}
.quote {
	font-size: 1.9rem;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
}
/*-------------- TEMPLATE POSITIONS -----------------------*/
footer#sp-footer {
	background: transparent;
}
section#sp-bottom {
	position: relative;
	z-index: 999;
	background: #EBE4DA;
	background: linear-gradient(160deg,rgba(235, 228, 218, 1) 10%, rgba(255, 255, 255, 1) 66%, rgba(229, 220, 207, 1) 100%);
}
section#sp-bottom a:hover {
	text-decoration:underline;
	text-underline-offset: 8px;
}
/*#sp-main-body {
    padding: 30px 0;
}*/
/*-------------- BACKGROUNDS -----------------------*/
.clip-background-left {
clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0 100%);
}
.clip-border {
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0 100%);
        border: 4px solid rgba(255, 255, 255, .70);
}
.clip-ends {
    clip-path: polygon(15% 0, 115% 0, 90% 100%, -10% 100%);
}
.zup {
	position: relative;
	z-index: 999;
}
.oval {
  width: 200px;      /* Horizontal dimension */
  height: 100px;     /* Vertical dimension (half the width for a standard oval) */
  background-color: #FF5733; /* Choose your color */
  border-radius: 50%;      /* Rounds the corners into an oval */
}
/*-------------- MENU -----------------------*/
.sp-megamenu-parent>li>a {font-size: 16px;}
.sp-megamenu-parent>li:hover>a {color: var(--bs-primary);}
.sp-megamenu-parent>li.active>a {color: var(--bs-primary);}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
	color: var(--bs-primary);
	text-decoration: underline;
	text-underline-offset: 8px
}
.sp-megamenu-parent>li:after {content: "/";}
.sp-megamenu-parent>li:last-child:after {content: none;}

/*-------------- HOME -----------------------/
/*.home div.sppb-section-background-video::before {
	background: linear-gradient(45deg, black, transparent) !important;
}*/
.home p {
    margin-bottom: 2rem;
    font-size: 19px;
    line-height: 1.65;
}
.home div.sppb-section-background-video::before {
	background:linear-gradient(
    to right,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.70) 20%,
    rgba(0,0,0,0.50) 40%,
    rgba(0,0,0,0.25) 65%,
    rgba(0,0,0,0.10) 85%,
    rgba(0,0,0,0.00) 100%
  ) !important;
}
.home-headline {
	font-size: 4rem;
	color: #fff;
	font-weight: 900;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
.home-subhead {
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.5;
	font-weight: 500;
}
.home #sp-header {
    background: transparent;
    box-shadow: none;
    height: 0;
}
.home #sp-header .logo a {display: none;}
.home .sp-megamenu-parent>li>a {color: #fff;}
.home .sp-megamenu-parent>li:hover>a {color: var(--bs-primary);}
.home .sp-megamenu-parent>li:after {content: "/";color:#fff;}
.home .sp-megamenu-parent>li:last-child:after {content: none;}


.home div#sppb-addon-wrapper-4664014f-275f-4e10-b635-17786199ff06.sppb-addon-wrapper.addon-root-text-block {
    position: absolute;
    bottom: 10vh;
}
.home #sp-header.header-sticky {
	display: none;
}
.sp-page-builder .page-content #section-id-5b1ca4d9-e22e-4780-abf0-7094e0c4a5ab .sppb-row-overlay{
   background: linear-gradient(
180deg, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.6) 20%, rgba(0,0,0, 0.2) 90%)

   /*background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0) 49%);*/
}

.sector-list-first {
			color: #fff;
			margin-right: 30px;
}
		
.sector-list {
			color: #fff;
			margin-right: 30px;
			margin-left: 30px;
}
		
.sector-list:before {
			content: "/";
			padding-right: 30px;
}
/*-------------- TEAM / PEOPLE -----------------------*/

.dash-pattern-left {
    background-image: url(https://mavendesignstudio-demo.com/moa/images/backgrounds/slant-dash.svg);
    background-repeat: repeat;
    background-attachment: inherit;
    background-position: top right;
    background-size: 0.5% 1%;
}
.team-title {
	color: var(--bs-primary);
	font-size: 2.5rem;
	font-weight: 600;
}
.team-position {
	font-family: futura-pt, sans-serif;
	margin-top: 20px;
}
.team-credential {
	font-family: futura-pt, sans-serif;
}
.team-bio {
	margin:50px 0;
}
.team-divider {
	height: 1px; /* The thickness of the divider */
	width: 50%; /* The length (width) of the divider */
	background-color: black; /* The color of the divider line */
	/*margin: 0 auto; /* Centers the divider if needed */
}
.people .panel {
	background: #ebe4da;
	padding: 0;
}
@media (min-width: 768px) {
	.people {
		.row-cols-md-4>* {
			flex: 0 0 auto;
			width: 23%;
}}
.people .g-4 {
	gap:1.5rem;
}
.people .name {
	margin: 15px;
	font-size: 1.5rem;
}
.people .position {
	/*font-family: futura-pt, sans-serif;*/
	margin: 15px;
}
.people h2 {
	/*font-family: archivo-condensed, sans-serif;
    font-weight: 300;
    font-size: 5rem;
    color: transparent;
    -webkit-text-stroke: 1px #D5D5D6;
    text-stroke: 1px #D5D5D6;*/
    font-weight: 500;
        font-size: 4rem;
}
/*-------------- PLAN -----------------------*/
.number-icon {
	font-family: archivo-condensed, sans-serif;
	font-weight: 700;
	font-size: 3rem;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--bs-primary);
	text-stroke: 2px var(--bs-primary);
	margin-top: -11px;
}

div#sppb-addon-1588527349822.clearfix {
	display: flex;
    justify-content: center;
}
/********************************** Responsive Embedded iFrame **********************************/
.iframe-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.iframe-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*------------------------- HOME-VB ------------------------------------
.header-section-outer {
  position: relative;
  overflow: hidden;
  min-height: 600px;
  background: #f8f9fa;
}

.header-section-outer .container {
  position: relative;
  z-index: 3;
}

.header-section-outer .row {
  min-height: 600px;
  align-items: center;
}

.text-content {
  position: relative;
  z-index: 3;
  padding: 3rem 0 !important;
}

.text-content h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.text-content .lead {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #666;
}

/* SVG positioned to the right of text, overlapping slider 
.svg-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -200px;
  margin-right: -400px;
  z-index: 2;
  pointer-events: none;
  width: 300px;
}

.svg-wrapper img {
  width: 100%;
  height: auto;
}

/* Slider breaks out of container to viewport edge 
.slider-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  right: calc((100vw - 100%) / -2);
  height: 100%;
  min-height: 600px;
  z-index: 1;
}

.slider-wrapper .carousel,
.slider-wrapper .carousel-inner,
.slider-wrapper .carousel-item {
  height: 100%;
}

.slider-wrapper .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Adjust SVG position for different screen sizes 
@media (min-width: 1400px) {
  .svg-wrapper {
    margin-left: -150px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .svg-wrapper {
    margin-right: -300px;
    width: 250px;
  }
}

/* Responsive: Stack on mobile 
@media (max-width: 991px) {
  .header-section-outer,
  .header-section-outer .row {
    min-height: auto;
  }
  
  .text-content {
    padding: 2rem 0 !important;
  }
  
  .text-content h1 {
    font-size: 2rem;
  }
  
  .slider-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    min-height: 400px;
    margin-top: 2rem;
  }
  
  .svg-wrapper {
    display: none;
  }
}*/