/* ------------------------------------ */
/* Box Section Fixes */
/* ------------------------------------ */
/* Floating Pop Out Boxes*/
.dev-boxes-FloatingPopOutBoxes {
    --boxInnerJustifyContent: flex-start;
    --boxInnerPadding: 0;
    --boxImageWidth: 100%;
    --boxParagraphPadding: 0 15px;
    --boxTitlePadding: 0 15px;
    --boxShadow: var(--boxShadowEffect, 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16), 0 8px 8px rgba(0,0,0,0.2));
}

/* Content Boxes*/
.dev-boxes-ContentBoxes.section_Boxes {
    --boxInnerJustifyContent: flex-start;
    --boxInnerPadding: 0;
    --boxImageWidth: 100%;
    --heading2FontSize: 2rem;
    --boxImageBorderRadius: 0;
    --boxShadow: var(--boxShadowEffect, 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.16), 0 8px 8px rgba(0, 0, 0, 0.2));
    --boxParagraphPadding: 0px 15px 0px 15px;
    --boxTitlePadding: 10px 15px 0px 15px;
    --btnPadding: 15px;
}

.dev-boxes-ContentBoxes .box:nth-of-type(1),
.dev-boxes-ContentBoxes-Special .box:nth-of-type(1) {
  --boxImageContainer: none;
  --boxBtnDisplay: none;
  --boxBtnDisplayHover: none;
  --boxShadow: none;
  --boxParagraphPadding: 0px;
  --boxTitlePadding: 0;
}

.dev-boxes-ContentBoxes-Special .box:nth-of-type(1) .c-box__title {
    font-size: var(--heading2ResponsiveFont, 2.5rem);
}

.dev-boxes-ContentBoxes-Special .box:nth-of-type(1) .c-box__title::after {
    border-color: var(--contentBoxLineColor, var(--lineColor));
    border-width: var(--contentBoxBorderWidth, 1px);
}

.dev-boxes-ContentBoxes .box:nth-of-type(2) .c-section-boxes__inner-box,
.dev-boxes-ContentBoxes-Special .box:nth-of-type(2) .content-box {
  --boxBackgroundColor: var(--paletteColor1);
  color: var(--contentBox2TextColor, #fff) !important;
}

.dev-boxes-ContentBoxes .content-box .c-btn {
    width: 100%;
}
.dev-boxes-ContentBoxes .content-box .c-btn:before {
    padding-top: 0;
}

body:not(.e-page__edit-mode) .dev-boxes-ContentBoxes .content-box {
    max-width: var(--contentBoxInnerMaxWidth, 100%);
    padding: var(--boxInnerPadding, 20px) !important;
}

/* Boxes Tab Contents */
body:not(.e-page__edit-mode) .dev-boxes-TabContents.section_Boxes {
    --boxInnerJustifyContent: flex-start;
    --boxInnerPadding: 0;
    --boxImageWidth: 100%;
    --boxFlexBasis: 50%;
    --tabBoxBackground: #fff;
    --tabBoxTextColor: var(--boxTextColor);
    --boxTextHoverColor: var(--boxTextColor);
    --boxTextColor: var(--bodyFontColor, #111);
    --boxTextHoverColor: var(--bodyFontColor, #111);
    --tabNavBackground: var(--btnBackgroundColor);
    --tabNavHoverBackground: var(--btnBackgroundHoverColor);
    --tabNavTextColor: var(--btnTextColor);
    --boxParagraphPadding: 0 15px;
    --boxTitlePadding: 15px 0 0 15px;
}

body:not(.e-page__edit-mode) .dev-boxes-TabContents .overlay .o-grid__collapse .tabNavigation .tabNavItem.currentTab {
    --tabNavTextColor: var(--tabNavTextHoverColor, var(--btnTextHoverColor, #fff));
}

.dev-boxes-TabContents .overlay .o-grid__collapse .box {
    border-left: none;
    top: 0;
}
body:not(.e-page__edit-mode) .dev-boxes-TabContents .overlay .o-grid__collapse .box .c-box-image img {
    margin-top: var(--tabContentsImgMarginTop, 0);
}

.dev-boxes-TabContents .overlay .o-grid__collapse .box h2.c-box__title {
    padding: var(--boxTitlePadding, var(--heading2Padding, var(--headingPaddingTop, 0) var(--headingPaddingRight, 0) var(--headingPaddingBottom, 0) var(--headingPaddingLeft, 0)));
}

.dev-boxes-TabContents .overlay .o-grid__collapse .box .c-box__btn {
    text-align: var(--boxBtnTextAlign, inherit);
}


/* Boxes Circle Image */
.dev-boxes-CircleImage {
    --defaultSectionContainerPaddingTop: 150px;
    --boxInnerOverflow: visible;
    --boxImageContainer: flex;
    --boxImageContainerAlignItems: center;
    --boxImageContainerJustifyContent: center;
    --boxImageContainerPosition: absolute;
    --boxImageContainerWidth: 100%;
    --boxImageContainerTop: -100px;
    --boxInnerPadding: 20px 20px 50px;
    --boxBackgroundColor: var(--paletteColor1);
    --boxBackgroundHoverColor: var(--paletteColor1);
    --boxInnerPosition: relative;
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
    --boxImageMaxWidth: 250px;
    --boxImageBorderRadius: 50%;
    --boxImageHeight: 200px;
    --boxImageWidth: 200px;
    --boxImageFit: cover;
    --headingMarginTop: 100px;
}

/*Boxes Flipcards*/
body:not(.e-page__edit-mode) .dev-boxes-FlipCards {
    --boxInnerPosition: relative;
    --boxInnerOverflow: visible;
    --boxMinHeight: 350px;
    --boxInnerPadding: 0;
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
    --boxBtnMarginTop: 0;
}

/*Selection Boxes*/
body:not(.e-page__edit-mode) .dev-boxes-Selection.section_Boxes {
    --defaultSectionGridGap: 15px;
    --boxFlexBasis: 100%;
    --boxMaxWidth: 1100px;
    --boxInnerPadding: 0;
    --boxImageContainerHeight: 100%;
    --boxImageHeight: 100%;
    --boxImageWidth: 100%;
}

@media (min-width: 768px) {
    .dev-boxes-Selection .c-grid__item.box:not(.active) {
        --boxDisplay: none;
    }
    .dev-boxes-Selection .c-grid__item.box.active {
        --boxDisplay: block;
    }
}

/*Boxes Hover Arrow*/
body:not(.e-page__edit-mode) .dev-boxes-HoverArrow {
    --boxImageContainerHeight: 100%;
    --boxImageHeight: 100%;
    --boxImageWidth: 100%;
    --boxMinHeight: 300px;
    --boxInnerPadding: 0;
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
}
.e-page__edit-mode .dev-boxes-HoverArrow .box.c-grid__item .c-section-boxes__inner-box .c-box-image,
.e-page__edit-mode .dev-boxes-HoverArrow .box.c-grid__item .c-section-boxes__inner-box img {
    height: auto;
}

/*Boxes Stories*/
body:not(.e-page__edit-mode) .dev-boxes-Stories.section_Boxes {
    --boxPosition: absolute;
    --boxFlexBasis: 100%;
    --boxWidth: 100%;
    --boxInnerPadding: 0;
    --boxImageHeight: 100%;
    --boxImageWidth: 100%;
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
}

/* Boxes Hero */
body:not(.e-page__edit-mode) .dev-Boxes-Hero.section_Boxes {
    --defaultSectionContainerMaxSectionWidth: 100%;
    --defaultSectionContainerSidePadding: 0;
    --defaultSectionContainerPaddingTop: 0;
    --defaultSectionContainerPaddingBottom: 0;
    --boxFlexBasis: 100%;
    --boxWidth: 100%;
    --boxInnerPadding: 0;
    --boxImageHeight: 100%;
    --boxImageWidth: 100%;
    --boxTextColor: #fff;
    --boxTextHoverColor: #fff;
    --rotatorNavColor: #fff;
    --rotatorNavHoverColor: #fff;
}

@media (min-width: 768px) {
    body:not(.e-page__edit-mode) .dev-Boxes-Hero.section_Boxes .c-grid__item.box:not(.visible) {
        --boxDisplay: none;
    }
    .dev-Boxes-Hero.section_Boxes .c-grid__item.box.visible {
        --boxDisplay: block;
    }
}

/*Rotator 3D Boxes*/
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D {
    --defaultSectionOverflow: hidden;
    --boxPosition: absolute;
    --boxBtnMarginTop: 40px;
    --boxImageMaxWidth: 500px;
    --defaultSectionGridMinHeight: 500px;
    --mobileDefaultSectionGridMinHeight: 400px;
}
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .o-grid__collapse {
    height: auto;
}
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .box.currentSlide {
    --boxZIndex: 3;
}
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .box.prevSlide,
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .box.nextSlide {
    --boxZIndex: 2;
}
body:not(.e-page__edit-mode)  .dev-boxes-Rotator3D.section_Boxes .c-grid__item.box .c-section-boxes__inner-box {
    --boxInnerMargin: 0 auto;
    max-width: var(--3DinnerBoxWidth, 700px);
}
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .box.prevSlide,
body:not(.e-page__edit-mode) .dev-boxes-Rotator3D .box.nextSlide {
    opacity: var(--3DNotActiveOpacity, .5);
}

/*Vista Boxes*/
.dev-VistaBoxes {
    --imgTextBoxPadding: 25px;
    --boxInnerPadding: 25px;
    --imgTextMobilePadding: 25px;
    --imgTextImageMobilePadding: 0;
}

/* Boxes Fade Border */
.dev-boxes-FadeBorder {
    --boxBorderWidth: 1px;
}
.dev-boxes-FadeBorder .c-grid__item.box:nth-of-type(1) {
    --boxBorderColor: var(--box1BorderColor, hsla(var(--secondaryHSL), 0.25));
}
.dev-boxes-FadeBorder .c-grid__item.box:nth-of-type(2) {
    --boxBorderColor: var(--box2BorderColor, hsla(var(--secondaryHSL), 0.5));
}
.dev-boxes-FadeBorder .c-grid__item.box:nth-of-type(3) {
    --boxBorderColor: var(--box3BorderColor, hsla(var(--secondaryHSL), 0.75));
}
.dev-boxes-FadeBorder .c-grid__item.box:nth-of-type(4) {
    --boxBorderColor: var(--box4BorderColor, hsla(var(--secondaryHSL), 1));
}

/* Boxes Img and Boxes */
.dev-boxes-ImgAndBoxes.section_Boxes {
    --boxPosition: relative;
    --boxPadding: 0;
    --boxInnerPadding: 0;
    --defaultSectionGridJustifyContent: flex-start;
    --mobileDefaultSectionGridJustifyContent: flex-start;
    --defaultSectionGridAlignItems: center;
    --mobileDefaultSectionGridAlignItems: center;
    --defaultSectionGridGap: 1rem;
    --boxInnerPadding: 0;
    --boxImageWidth: 100%;
    --boxImageMaxWidth: 100%;
    --heading2FontSize: 2rem;
}
.dev-boxes-ImgAndBoxes .c-grid__item.box:nth-of-type(1),
.dev-boxes-ImgAndBoxes .c-grid__item.box:nth-of-type(2) {
    --boxMaxWidth: 325px;
}

@media (max-width: 992px) {
    .dev-boxes-ImgAndBoxes.section_Boxes .box:nth-of-type(1), .dev-boxes-ImgAndBoxes.section_Boxes .box:nth-of-type(2) {
        width: calc(50% - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))) !important;
    }
    .dev-boxes-ImgAndBoxes.section_Boxes .c-grid__item.box:nth-of-type(3) {
        --boxFlexBasis: 100%;
    }
}

@media (min-width: 992px) {
    .dev-boxes-ImgAndBoxes.section_Boxes .c-grid__item.box:nth-of-type(1),
    .dev-boxes-ImgAndBoxes.section_Boxes .c-grid__item.box:nth-of-type(2) {
        --boxFlexBasis: calc(28% - var(--defaultSectionGridGap, 1rem));
    }
    .dev-boxes-ImgAndBoxes.section_Boxes .c-grid__item.box:nth-of-type(3) {
        --boxFlexBasis: calc(43% - var(--defaultSectionGridGap, 1rem));
    }
    .dev-boxes-ImgAndBoxes .box:nth-of-type(2) {
        top: 60px;
    }
}
.dev-boxes-ImgAndBoxes.section_Boxes .c-grid__item.box:nth-of-type(3) {
    --boxDisplay: flex;
    --boxMargin: 0 0 0 auto;
    justify-content: var(--boxJC, center);
}
.dev-boxes-ImgAndBoxes .box:nth-of-type(1) .c-section-boxes__inner-box .c-box__title, .dev-boxes-ImgAndBoxes .box:nth-of-type(1) .c-section-boxes__inner-box .c-box__paragraph, .dev-boxes-ImgAndBoxes .box:nth-of-type(1) .c-section-boxes__inner-box .c-btn, .dev-boxes-ImgAndBoxes .box:nth-of-type(2) .c-section-boxes__inner-box .c-box__title, .dev-boxes-ImgAndBoxes .box:nth-of-type(2) .c-section-boxes__inner-box .c-box__paragraph, .dev-boxes-ImgAndBoxes .box:nth-of-type(2) .c-section-boxes__inner-box .c-btn {
    --boxTitleDisplay: none;
    --boxParagraphDisplay: none;
    --boxBtnDisplay: none;
    --boxTitleDisplayHover: none;
    --boxParagraphDisplayHover: none;
    --boxBtnDisplayHover: none;
}

/* Boxes Staggered Boxes */
.dev-boxes-staggeredBoxes {
    --defaultSectionGridJustifyContent: center;
    --defaultSectionGridGap: 0px;
    --boxBackgroundColor: #fff;
    --boxBackgroundHoverColor: #fff;
    --boxPadding: 30px 0 0;
    --boxBorderRadius: 30px 30px 0 0;
    --boxShadow: var(--boxShadowEffect, 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16), 0 8px 8px rgba(0,0,0,0.2));
}

/* Elevator Boxes  */
body:not(.e-page__edit-mode) .dev-ElevatorBoxes.section_Boxes {
    --mobileDefaultSectionGridJustifyContent: center;
    --boxPosition: relative;
    --boxBackgroundColor: transparent;
    --boxBackgroundHoverColor: transparent;
    --boxBorderBottomWidth: var(--ElevatorBoxBorderBottomWidth, 10px);
    --boxBorderBottomColor: var(--ElevatorBoxBorderBottomColor, var(--btnBackgroundHoverColor));
    --boxBorderHoverColor: var(--boxBorderBottomColor, var(--btnBackgroundHoverColor, var(--paletteColor1)));
    --boxMinHeight: 320px;
    --boxImageHeight: 100%;
    --boxInnerPadding: 0;
    --boxTextColor: var(--ElevatorBoxFontColor, #fff);
    --boxTextHoverColor: var(--ElevatorBoxFontColor, #fff);
    --boxTitleSpanStyle: none;
    --boxInnerJustifyContent: flex-start;
    --boxBorderRadius: 0px;
    --boxBorderWidth: 0px;
    --boxImageWidth: 100%;
    --boxImageBorderRadius: 0;
    --boxImageHoverFilter: grayscale(1);
    --boxImageContainer: block;
    --btnPadding: 0;
}
body:not(.e-page__edit-mode) .dev-ElevatorBoxes .box {
  background-color: transparent;
}
.dev-ElevatorBoxes .box .ElevatorFront {
--boxTextColor: var(--ElevatorBoxFontColor, #fff);
--boxTextHoverColor: var(--ElevatorBoxFontColor, #fff);
--btnTextColor: var(--ElevatorBoxFontColor, #fff);
--btnTextHoverColor: var(--ElevatorBoxFontColor, #fff);
  display: var(--ElevatorBoxFrontDisplay, flex);
  width: var(--ElevatorBoxFrontWidth, 100%);
  max-width: var(--ElevatorBoxFrontMaxWidth, 100%);
  background-color: var(--ElevatorFrontBoxBG, var(--btnBackgroundColor, var(--paletteColor1)));
  padding: var(--ElevatorBoxFrontPadding, 20px);
}
.dev-ElevatorBoxes .box .ElevatorBack {
--boxTextColor: var(--ElevatorBoxBackColor, #fff);
--boxTextHoverColor: var(--ElevatorBoxBackColor, #fff);
--btnTextColor: var(--ElevatorBoxBackColor, #fff);
--btnTextHoverColor: var(--ElevatorBoxBackColor, #fff);
--boxTitleHoverOpacity: 1;
  position: var(--ElevatorBoxBackPosition, static);
  width: var(--ElevatorBoxBackWidth, 100%);
  height: var(--ElevatorBoxBackHeight, auto);
  opacity: var(--ElevatorBoxBackOpacity, 1);
  top: var(--ElevatorBoxBackTop, 100%) !important;
  background-color: var(--ElevatorBoxBackBG, var(--btnBackgroundColor, var(--paletteColor1)));
  padding: var(--ElevatorBoxBackPadding, 20px);
}
@media (min-width: 992px) {
    body:not(.e-page__edit-mode) .dev-ElevatorBoxes {
        --boxTitleHoverOpacity: 0;
        --defaultSectionGridGap: 1rem;
    }
  	.dev-ElevatorBoxes .box .ElevatorBack {
  	  --ElevatorBoxBackPosition: absolute;
  	  --ElevatorBoxBackHeight: 100%;
  	  --boxBtnMarginTop: 0;
  	}
	.dev-ElevatorBoxes .box:hover .ElevatorBack {
        --ElevatorBoxBackHeight: 100%;
        --ElevatorBoxBackOpacity: 1;
        --ElevatorBoxBackTop: 15%;
	}
}
@media (max-width: 991px) {
    .dev-ElevatorBoxes .box .ElevatorFront {
      --ElevatorBoxFrontDisplay: none;
    }
}

.e-page__edit-mode .dev-ElevatorBoxes .c-box__title, .e-page__edit-mode .dev-ElevatorBoxes p, .e-page__edit-mode .dev-ElevatorBoxes .c-btn {
    color: var(--ElevatorBoxTextColor, #000) !important;
}

body:not(.e-page__edit-mode) .dev-boxes-HoverEffect-RevealText {
    --boxMinHeight: 330px;
    --boxParagraphDisplay: none;
    --boxBorderWidth: 2px;
    --boxBackgroundHoverColor: var(--btnBackgroundHoverColor, var(--paletteColor1));
    --headingPaddingBottom: 10px;
    --boxTitleBorderBottomWidth: var(--lineWidth, 3px);
    --boxTitleBorderBottomColor: var(--boxHeadlineUnderlineColor, var(--lineColor, var(--paletteColor3)));
    --boxTextHoverColor: var(--btnTextHoverColor, #fff);
    --boxIconHoverColor: var(--btnTextHoverColor, #fff);
    --boxShadow: var(--boxShadowEffect, 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16), 0 8px 8px rgba(0,0,0,0.2));
}

/* DualImage Boxes */
.dev-boxes-DualImage,
.dev-boxes-DualImage-reverse {
    --defaultSectionGridAlignItems: center;
    --mobileDefaultSectionGridAlignItems: center;
    --defaultSectionGridGap: 1rem;
    --boxInnerOverflow: visible;
    --boxInnerPadding: 0;
    --boxImageWidth: 100%;
    --boxImageMaxWidth: 100%;
}
.dev-boxes-DualImage .box:nth-of-type(1),
.dev-boxes-DualImage-reverse .box:nth-of-type(3) {
    --boxImageContainerZIndex: 1;
}
.dev-boxes-DualImage .box:nth-of-type(1),
.dev-boxes-DualImage .box:nth-of-type(2),
.dev-boxes-DualImage-reverse .box:nth-of-type(2),
.dev-boxes-DualImage-reverse .box:nth-of-type(3) {
    --mobileBoxWidth: calc(50% - var(--boxGridGap, var(--defaultSectionGridGap, 2rem)));
    --boxTitleDisplay: none;
    --boxTitleDisplayHover: none;
    --boxParagraphDisplay: none;
    --boxParagraphDisplayHover: none;
    --boxBtnDisplayHover: none;
    --boxBtnDisplay: none;
    --boxImageBoxShadow: var(--boxShadowEffect, 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.16), 0 8px 8px rgba(0, 0, 0, 0.2));
}

.dev-boxes-DualImage .box:nth-of-type(3),
.dev-boxes-DualImage-reverse .box:nth-of-type(1)  {
    --boxImageContainer: none;
    --boxBtnMarginTop: 20px;
    --mobileBoxWidth: 100%;
}

@media (min-width: 768px) {
    .dev-boxes-DualImage.section_Boxes .box:nth-of-type(1),
    .dev-boxes-DualImage-reverse .box:nth-of-type(3) {
        --boxFlexBasis: calc(22% - var(--boxGridGap, var(--defaultSectionGridGap, 1rem)));
    }
    .dev-boxes-DualImage.section_Boxes .box:nth-of-type(2),
    .dev-boxes-DualImage-reverse .box:nth-of-type(2)  {
        --boxFlexBasis: calc(33% - var(--boxGridGap, var(--defaultSectionGridGap, 1rem)));
    }
    .dev-boxes-DualImage.section_Boxes .box:nth-of-type(3),
    .dev-boxes-DualImage-reverse .box:nth-of-type(1)  {
        --boxFlexBasis: calc(45% - var(--boxGridGap, var(--defaultSectionGridGap, 1rem)));
        --boxInnerPadding: 20px;
    }
}

.dev-boxes-DualImage .box:nth-of-type(2) .c-box-image,
.dev-boxes-DualImage .box:nth-of-type(2) .c-box-image__container {
    box-shadow: -70px -50px var(--paletteColor1);
    border-radius: var(--borderRadius, 0px);
}

.dev-boxes-DualImage-reverse .box:nth-of-type(3) .c-box-image,
.dev-boxes-DualImage-reverse .box:nth-of-type(3) .c-box-image__container  {
    box-shadow: none !important;
}
.dev-boxes-DualImage-reverse .box:nth-of-type(2) .c-box-image,
.dev-boxes-DualImage-reverse .box:nth-of-type(2) .c-box-image__container {
    box-shadow: 50px -70px var(--paletteColor1);
    border-radius: var(--borderRadius, 0px);
}



/* ------------------------------------ */
/* Misc Section Fixes */
/* ------------------------------------ */
/* Default Team Member Search */
 .section_TeamSearch  .c-developer-team__search {
  width: var(--teamMemberSearchContainerWidth, 100%);
 }

/* Contact Map Section */
.dev-contactInfoMap {
    --maxSectionWidth: var(--sitewideContainerWidth);
    --defaultSectionContainerMaxSectionWidth: 100%;
    --defaultSectionContainerPaddingTop: 0;
    --defaultSectionContainerPaddingBottom: 0;
    --defaultSectionContainerSidePadding: 0;
}

@media (min-width: 992px) {
    .dev-contactInfoMap {
        --defaultSectionContainerSidePadding: 0;
    }
}

.dev-contactInfoMap .contact-info {
    height: auto;
}

@media (max-width: 992px) {
    .dev-contactInfoMap .contact-info {
        padding: var(--contactInfoMobilePadding, 50px 0 50px max(2%, 20px));
    }
}

.dev-contactInfoMap .contactMap .mapContainer {
    padding-bottom: 0;
}

.dev-contactInfoMap .contactMap .mapContainer iframe {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    max-height: var(--mapMaxHeight, 550px);
    aspect-ratio: var(--mapAspectRatio, 3 / 2);
}

/* Side By Side SuperSection */
@media (min-width: 992px) {
    .sideBySide-SuperSection .o-container.superContainer,
    .o-container.superContainer {
        --defaultSectionContainerMaxSectionWidth: var(--superSectionMaxWidth, 100%);
        padding: 0;
    }
    .sideBySide-SuperSection .o-container.superContainer section.section {
        --defaultSectionWidth: 50%;
    }
}

/* SuperSection Tweaks */
.sideBySide-SuperSection .superOverlay {
    background: var(--superSectionOverlay, var(--overlayColor, hsla(var(--primaryHSL), 0.75)));
}

.sideBySide-SuperSection .box {
	min-width: initial;
}

@media (min-width: 992px) {
    .sideBySide-SuperSection .dev-boxes-ShadowHover.section_Boxes {
        --boxWidth: calc(50% - var(--boxGridGap, var(--defaultSectionGridGap, 2rem)));
    }
}

/* Left and Right Ribbons */
.dev-LeftRibbon,
.dev-RightRibbon {
    --defaultSectionContainerPosition: relative;
    --defaultSectionContainerZIndex: 1;
}
.dev-LeftRibbon::after,
.dev-RightRibbon::after {
    --sectionAfterContent: "";
    --sectionAfterDisplay: block;
    --sectionAfterWidth: 100%;
    --sectionAfterHeight: 100%;
    --sectionAfterPosition: absolute;
    --sectionAfterZIndex: 0;
    --sectionAfterBackground: var(--ribbonColor, #EFEFEF);
    --sectionAfterPositionTop: 0;
    --sectionAfterPositionleft: 0;
    --sectionAfterPositionRight: 0;
    --sectionAfterPositionBottom: 0 ;
}

/* Accent Triangle */
.dev-accentTriangle::after {
    --sectionAfterContent: "";
    --sectionAfterDisplay: block;
    --sectionAfterWidth: 120px;
    --sectionAfterHeight: 80px;
    --sectionAfterPosition: absolute;
    --sectionAfterZIndex: 6;
    --sectionAfterBackground: var(--paletteColor2);
    --sectionAfterPositionTop: 0;
    --sectionAfterPositionRight: 0;
    --sectionAfterPositionLeft: auto;
}

/* Team Cards */
.dev-TeamSection-Cards {
	--teamMemberWidgetTextColor: var(--bodyFontColor);
	--teamMemberWidgetTextHoverColor: var(--bodyFontColor);	
	--teamSocialBoderColor: transparent;
	--teamSocialBoderHoverColor: transparent;
    --teamMemberGridMaxWidth: 260px;
}

/* Elevator Team */
.dev-ElevatorTeam .c-team-section__container {
    --teamContainerJustifyContent: center;
}
.dev-ElevatorTeam .c-team-section__container .c-team-section__member {
    --teamMemberGridPadding: 0;
    --teamMemberGridPortraitMargin: 0;
    --teamMemberGridPortraittMaxWidth: 100%;
    --teamMemberGridWidth: 100%;
    --heading3Padding: 0 10px;
    --borderRadius: 0;
}

/*Arrow Headline */
.dev-arrowSlideinHeadline {
    --defaultSectionOverlayColor: var(--arrowSlideinColor, var(--paletteColor1));
}

/*Textbox Shadow*/
.dev-text-BoxShadow {
    --defaultSectionTextBackground: var(--textBoxInnerBG, var(--paletteColor1));
    --defaultSectionTextPadding: 35px;
    --boxTextColor: var(--shadowTextColor, #fff);
    --headingColor: var(--shadowHeadlineColor, #fff);
    --hyperlinkColor: var(--shadowLinkColor, #fff);
}
.dev-text-BoxShadow .box {
    box-shadow: var(--shadowBoxShadow, var(--paletteColor2) -20px -20px 0 0);
}

/* Half Form */
.dev-form-HalfForm {
    --contactFormFlow: column;
    --contactFormInputWidth: 100%;
    --formInputMargin: 5px auto;
    --formBtnMarginTop: 0;
}

/* CTA Form Container */
.ctaFormContainer {
    --defaultSectionGridMinHeight: 350px;
    --defaultSectionGridAlignContent: center;
}

.ctaFormContainer .o-container:not(.superContainer) {
    --defaultSectionContainerSidePadding: 5%;
}

@media (min-width: 992px) {
    .ctaFormContainer .o-container:not(.superContainer) {
        --defaultSectionContainerPaddingTop: 80px;
        --defaultSectionContainerPaddingBottom: 80px;
        --defaultSectionContainerMaxSectionWidth: calc(var(--sitewideContainerWidth, 1325px) / 2);
        --defaultSectionContainerMargin: 0;
    }
        .ctaFormContainer .section:nth-of-type(1) .o-container {
        --defaultSectionContainerMargin: 0 0 0 auto;
    }
}

@media (max-width: 991px) {
    .ctaFormContainer .o-container.superContainer {
        --defaultSectionContainerSidePadding: 0px;
    }
}

/* Color Background */
.dev-colorBackground {
    --headingColor: var(--themeColorBackgroundText, #fff);
    --formInputColor: #fff;
    --formErrorColor: #fff;
}

.dev-colorBackground p,
.dev-colorBackground span,
.dev-colorBackground li {
    color: var(--themeColorBackgroundText, #fff);
}

/* ToT Popup Section */
.dev-team-totPopup {
    --teamMemberListRowFlexFlow: column;
    --teamMemberListRowGap: 1.5rem;
    --teamMemberListPadding: 15px;
    --teamMemberListWidth: var(--ToTMemberWidthMobile, 100%);
    --teamMemberListInfoWidth: 100%;
    --teamMemberListPortraitWidth: 100%;
    --teamMemberListPortraitImgMaxWidth: 100%;
    --lineColor: #fff;
}
.dev-team-totPopup .c-team-section__container .c-team-list__section--developer {
    margin: var(--teamMemberListMargin, 0);
}

@media (min-width: 768px) {
    .dev-team-totPopup {
        --teamMemberListWidth: var(--ToTMemberWidthTablet, calc(33% - var(--teamContainerGap, 3rem)));
    }
}

@media (min-width: 1200px) {
    .dev-team-totPopup {
        --teamMemberListWidth: var(--ToTMemberWidthDesktop, calc(25% - var(--teamContainerGap, 3rem)));
    }
}

.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__info h4,
.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__info h4 a,
.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__info h4 p:nth-of-type(1),
.dev-ModalInner .c-team-member__info h4,
.dev-ModalInner .c-team-member__info h4 a,
.dev-ModalInner .c-team-member__info h4 p:nth-of-type(1) {
    font-weight: var(--ToTMemberHeadlineFontWeight, 600);
    font-size: var(--ToTMemberHeadlineFontSize, 1rem);
    text-transform: var(--ToTMemberHeadlineTransform, uppercase);
    letter-spacing: var(--ToTMemberHeadlineSpacing, 2px);
    margin: var(--ToTMemberHeadlineMargin, 0);
}

.dev-team-totPopup.dev-ModalInner .ContactInfo {
    display: var(--ToTMemberModalInfoDisplay, flex);
    flex-flow: var(--ToTMemberModalInfoFLow, column);
    gap: var(--ToTMemberModalInfoGap, 10px);
  }

/* ------------------------------------ */
/* Hero Section Fixes */
/* ------------------------------------ */

/* Niche Rotator */
.dev-nicheHero {
    --rotatorBorderRadius: 50px 0;
}

.dev-nicheHero .c-rotator-summary__box .c-rotator--description {
    margin-bottom: 25px;
}

/* Hero Text Aurora */
.dev-heroText-Aurora {
    --defaultSectionOverlayColor: var(--linearGradientVertical);
    --defaultSectionContentFontColor: #fff;
    --lineColor: #fff;
    --defaultSectionGridJustifyContent: flex-end;
    --defaultSectionTextWidth: calc(95% - 20px);
}
.dev-heroText-Aurora.dev-socialsRight {
    --defaultSectionGridJustifyContent: flex-start;
}
.dev-heroText-Aurora.dev-socialsRight .c-socialMedia {
    left: auto;
    right: 5%;
}

/* Quote Section Rotator */
.dev-rotator-Quote.section_Rotator {
    --defaultSectionContainerPaddingTop: 20px;
    --defaultSectionContainerPaddingBottom: 20px;
    --rotatorItemDisplay: block;
    --defaultSectionOverlayColor: var(--overlayColor, hsla(var(--primaryHSL), 0.75));
    --defaultSectionContentFontColor: #fff;
    --rotatorSummaryLeft: auto;
    --rotatorSummaryRight: auto;
    --rotatorSummaryBackground: transparent;
    --rotatorNavColor: #fff;
    --rotatorNavHoverColor: #fff;
    --rotatorSummaryMargin: 0 auto;
    --rotatorSummaryPadding: 50px 60px;
}

.dev-rotator-Quote .c-rotator-summary__box {
    width: var(--rotatorQuoteSummaryBoxWidth, 92%) !important;
}
/* Rotator Floating Vista */
.dev-rotator-FloatingVista.section_Rotator {
    --defaultSectionContainerPaddingTop: 0px;
    --defaultSectionContainerPaddingBottom: 0px;
    --rotatorSummaryTransform: translate(10%, -50%);
    --rotatorSummaryLeft: 10%;
    --rotatorSummaryRight: auto;
}

.dev-rotator-FloatingVista.section_Rotator .c-rotator-orientation--right {
    --rotatorSummaryLeft: auto;
    --rotatorSummaryRight: 0;
    --rotatorSummaryTransform: translate(-10%, -50%);
}

.dev-rotator-FloatingVista.section_Rotator .owl-stage-outer {
    height: var(--owlStageHeight, auto);
}

/* Rotator Small Image */
.dev-rotator-SmallImg.section_Rotator {
    --defaultSectionContainerPaddingTop: 20px;
    --defaultSectionContainerPaddingBottom: 20px;
    --defaultSectionOverlayColor: var(--overlayColor, var(--paletteColor1));
    --rotatorSummaryLeft: auto;
    --rotatorSummaryRight: auto;
    --rotatorSummaryBackground: transparent;
    --rotatorNavColor: #fff;
    --rotatorNavHoverColor: #fff;
    --rotatorItemHeight: 400px;
    --rotatorImgBackgroundSize: contain;
}

.dev-rotator-SmallImg.section_Rotator .c-rotator__image-wrapper .c-rotator__image {
    background-repeat: var(--rotatorImgRepeat, no-repeat);
}

/* Rotator LaJolla */
@media (min-width: 992px) {
    .dev-rotator-LaJolla {
      --rotatorcustmHeight: 500px;
      --rotatorSummaryWidth: 550px;
      --rotatorSummaryTop: auto;
      --rotatorSummaryLeft: calc(50% - 550px);
      --rotatorSummaryTransform: none;
      --defaultSectionBorderRadiusBottomRight: 33%;
    }
  }

/* ------------------------------------ */
/* Side By Side Section Fixes */
/* ------------------------------------ */

/* Side By Side Center Text  */
.dev-imgText-centerText {
    --defaultSectionGridAlignItems: center;
}

/* Side By Side Float */
@media (min-width: 992px) {
    body:not(.e-page__edit-mode) .dev-SxSFloat {
      --defaultSectionGridAlignItems: center;
      --imgTextBoxZIndex: 2;
      --imgTextBoxPosition: relative;
    }
    body:not(.e-page__edit-mode) .dev-SxSFloat.section_SideBySide .c-sxs__text {
       --imgTextBoxWidth: calc(55% - var(--defaultSectionGridGap, 2rem));
      left: var(--imgTextTextElementPositionLeft, auto);
      right: var(--imgTextTextElementPositionRight, auto);
    }
    body:not(.e-page__edit-mode) .dev-SxSFloat.section_SideBySide.Left .c-sxs__text {
      --imgTextTextElementPositionRight: 15%;
    }
    body:not(.e-page__edit-mode) .dev-SxSFloat.section_SideBySide.Right .c-sxs__text {
      --imgTextTextElementPositionLeft: 15%;
    }
    body:not(.e-page__edit-mode) .dev-SxSFloat .c-sxs__image {
        --imgTextImagePosition: relative;
        --imgTextImageWidth: calc(45% - var(--defaultSectionGridGap, 2rem));
    }
    body:not(.e-page__edit-mode) .dev-SxSFloat.Left .c-sxs__image {
        left: var(--imgTextImagePositionLeft, 0);
    }
    
    body:not(.e-page__edit-mode) .dev-SxSFloat.section_SideBySide .o-grid__collapse .c-sxs__image {
        padding-left: var(--imgTextImagePaddingLeft, 0);
        padding-right: var(--imgTextImagePaddingRight, 0);
  }
}

/* Old School imgText-Float */
@media (min-width: 992px) {
	.dev-imgText-Float .o-grid__collapse {
		--defaultSectionGridDisplay: block;
	}
}

@media (min-width: 992px) {
	.dev-imgText-Float .o-grid__collapse .c-sxs__image {
		--imgTextImageFloat: left;
		--imgTextImagePaddingRight: 20px;
		--imgTextImagePaddingBottom: 15px;
	}
}

.dev-imgText-Float .o-grid__collapse .c-sxs__text {
	--imgTextBoxWidth: auto;
}

.dev-imgText-Float.Right .o-grid__collapse {
	--defaultSectionGridFlexFlow: row-reverse;
}

@media (max-width: 991px) {
	.dev-imgText-Float.Right .o-grid__collapse {
		--defaultSectionGridFlexFlow: column;
	}
}

.dev-imgText-Float.Right .o-grid__collapse .c-sxs__image {
	--imgTextImageFloat: right;
}

@media (min-width: 992px) {
	.dev-imgText-Float.Right .o-grid__collapse .c-sxs__image {
		--imgTextImagePaddingleft: 20px;
		--imgTextImagePaddingBottom: 15px;
		--imgTextImagePaddingRight: 0;
	}
}
.dev-imgText-Float .o-grid__collapse .c-sxs__text p:nth-of-type(1) {
  --paragraphMarginTop: 0;
}

/* imgText-Heavy Text */
.dev-imgText-HeavyText {
    --imgTextBoxWidth: calc(70% - var(--defaultSectionGridGap, 2rem));
    --imgTextImageWidth: calc(30% - var(--defaultSectionGridGap, 2rem));
}


 /* Parallax */
.dev-parallax-MobileIOS,
.dev-parallax {
    --defaultSectionContainerZIndex: 2;
}
.dev-parallax-MobileIOS .overlay .parallax-section::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: var(--parallaxBgColor, rgba(0,0,0,0.2));
}