/*
Theme Name: LMS
Version: 1.0
Description: A child theme of Divi
Author: admin
Template: Divi
*/

@import url("../Divi/style.css");

#MainBanner #VideoCol{
	display: block !important;
}

.scroll-down-module{
	text-align: center !important;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 3px;
	color: #fff;
}

.scroll-down-module img{
	max-height: 100px;
	padding-top: 10px;
}

#ScrollDown{
	position: absolute;
	top: auto;
	left: 50%;
	transform: translatex(-50%);
	bottom: 10px;
}

#mobileRowScrollHide > div:first-child #ScrollDown{
	display: none !important;
}

.mobileService{
	display: none !important;
}

#main-content{
	position: relative;
	z-index: 2;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background-color: var(--blue);
	opacity: 0.5;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--orange);
}

.footer-accred{
	display: flex;
	gap: 30px;
	padding-bottom: 30px;
	justify-content: flex-end;
}

.accred-container {
	width:60px;
}

.footer-accred img{
	width: 100%;
	max-width: 100px;
}

/* CSS VARIABLES */
:root {
	/*FONTS & COLORS*/
	--montsWeight: 600;
	--orange: #ca432b;
	--blue: #052132;
	--lightBlue: #7c9591;
	--oceanBlue: #11577d;
	--slateGrey: #5f5f5f;
	--headingFontFamily: 'Zeit-Light',Helvetica,Arial,Lucida,sans-serif;
	--subheadingFontFamily: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	--cursiveFontFamily: 'Quentin',Helvetica,Arial,Lucida,sans-serif;
	--cursiveFontSize: 24px;
	--cursiveFontSizeMobile: 36px;
	--mainTransitionSpeed: 300ms;
	/*PRIMARY HEADINGS*/
	--headingSize: 100px;
	--headingDeltaX: 80px;
	--headingLineHeight: 0.9em;
	--headingPadding: 25px;
	/*SECONDARY HEADINGS*/
	--secondaryHeadingSize: 36px;
	--secondaryHeadingColor: #11547f;
	--secondaryHeadingPadding: 20px;
	/*TERTIARY HEADINGS*/
	--tertiaryHeadingSize: 22px;
	--tertiaryHeadingColor: #11547f;
	--tertiaryHeadingPadding: 20px;
	--tertiaryLineHeight: 1.2em;
	/*BODY COPY*/
	--bodyLineHeight: 2.1em;
	/*QUOTES*/
	--quoteFontSizeLarge: 62px;
	--quoteFontSizeMedium: 32px;
	/*MAIN SECTION*/
	--mainBannerPadding: 0;
	--mainBannerHeight: 100vh;
	--mainBannerButtonMarginTop: 130px;
	/*SERVICE SECTION*/
	--itemWidth: 29%;
	--itemPadding: 5%;
	/*TIMELINE SECTION*/
	--timeLineItemWidth: 25%;
	--timeLineItemPadding: 5%;

}

/* END OF CSS VARIABLES */

header{
	z-index: -1;
	opacity: 0;
}

.et-fb-tabs-outer{
	z-index: 2;
	opacity: 1;
}

header.active{
	z-index: 10000;
	opacity: 1;
	position: relative;
}

/* SCROLLSPY STYLES */

#lms-scroll-spy-section{
	position: fixed;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}

.lms-scroll-spy-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	transform: scale(1.15);
}

.lms-scroll-spy-container:hover .lms-scroll-text:has(+ .active){
	opacity: 1;
}

.lms-scroll-spy-pins{
	position: relative;
	pointer-events: none;
}

.lms-scroll-spy-container .arrow-up{
	transform: rotate(-90deg);
	z-index: 10;
}

.lms-scroll-spy-container .arrow-up span{
	transform: rotate(90deg);
	color: var(--lightBlue);
}

.lms-scroll-spy-container .arrow-down{
	transform: rotate(90deg);
	z-index: 10;
}

.lms-scroll-spy-container .arrow-down span{
	transform: rotate(-90deg);
	color: var(--lightBlue);
}

.lms-scroll-spy-container .lms-carousel-navigation{
	position: relative;
	top:0;
	left: 10px;
	right: 0;
}

.lms-scroll-text{
	font-family: var(--cursiveFontFamily);
	color: var(--lightBlue);
	font-size: 22px;
	position: absolute;
	left:0;
	top:0;
	transform: translatex(calc(-100% - 10px));
	white-space: nowrap;
	opacity: 0;
	transition: opacity var(--mainTransitionSpeed) ease, left var(--mainTransitionSpeed) ease;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.1);
}

.lms-pin-container{
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 0;
	position: relative;
	margin-left: -10px;
}

.lms-scroll-pins-inner,.lms-scroll-spy-pins,.lms-scroll-pins-static{
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 0;
}

.lms-scroll-pins-static:first-child{
	padding-top: 25px;
}

.lms-scroll-pins-static:last-child{
	padding-bottom: 25px;
}

.lms-scroll-pin{
	display: inline-block;
	width: 10px;
	height: 1px;
	background-color: var(--lightBlue);
	margin-right: 3px;
}

.lms-scroll-pin.main{
	width: 20px;
	height: 2px;
	background-color: var(--orange);
	position: relative;
	transition: background-color var(--mainTransitionSpeed) ease;
}

.lms-scroll-pin.main::before{
	content: "";
	width: 10px;
	height: 2px;
	position: absolute;
	background-color: var(--lightBlue);
	top:0;
	left: -10px;
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform var(--mainTransitionSpeed) ease;
}

.lms-scroll-pin.main.active{
	background-color: var(--lightBlue);
}

.lms-scroll-pin.main.active::before{
	background-color: var(--lightBlue);
	transform: scaleX(1);
}

.lms-scroll-text:has(+ .active){
	left: -10px;
	opacity: 1;
}

.pin-10 {
	opacity:0.1;
	width:2px;
	transform: translateX(8px);
}

.pin-20 {
	opacity:0.2;
	width:3px;
	transform: translateX(7px);
}

.pin-30 {
	opacity:0.3;
	width:4px;
	transform: translateX(6px);
}

.pin-40 {
	opacity:0.4;
	width:5px;
	transform: translateX(5px);
}

.pin-50 {
	opacity:0.5;
	width:6px;
	transform: translateX(4px);
}

.pin-60 {
	opacity:0.6;
	width:7px;
	transform: translateX(3px);
}

.pin-70 {
	opacity:0.7;
	width:8px;
	transform: translateX(2px);
}

.pin-80 {
	opacity:0.8;
	width:9px;
	transform: translateX(1px);
}

.pin-90 {
	opacity:0.9;
}



/* END OF SCROLLSPY STYLES */

/*DIVI STYLES OVERRIDES*/

.et_pb_bg_layout_dark .et_pb_slide_description{
	text-shadow: none !important;
}

#MainNavigationSection .et_pb_menu_0{
	margin-top: 0 !important
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
	padding-bottom: 0 !important;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a::after{
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: transparent;
}

blockquote{
	margin: 0;
	padding: 0;
	border: none;
}

.scrolled{
	background-color: #FFF !important;
}

#MainNavigationSection.scrolled li:not(.current-menu-item) a{
	color: #000 !important
}

/* END OF DIVI STYLE OVERRIDES */

/*BUTTON STYLES*/

.btn-dark{
	color: #000;
}

.btn-light{
	color: #FFF;
}

.btn-blue{
	color: var(--oceanBlue);
}

.btn-bold{
	font-weight: 700 !important;
}

.lms-submit-container{
	isolation: isolate;
}

.lms-button,.lms-submit-container, .lms-submit-container input{
	text-transform: uppercase;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: var(--montsWeight);
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	transition: color var(--mainTransitionSpeed) ease;
}

.lms-button{
	z-index: 2;
}

.lms-button::after,.lms-submit-container::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	min-height: 2px;
	max-height: 100px;
	background-color: var(--orange);
	transition: transform var(--mainTransitionSpeed) ease 500ms, height var(--mainTransitionSpeed) ease;
	z-index: -1;
}

.lms-button:hover, .lms-submit-container:hover input{
	color: #FFF;
	transition: color var(--mainTransitionSpeed) ease var(--mainTransitionSpeed);
}

.lms-button:hover::after, .lms-submit-container:hover::after{
	transform: scaleX(1.2);
	height: calc(100% + 13px);
	transition: transform var(--mainTransitionSpeed) ease, height var(--mainTransitionSpeed) ease 500ms;
}

/* END OF BUTTON STYLES */

/* NAVBAR STYLES */
/* END OF NAVBAR STYLES */

/* HEADING STYLES */

.MainBannerIntro h1{
	opacity: 0;
	z-index: -1;
	transform: translateX(-100%);
	transition: opacity calc(var(--mainTransitionSpeed) * 2 ) ease, transform calc(var(--mainTransitionSpeed) * 4 ) ease;
}

.MainBannerIntro .lms-button-container{
	display: none;
}

.MainBannerIntro.active .lms-button-container{
	display: block;
}

.MainBannerIntro.active h1{
	opacity: 1;
	z-index: 2;
	transform: translateX(0%);
}

.MainBannerIntro h1{
	font-family: var(--headingFontFamily);
	color: var(--orange);
	font-size: calc(var(--headingSize) + 25px );
	text-transform: uppercase;
	line-height: var(--headingLineHeight);
	padding-bottom: var(--headingPadding);
}

.MainBannerIntro p{
	font-family: var(--cursiveFontFamily);
	color: var(--lightBlue);
	font-size: var(--cursiveFontSize);
}

.lms-secondary-heading h2{
	font-size: var(--secondaryHeadingSize);
	color: var(--secondaryHeadingColor);
	padding-bottom: var(--secondaryHeadingPadding);
}

.lms-tertiary-heading h3{
	font-size: var(--tertiaryHeadingSize);
	font-family: var(--headingFontFamily);
	color: #000;
}

/* END OF HEADING STYLES */

/* BODY CONTENT STYLES */

.lms-body-content p{
	line-height: var(--bodyLineHeight);
}

.lms-quote blockquote{
	padding: 0;
	font-family: var(--cursiveFontFamily);
	line-height: var(--bodyLineHeight);
}

.lms-quote__large blockquote{
	color: #FFF;
	font-size: var(--quoteFontSizeLarge);
}

.lms-quote__medium blockquote{
	color: var(--slateGrey);
	font-size: var(--quoteFontSizeMedium);
	line-height: calc(var(--bodyLineHeight) - 0.5em);
}

.lms-author{
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: var(--subheadingFontFamily);
	letter-spacing: 2px;
}

.lms-author p{
	color: #FFF !important;
}

/* END OF BODY CONTENT STYLES */

/* SECTION STYLES */

/* Main Banner */

#MainBannerCode{
	height: 100%;
	transform: scale(1.2);
	transform-origin: right;
	pointer-events: none;
}

#MainBannerCode > .et_pb_code_inner{
	height:100%;
}

#MainBannerCode .fluid-width-video-wrapper{
	height: 100%;
	padding: 0;
}

#MainBanner, #MainBanner > .et_pb_row{
	padding: var(--mainBannerPadding);
	min-height: var(--mainBannerHeight);
}

#MainBanner > .et_pb_row .et_pb_column:first-child{
	width: 23% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 10;
}

#MainBanner > .et_pb_row .et_pb_column:last-child{
	width: 77% !important;
}

.lms-landing-banner{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1000ms ease;
}


.lms-landing-banner.active{
	opacity: 1;
	transition: opacity 1000ms ease 500ms;
}

.MainBannerIntro{
	position: absolute;
	margin-left: var(--headingDeltaX);
	transform: translatey(calc(var(--mainBannerButtonMarginTop) - 41px));
	left:0;
}

.MainBannerIntro .lms-button-container{
	margin-top: var(--mainBannerButtonMarginTop);
}
/* End of Main Banner */
/* END OF SECTION STYLES */

/* OUR SERVICE STYLES */

.lms-carousel-inner{
	display: flex;
	position: relative;
	padding: 30px 0;
	overflow: hidden;
}

.da-outer{
	padding: 0 10px;
	width: var(--itemWidth);
	flex-shrink: 0;
	display: flex;
}

.lms-carousel-item{
	background-color: var(--blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--itemPadding);
	padding-inline: calc(var(--itemPadding) / 2 );
	text-align: center;
	border: 4px solid var(--oceanBlue);
	transition: border-color var(--mainTransitionSpeed) ease, top var(--mainTransitionSpeed) ease, background-color var(--mainTransitionSpeed) ease;
	position: relative;
	top: 0;
	width: 100%;
}

.service-carousel .da-outer.hidden{
	pointer-events: none;
}

.service-carousel .lms-carousel-item .lms-carousel-image, .service-carousel .lms-carousel-item .lms-carousel-content{
	transition: opacity 200ms ease;
}

.service-carousel .da-outer.hidden .lms-carousel-image, .service-carousel .da-outer.hidden .lms-carousel-content{
	transition: opacity 100ms ease;
}

.service-carousel .da-outer.hidden .lms-carousel-image, .service-carousel .da-outer.hidden .lms-carousel-content{
	opacity: 0;
}

.lms-carousel-item img{
	width: 100%;
	max-width: 120px;
}

.lms-carousel-item h3{
	font-size: var(--tertiaryHeadingSize);
	color: #FFF;
	font-family: var(--headingFontFamily);
	line-height: var(--tertiaryLineHeight);
}

.service-carousel .lms-carousel-item .lms-carousel-item-inner{
	position: relative;
	top: 22.5%;
	transition-property: top;
	transition-duration: var(--mainTransitionSpeed);
	transition-timing-function: ease;
}

.lms-carousel-item h3, .lms-carousel-image{
	padding-bottom: 30px;
}

.lms-carousel-item .lms-carousel-description{
	line-height: var(--bodyLineHeight);
	color: #FFF;
	opacity: 0;
	transition-property: opacity;
	transition-duration: var(--mainTransitionSpeed);
	transition-timing-function: ease;
}

.service-carousel .lms-carousel-item:hover{
	border-color: #FFF;
	-webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	background-color: var(--orange);
	top: -20px;
}

.service-carousel .lms-carousel-item:hover .lms-carousel-image{
	filter: brightness(0%) invert(1);
}

.service-carousel .lms-carousel-item:hover .lms-carousel-item-inner{
	top: 0;
}

.service-carousel .lms-carousel-item:hover .lms-carousel-description{
	opacity: 1;
}

.lms-carousel-description .lms-button-container{
	margin-top: 30px;
}

.service-carousel .lms-carousel-item .lms-button::after{
	transition: transform var(--mainTransitionSpeed) ease;
	background-color: #FFF;
	transform: scalex(0);
}

.service-carousel .lms-carousel-item:hover .lms-button::after{
	transition: transform var(--mainTransitionSpeed) ease var(--mainTransitionSpeed);
	transform: scalex(1);
	transform-origin: 0 0;
}

.service-carousel .lms-carousel-item .lms-button:hover::after{
	height: 2px !important;
}

.lms-carousel-description .lms-button-container a{
	color: #FFF;
}

.lms-carousel-navigation{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	display: flex;
	align-items: center;
	font-family: var(--headingFontFamily);
	font-weight: 700;
	cursor: pointer;
	width: 50px;
}

.lms-carousel-navigation.arrow-left{
	left: -80px;
	transform: translatey(-50%) scale(-1);
}

.lms-carousel-navigation.arrow-left span{
	transform: scale(-1);
	padding-left: 5px;
}

.lms-carousel-navigation.arrow-right span{
	padding-right: 5px;
}

.lms-carousel-navigation.arrow-left span, .lms-carousel-navigation.arrow-right span{
	font-size: 12px;
	color: #64737a;
	display: inline-block;
}

.lms-carousel-navigation.arrow-right{
	right: 2.5%;
	filter: brightness(10);
}

.lms-carousel-navigation img{
	width: 100%;
	max-width: 30px;
	filter: invert(43%) sepia(28%) saturate(197%) hue-rotate(154deg) brightness(96%) contrast(89%);
}

/* END OF SERVICE STYLES */

/* FOUNDERS SECTION STYLES */

.lms-founder-image-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.lms-founder-image-container .lms-founder-image-wrapper:first-child{
	transform: translatex(22px);
	z-index: 10;
}

.lms-founder-image-container .lms-founder-image-wrapper:last-child{
	transform: translatex(-22px);
}

.lms-founder-image-container .lms-founder-image-wrapper img{
	width: 100%;
	max-width: 150px;
}
/* END OF FOUNDER SECTION STYLES */

/* TESTIMONIAL SECTION */

.lms-testimonial-code .arrow-right{
	right: -80px;
	filter: none;
}

.lms-testimonial-slider-inner{
	background-color: var(--lightBlue);
	text-align: center;
	padding: 45px 45px 45px;
	color: #FFF;
}

.lms-testimonial-slide:not(.active){
	position: absolute;
	opacity: 0;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 90px);
}

.lms-testimonial-slide.active{
	position: relative;
	opacity: 1;
	transition: opacity var(--mainTransitionSpeed) ease;
}

.lms-testimonial-content{
	padding-bottom: 25px;
}

.lms-testimonial-content blockquote{
	font-family: var(--headingFontFamily);
	font-style: italic;
	line-height: var(--bodyLineHeight);
}

.testimonial-slide-author .lms-author{
	padding-bottom: 5px;
	color: var(--blue);
}

.lms-testimonial-slider-inner .author-company{
	color: var(--blue);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}

/* END OF TESTIMONIAL SECTION */

.recent-posts-container, .experience-container.hunts-container {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.recent-post h4{
	font-family: var(--headingFontFamily);
	letter-spacing: 1px;
	font-size: var(--quoteFontSizeMedium);
	line-height: var(--tertiaryLineHeight);
	margin-bottom: 10px;
}

.recent-post .post-content-inner,.recent-post h4 {
	position: relative;
	transition: transform var(--mainTransitionSpeed) ease;
	color: #FFF;
}

.recent-post:hover .post-content-inner + h4 {
	transform: translateY(-10px);
}

.recent-post{
	background-size: cover;
	background-position: center;
	min-height: 512px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}

.recent-post::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(5,33,50);
	background: linear-gradient(180deg, rgba(5,33,50,0) 30%, rgba(5,33,50,0.5) 60%, rgba(5,33,50,1) 100%);
	opacity: 1;
	transition: var(--mainTransitionSpeed) opacity  ease;
}

.recent-post::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--blue);
	opacity: 0;
	transition: opacity var(--mainTransitionSpeed) ease;
}

.post-content {
	padding: 40px;
	z-index: 10;
	color: #FFF;
	position: relative;
	transform: translatey(40px);
	transition: transform var(--mainTransitionSpeed) ease;
}

.recent-post:hover .post-content{
	transform: translatey(0);
}

.recent-post:hover::before{
	opacity: 0.5;
}

.recent-post:hover .post-content-inner p, .recent-post:hover .post-read-more, .recent-post:hover::after {
	opacity: 1;
}

.recent-post:hover .post-content-inner {
	transform: translateY(-160px);
}

.recent-post .post-content-inner p {
	opacity: 0;
	position: absolute;
	transition: opacity var(--mainTransitionSpeed) ease;
	line-height: var(--bodyLineHeight);
}

.recent-post .post-read-more{
	opacity: 0;
	transition: opacity var(--mainTransitionSpeed) ease;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	font-family: var(--subheadingFontFamily);
	position: relative;
}


.recent-post .post-read-more::after,.lms-footer-menu .et_pb_menu__wrap a::after,.lms-footer-legal-container a::after,.lms-secondary-banner-breadcrumb a::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: var(--orange);
	transform: scaleX(0);
	position: absolute;
	bottom: -20px;
	left:0;
	display: inline-block;
	transform-origin: 0 0;
}

.lms-secondary-banner-breadcrumb a::after{
	transition: transform var(--mainTransitionSpeed) ease;
}

.recent-post:hover .post-read-more::after{
	transform: scalex(1);
	transition: transform var(--mainTransitionSpeed) ease var(--mainTransitionSpeed);
}

.lms-footer-menu .et_pb_menu__wrap{
	justify-content: flex-end;
}

.lms-footer-menu .et_pb_menu__wrap a{
	color: var(--oceanBlue);
	text-transform: uppercase;
	opacity: 1 !important;
}

.lms-footer-menu .et_pb_menu__wrap a::after,.lms-footer-legal-container a::after{
	background-color: var(--orange) !important;
	transition: transform var(--mainTransitionSpeed) ease;
}

.lms-footer-menu .et_pb_menu__wrap a:hover::after,.lms-footer-legal-container a:hover::after,.lms-secondary-banner-breadcrumb a:hover::after{
	transform: scalex(1);
}

footer form{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.lms-newsletter-container,.lms-newsletter-inner{
	display: flex;
}

.lms-newsletter-container{
	flex-direction: column;
}

.lms-newsletter-container .lms-newsletter-title p{
	color: var(--oceanBlue);
	font-size: 22px;
	font-family: var(--cursiveFontFamily);
}

.lms-newsletter-container input{
	padding: 10px;
	border: none;
	width: 100%;
	border: 2px solid transparent;
}

.lms-newsletter-container input[type="submit"]{
	background-image: url(https://lauderdalemarineservices.com/wp-content/uploads/2024/01/arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: var(--orange);
	background-size: 25px;
	padding-inline: 5px;
	border: 2px solid transparent;
	transition: background-position var(--mainTransitionSpeed) ease, border-color var(--mainTransitionSpeed) ease;
	cursor: pointer;
	border-left: none !important;
}

.lms-newsletter-container input[type="submit"]:hover{
	background-position: 75% 50%;
	border-color: #FFF;
}

.lms-newsletter-container input[type="submit"]{
	color: transparent;
}

.lms-newsletter-container input::placeholder{
	color: #a9a9a6;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.wpcf7-spinner{
	position: absolute;
}

.lms-footer-legal-container{
	display: flex;
	gap: 10px;
}

.social-container{
	justify-content: flex-end;
	font-weight: 700;
	color: var(--oceanBlue);
}

.lms-footer-legal-container a{
	text-transform: uppercase;
	color: var(--oceanBlue);
	font-size: 10px;
	font-family: var(--subheadingFontFamily);
	position: relative;
}

.social-container a{
	text-transform: lowercase;
	font-weight: 700;
	position: relative;
	font-size: 12px;
	display: inline-block;
}

.social-container a::after{
	display: none;
}

.social-container a img{
	width: 25px;
	filter:  invert(29%) sepia(42%) saturate(4887%) hue-rotate(353deg) brightness(88%) contrast(77%);
}

.social-container a:hover img{
	filter: invert(24%) sepia(97%) saturate(640%) hue-rotate(164deg) brightness(93%) contrast(92%);

}

.wpcf7-response-output{
	width: 100%;
	text-align: right;
	color: var(--orange);
	border: none !important;
}

.wpcf7-not-valid{
	border-color: var(--orange) !important;
}

.wpcf7-not-valid-tip{
	display: none;
}

/* ABOUT PAGE STYLES */

#MainBanner.secondary-banner{
	min-height: 500px !important;
}

#MainBanner.secondary-banner > .et_pb_row:not(#SecondaryHeadingContainer){
	min-height: 100vh !important;
}

#MainBanner #SecondaryHeadingContainer > .et_pb_column:last-child{
	width: 100% !important;
}

.lms-secondary-banner-container{
	/* 	display: flex;
	justify-content: space-between;
	align-items: flex-end; */
	display: block;
}

.lms-secondary-banner-container h1{
	margin-bottom: 30px;
}


.lms-secondary-banner-container .lms-secondary-banner-breadcrumb span, .lms-secondary-banner-container .lms-secondary-banner-breadcrumb a{
	color: var(--lightBlue);
	font-family: var(--headingFontFamily);
	font-size: 16px;
	opacity: 0.5;
	position: relative;
}

.lms-secondary-banner-container .breadcrumb--dark span, .lms-secondary-banner-container .breadcrumb--dark a{
	color: var(--lightBlue);
	opacity: 0.5;
}

#SecondaryHeadingContainer .MainBannerIntro{
	margin-left: 0;
	width: 100%;
	transform: translatey(50px);
	opacity: 1;
	z-index: 2;
}

#SecondaryHeadingContainer .MainBannerIntro h1{
	padding-bottom: 0;
	z-index: 2;
	opacity: 1;
	transform: translatex(0);
	font-size: var(--headingSize);
}

.lms-team-wrapper{
	padding: 40px;
}

.lms-team-container{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.lms-team-container .lms-team-image{
	display: flex;
	align-items: center;
	width: 100%;
	gap: 50px;
}

.lms-team-container .lms-team-image img{
	width: 100%;
	max-width: 150px;
}

.lms-team-container .lms-team-content{
	color: var(--oceanBlue);
	line-height: calc(var(--bodyLineHeight) - 0.15em);
}

.lms-team-socials{
	display: flex;
	align-items: center;
	padding-top: 10px;
	gap: 25px;
}

.lms-team-socials a{
	width: 25px;
}

.lms-team-container .lms-team-socials img{
	max-width: 25px;
	width: 100%;
}

.lms-team-container .lms-tertiary-heading h3{
	color: var(--blue);
	font-size: 30px;
}

.timeline-carousel .lms-carousel-navigation{
	display: none;
}

.lms-carousel-navigation span{
	transition: opacity var(--mainTransitionSpeed) ease, transform var(--mainTransitionSpeed) ease;
	opacity: 0;
}

.lms-carousel-navigation.arrow-left:hover span{
	opacity: 1;
	transform: translateX(-7px) scale(-1);
}

.lms-carousel-navigation.arrow-right:hover span{
	transform: translateX(-7px);
	opacity: 1;
}

.lms-carousel-navigation.arrow-left img, .lms-carousel-navigation.arrow-right img {
	transform: translateX(0px);
	transition:.3s;
}

.lms-carousel-navigation.arrow-left:hover img, .lms-carousel-navigation.arrow-right:hover img {
	transform: translateX(7px);
	transition:.2s;
}



.timeline-carousel .lms-carousel-item{
	width: calc(var(--timeLineItemWidth));
	border: none;
	position: relative;
	margin: 0;
	padding: 30px;
}

.timeline-carousel .lms-carousel-item:nth-child(2n){
	transform: translatey(75px);
}

.timeline-carousel .lms-carousel-item-inner{
	display: flex;
	gap: 30px;
	margin-bottom: 50px;
}

.timeline-carousel .lms-carousel-item-inner .lms-carousel-content{
	order: 1;
}

.timeline-carousel .lms-carousel-item-inner .lms-carousel-image{
	order: 2;
	position: relative;
}

.timeline-carousel .lms-carousel-item-inner .lms-carousel-content h3{
	font-family: var(--headingFontFamily);
	font-weight: 400;
	text-align: right;
	letter-spacing: 1px;
	font-size: clamp(22px, 5vw, 30px);
}

.timeline-carousel .lms-carousel-item-inner .lms-carousel-image img{
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);
	width: auto;
	mix-blend-mode: soft-light;
	filter: grayscale(100%);
	transition: filter var(--mainTransitionSpeed) ease, transform var(--mainTransitionSpeed) ease;
	position: relative;
} 

.timeline-carousel .lms-carousel-item-inner .lms-carousel-image img:hover{
	filter: grayscale(0%);
	mix-blend-mode: initial;
	transform: rotate(15deg);
	z-index: 20;
}

.timeline-carousel .lms-carousel-item-inner .lms-carousel-image .floating-image{
	top: 40px;
	right: -15%;
	position: absolute;
	max-width: 80px;
	z-index: 10;
}

.timeline-carousel .lms-carousel-item .flag-image{
	margin-left: 100px;
}

.timeline-carousel .lms-carousel-item .flag-image img{
	max-width: 65px;
}

/* END OF ABOUT PAGE STYLES */

/*OUR CLIENTS STYLES*/

.lms-client-testimonial-row{
	background-color: var(--lightBlue);
}

.lms-testimonial-code--clients .lms-testimonial-slider-inner{
	padding: 55px 55px;
	max-width: 80%;
	margin: 0 auto;
}

.lms-testimonial-code--clients .lms-testimonial-content{
	padding-bottom: 65px;
}

.lms-testimonial-code--clients .arrow-container{
	position: absolute;
	top: 34%;
	gap: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	right: 55px;
	transform: translatey(-50%);
	filter: brightness(0) invert(1);
}

.lms-testimonial-code--clients .lms-testimonial-content blockquote{
	font-style: normal;
	font-family: var(--subheadingFontFamily);
}

.lms-testimonial-code--clients .lms-author, .lms-testimonial-code--clients .author-company {
	color: #FFF;
}

.lms-testimonial-code--clients .arrow-container .arrow-top{
	transform: rotate(-90deg) !important;
	z-index: 10;
}

.lms-testimonial-code--clients .arrow-container .arrow-top span{
	transform: rotate(90deg) !important;
}

.lms-testimonial-code--clients .arrow-container .arrow-bottom{
	transform: rotate(90deg) !important;
	z-index: 10;
}

.lms-testimonial-code--clients .arrow-container .arrow-bottom span{
	transform: rotate(-90deg) !important;
}

.lms-testimonial-code--clients .arrow-container .lms-carousel-navigation{
	position: relative;
	top: initial;
	right: initial;
	left: initial;
	transform: none;
}

/* END OF OUR CLIENTS STYLES */

/* LOCAL MARINER STYLES */

.mariner-posts-container{
	gap: 50px;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.mariner-post{
	transition: transform var(--mainTransitionSpeed) ease;
}

.mariner-post:hover{
	transform: translatey(-30px);
}

.mariner-post-image img{
	max-height: 350px;
	width: 100%;
	object-fit: cover;
	object-position: 100% 55%;
	transition:  box-shadow var(--mainTransitionSpeed) ease;
}

.mariner-post:hover img{
	-webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
}

.mariner-post-content-inner h4{
	color: var(--blue);
	letter-spacing: 1px;
	font-size: 18px;
	line-height: calc(var(--tertiaryLineHeight) + 0.25em );
	font-family: var(--headingFontFamily);
	margin-top: 10px;
}

/* END OF LOCAL MARINER STYLES */

/* SINGULAR POST STYLES */

.lms-post-content-row > .et_pb_column:first-child,.lms-post-content-row > .et_pb_column:last-child{
	width: 18% !important;
}

.lms-post-content .et_pb_video_play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	line-height: 1 !important;
	margin: 0 !important;
	font-size: initial !important;
}

.lms-post-content .et_pb_video .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::before{
	content: url("https://lauderdalemarineservices.com/wp-content/uploads/2024/01/play_icon.svg")!important;
	width: 80px;
	display: inline-block;
	filter: brightness(100);
}

.post-date{
	color: var(--blue);
	font-size: 14px;
	font-family: var(--subheadingFontFamily);
	letter-spacing: 1.5px;
}

.lms-post-content-row > .et_pb_column:first-child{
	padding-right: calc(5% - 33px); 
}

.lms-post-content-row > .et_pb_column:last-child{
	padding-left: calc(5% - 33px);  
}

.lms-post-content-row > .et_pb_column:nth-child(2){
	width: 64% !important;
	padding-inline: 23px;
}

.lms-post-content .et_pb_row{
	width: 100%;
	max-width: none;
}

.related-post-container ul{
	padding: 0;
	list-style: none;
}

.related-post-container li{
	line-height: 1.5em;
	padding-bottom: 20px;
}

.related-post-container a{
	color: var(--blue);
	font-family: var(--headingFontFamily);
	font-size: 16px;
	transition: color var(--mainTransitionSpeed) ease;
	position: relative;
}

.related-post-container a::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: var(--orange);
	transform: scaleX(0);
	position: absolute;
	bottom: -12px;
	left:0;
	display: inline-block;
	transform-origin: 0 0;
	transition: transform var(--mainTransitionSpeed) ease;
	display: none !important;
}

.related-post-container a:hover{
	color: var(--orange);
}
.related-post-container a:hover::after{
	transform: scalex(1);
}

.post-details{
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.post-details h4{
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	color: #052132!important;
	letter-spacing: 1.5px;
	text-align: left;
	padding-bottom: 0;
}

.article-details-container h4{
	padding-bottom: 20px;
}

.details-inner > div{
	display: grid;
	grid-template-columns: 30% 70%;
	column-gap: 10px;
}

.details-inner div p, .details-inner div a{
	color: var(--blue);
	font-size: 12px;
	font-family: var(--subheadingFontFamily);
	pointer-events: none;
}

.related-posts-container{
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 40px;
}

.related-post--thumbnail{
	transition: transform var(--mainTransitionSpeed) ease;
	display: flex;
	flex-direction: column;
}

.related-post--thumbnail:hover{
	transform: translatey(-30px);
}

.related-post--thumbnail h4{
	color: var(--blue);
	letter-spacing: 1px;
	font-size: 18px;
	line-height: calc(var(--tertiaryLineHeight) + 0.25em );
	font-family: var(--headingFontFamily);
	margin-top: 10px;
}

.related-post--thumbnail > a img{
	/* 	max-height: 350px; */
	width: 100%;
	object-fit: cover;
	object-position: 100% 55%;
	transition:  box-shadow var(--mainTransitionSpeed) ease;
	margin-bottom: 10px;
	aspect-ratio: 4/3;
}

.related-post--thumbnail > div > div a:last-child{
	color: var(--orange);
	font-family: var(--headingFontFamily);
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin-top: auto;
}

.related-post--thumbnail:hover > a img{
	-webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.6);
}

.related-post--thumbnail > div{
	display: flex;
	gap: 20px;
	align-items: center;
}

.related-post--thumbnail > div img{
	max-width: 40px;
}

.back-to-article{
	display: flex;
	gap: 10px;
}

.back-to-article a{
	color: var(--blue);
	font-family: var(--headingFontFamily);
}

.back-to-article img{
	max-width: 25px;
	transform: rotate(180deg);
}


/* END OF SINGULAR POST STYLES */

/* CONTACT PAGE STYLES */

.lms-contact-team-container{
	background-color: var(--orange);
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding: 25px 65px 45px;
}

.lms-main-contact-form-container h2{
	font-family: var(--headingFontFamily);
	color: #FFF;
	margin-bottom: 20px;
}

.lms-contact-team-name h4{
	text-align: center;
	color: #FFF;
	font-family: var(--headingFontFamily);
	font-size: 22px;
	letter-spacing: 1px;
	margin: 10px 0 20px;
}

.lms-contact-team-socials{
	display: flex;
	justify-content: center;
	gap: 40px;
}

.lms-contact-team-socials img{
	max-width: 35px;
	width: 100%;
	filter: invert(1);
}

.lms-main-contact-form-container{
	background-color: var(--blue);
	padding: 50px 75px;
	display: flex;
	flex-direction: column;
}

.lms-half-container{
	display: flex;
	gap: 20px;
}

.lms-half-container > div{
	flex: 1 1 100%;
}

.lms-main-contact-form-container .lms-full-width, .lms-main-contact-form-container .lms-half-width{
	position: relative;
	margin-bottom: 25px;
}

.lms-main-contact-form-container select, .lms-main-contact-form-container input:not([type="submit"]){
	width: 100%;
	border: none;
	padding: 15px 0;
	color: #FFF;
	background: none;
}

.lms-main-contact-form-container select{
	color: #FFF;
	font-family: var(--subheadingFontFamily);
	appearance: none;
}

.lms-main-contact-form-container select option{
	color: var(--blue);
}

.lms-main-contact-form-container select::placeholder, .lms-main-contact-form-container input::placeholder{
	color: #FFF;
	font-family: var(--subheadingFontFamily);
}

.lms-main-contact-form-container .lms-full-width::after, .lms-main-contact-form-container .lms-half-width::after{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--orange);
}

.lms-main-contact-submit{
	background: none;
	border: none;
	color: #FFF;
	padding: 0 !important;
}

.lms-submit-container > p {
	position: relative;
	z-index: 3;
}

.lms-submit-container{
	margin-left: auto;
	cursor: pointer;
}

.lms-submit-container::after{
	z-index: 2;
}

.lms-contact-details-container > div{
	display: grid;
	grid-template-columns: 50px 200px;
	column-gap: 10px;
	row-gap: 10px;
}

.lms-contact-details-container h6{
	color: var(--blue);
	font-size: 12px;
	font-family: var(--subheadingFontFamily);
}

.lms-contact-details-container h5{
	color: var(--blue);
	font-size: 20px;
	font-family: var(--subheadingFontFamily);

}

#mapContainer{
	position: relative;
}

#mapContainer::after{
	content: "";
	position: absolute;
	top: 0;
	right:0;
	width: 100%;
	height: 200px;
	background: rgb(5,33,50);
	background: linear-gradient(180deg, rgba(5,33,50,1) 0%, rgba(5,33,50,0) 99%);
}

#mapContainer, #mapContainer > div, #mapContainer #map, #mapContainer > div > div{
	height: 100%;
}

#mapContainer #map {
	height:100%;
	min-height:660px;
}

/* END OF CONTACT PAGE STYLES */

/* SERVICES PAGE STYLES */

.project-posts-container{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	text-align: center;
	row-gap: 40px;
	column-gap: 40px;
	grid-auto-rows: 1fr;
}

.project-post{
	border: 2px solid var(--oceanBlue);
	padding: 40px;
	display: flex;
	flex-direction: column;
	background-color: #FFF;
	align-items: center;
	transition: background-color var(--mainTransitionSpeed) ease, border-color var(--mainTransitionSpeed) ease;
}

.project-post:hover{
	background-color: var(--orange);
	border-color: #FFF;
	cursor: pointer;
}

.project-post:hover p, .project-post:hover h3, .project-post:hover .lms-button{
	color: #FFF;
}

.project-post:hover img{
	filter: brightness(0) invert(1);
}

.project-post:hover .lms-button::after{
	background-color: #FFF;
	transform: scaleX(1);
	transition: transform var(--mainTransitionSpeed) ease var(--mainTransitionSpeed);
}

#ServicePopup.loading #PopupImageRow, #ServicePopup.loading #PopupContentRow{
	display: none !important;
}

#ServicePopup.loading{
	z-index: 2;
	opacity: 1;
}

#ServicePopup.loading::after{
	content: url(https://lauderdalemarineservices.com/wp-content/uploads/2024/02/pop-pre.gif);
	transform: scale(0.5);
	border-radius:150px;
	overflow:hidden;
}

.project-post p, #ServicePopup .popup-content{
	font-size: 16px;
	color: var(--oceanBlue);
	line-height: var(--bodyLineHeight);
	margin-bottom: 50px;
	transition: color var(--mainTransitionSpeed) ease
}

#ServicePopup .popup-title-wrapper{
	display: flex;
	gap: 15px;
}

#ServicePopup .popup-content{
	margin-bottom: 0;
	font-size: 12px;
}

body #page-container .et_pb_section .et_pb_button_0_tb_header:hover {
	border-color:var(--oceanBlue) !important;
	background: var(--oceanBlue);
}

.project-posts-container img{
	max-width: 120px;
	margin-bottom: 25px;
}

.project-posts-container h3{
	font-family: var(--headingFontFamily);
	font-size: 22px;
	color: var(--blue);
	line-height: 1.6em;
	min-height: 82px;
	margin-bottom: 15px;
	transition: color var(--mainTransitionSpeed) ease
}

.project-posts-container .lms-button-container{
	margin-top: auto;
	pointer-events: none;
}

.project-post .lms-button::after{
	transform: scaleX(0);
	transition: transform var(--mainTransitionSpeed) ease;
	transform-origin: 0 0;
}

#ServicePopup{
	background-color: rgba(5, 33, 50, 0.95);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	padding: 0 !important;
}

#ServicePopup.active{
	z-index: 10000;
	overflow: scroll;
	opacity: 1;
	pointer-events: all;
}

#ServicePopup .popup-title{
	font-family: var(--headingFontFamily);
	font-size: 24px;
	color: var(--blue);
	line-height: 1.3em;
	margin-bottom: 40px;
}

#ServicePopup .popup-icon{
	max-width: 100px;
	min-width: 70px;
	width: 100%;
}

#PopupImageRow{
	margin: 0;
	margin-bottom: 20px;
}

#PopupImageRow .et_pb_code {
	margin-bottom: 0;
}

#PopupImageRow img{
	max-height: 225px;
	width: 100%;
	object-fit: cover;
}
.servicePopupClose{
	text-align: right !important;
}

.servicePopupClose img{
	max-height: none !important;
	max-width: 35px !important;
	cursor: pointer;
}

#PopupContentRow{
	background-color: #FFF;
	margin: 0;
	margin-top: 10px;
	padding:0;
}

#PopupContentRow > div:first-child{
	padding: 30px 55px;
	padding-right: 0;
}

#PopupContentRow > div:last-child{
	padding: 30px 55px;
	padding-left: 0;
}

#PopupContentRow p{
	font-family: var(--subheadingFontFamily);
}

/* END OF SERVICES PAGE STYLES */

/* SEAWORTHY GUIDES STYLES */

#category-container .recent-post:nth-child(n+4){
	display: none;
}

.play-button .post-content-inner::before{
	content: url(https://lauderdalemarineservices.com/wp-content/uploads/2024/01/media_icon.svg);
	display: block;
	max-width: 30px;
	margin-bottom: 20px;
	filter: brightness(0) invert(1);
}

#category-container .recent-post.active{
	display: flex;
}

.guides-filter{
	display: flex;
	gap: 50px;
}

.filter-item{
	cursor: pointer;
	position: relative;
}

.filter-item::after{
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 2px;
	transform: scaleX(0);
	background-color: var(--orange);
	transition: transform var(--mainTransitionSpeed) ease;
	transform-origin: 0 0;
}

.filter-item:hover::after{
	transform: scaleX(1);
}

.guides-filter span{
	text-transform: uppercase;
	color: var(--blue);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
}

.guides-filter .active span{
	font-weight: 800;
}

/* END OF SEAWORTHY GUIDES */

@media(max-width: 1550px){
	#formRow > div:first-child{
		padding-left: 4vw !important;
	}
}

@media (max-width: 1450px){
	:root{
		--itemPadding: 3%;
		--headingSize: 80px;
	}

	.timeline-carousel .lms-carousel-item-inner .lms-carousel-content h3{
		font-size: 24px;
	}

	.project-posts-container h3{
		min-height: 120px;
	}
	.lms-contact-details-container > div{
		display: block;
	}
}

@media (max-width: 1350px){
	.lms-team-container{
		flex-wrap: wrap;
		text-align: center;
	}

	.lms-team-container .lms-team-image img{
		max-width: 150px
	}

	.lms-team-container .lms-team-socials img{
		max-width: 40px !important;
	}
}

@media (max-width: 1250px){
	:root{
		--timeLineItemWidth: 50%;
	}
	.timeline-carousel .lms-carousel-navigation{
		display: flex !important;
		z-index: 20;
	}
	.timeline-carousel .lms-carousel-navigation img{
		filter: invert(1);	
	}
	.timeline-carousel .lms-carousel-navigation.arrow-left{
		left: 0;
	}
	.timeline-carousel .lms-carousel-navigation.arrow-right{
		right: 0;
	}
	.timeline-carousel .lms-carousel-item:nth-child(2n){
		transform: translatey(0);
	}
	.lms-post-content-row > .et_pb_column:last-child{
		display: none !important;
	}
	.lms-post-content-row > .et_pb_column:nth-child(2){
		width: 82% !important;
		padding-right: 0 !important;
	}
	.lms-contact-team-container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.contact-compass{
		display: none;
	}
	.project-posts-container{
		display: grid;
		grid-template-columns: repeat(2, minmax(0,1fr));
	}
}

@media (max-width: 981px) {
	.lms-carousel-navigation.arrow-left:hover img, .lms-carousel-navigation.arrow-right:hover img{
		transform: translatex(0);
	}

	#mobileRowScrollHide > div:first-child #ScrollDown{
		display: block !important;
	}

	#mobile_menu2 .mobileService{
		display: block !important;
	}

	#mobile_menu2 .mobileService a{
		color: #FFF !important;
		background-color: var(--orange) !important;
		display: inline-block !important;
		margin-top: 10px;
	}

	.recent-post:hover .post-content-inner{
		transform: translatey(-120px);
	}
	#mapContainer::after{
		display: none;
	}
	#MainBanner #MapThingDude{
		display: block !important;
		height: 100vh !important;
	}
	:root {
		--itemWidth: 48%;
		--quoteFontSizeLarge: 36px;
	}
	.footer-accred{
		justify-content: center;
	}
	#MainNavigationSection {
		background-color: #FFF;
	}

	#MobileNavigation {
		margin: 0 !important;
	}

	#MobileNavigation .et_pb_menu__wrap {
		justify-content: flex-end;
	}

	#MobileNavigation .et_mobile_nav_menu {
		background-color: var(--orange);
	}

	#MobileNavigation .mobile_menu_bar:before {
		top: 0 !important;
	}

	.MainBannerIntro,
	#SecondaryHeadingContainer .MainBannerIntro {
		transform: translate(-50%, -50%);
		margin: 0;
		top: 50%;
		left: 50%;
		text-align: center;
		z-index: 10;
	}

	#ServicePopup .popup-icon{
		max-width: 80px;
	}

	#ServicePopup > *{
		text-align: center;
	}

	#SecondaryHeadingContainer .MainBannerIntro {
		transform: translate(-50%, -40%);
		margin: 0;
		top: 50%;
		left: 50%;
		text-align: center;
		z-index: 10;
	}

	#MainBanner #SecondaryHeadingContainer > .et_pb_column:last-child {
		display: block !important;
	}

	#MainBanner:has(#SecondaryHeadingContainer) > .et_pb_row .et_pb_column:first-child::after {
		display: none;
	}

	#MainBanner:has(#SecondaryHeadingContainer) > .et_pb_row .et_pb_column:first-child {
		min-height: 100vh;
	}

	.lms-secondary-banner-breadcrumb {
		display: none;
	}

	.MainBannerIntro h1 {
		color: #FFF;
		text-align: center;
	}

	.MainBannerIntro p {
		color: #FFF;
		font-size: var(--cursiveFontSizeMobile);
		white-space: wrap;
		line-height: calc(var(--bodyLineHeight) - 1em);
		text-align: center;
	}

	.MainBannerIntro .lms-button,
	.MainBannerIntro .lms-button-container {
		color: #FFF;
		text-align: center;
	}

	#MainBanner > .et_pb_row .et_pb_column:first-child {
		width: 100% !important;
		min-height: 100vh;
	}

	#MainBanner > .et_pb_row .et_pb_column:first-child::after {
		content: '';
		background-color: var(--blue);
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#MainBanner #VideoCol{
		width: 100% !important;
		position: absolute !important;
		height: 100% !important;
		top: 0;
		left:0;
	}

	.lms-carousel .lms-carousel-navigation {
		display: none;
	}

	.recent-posts-container {
		/* 		display: flex;
		gap: 25px;
		flex-wrap: wrap; */
		grid-template-columns: auto;
	}

	.recent-post {
		/* 		width: calc(var(--itemWidth));
		padding: var(--itemPadding);
		flex-shrink: 0;
		margin: 0 10px; */
		overflow: hidden;
	}

	.lms-footer-legal-container,
	footer form {
		justify-content: center;
	}

	.lms-newsletter-title {
		text-align: center;
		padding-bottom: 10px;
	}

	.lms-newsletter-container .lms-newsletter-title p {
		font-size: 28px;
	}

	.lms-footer-legal-container {
		gap: 10px;
		flex-wrap: wrap;
	}

	.lms-footer-legal-container:not(.social-container) a {
		font-size: 10px;
	}

	.lms-newsletter-container input {
		padding: 15px;
	}

	.lms-team-container {
		gap: 10px;
	}

	.lms-team-container .lms-tertiary-heading {
		padding-bottom: 10px;
	}

	.lms-secondary-banner-container {
		justify-content: center;
	}

	.lms-testimonial-code--clients .lms-testimonial-slider-inner {
		padding: 25px 25px;
		padding-inline: 25px !important;
	}

	.lms-testimonial-code--clients .arrow-container {
		right: 5px;
		top: 35%;
	}

	.lms-testimonial-code--clients .lms-testimonial-content {
		padding-bottom: 45px;
	}

	.mariner-posts-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lms-post-content-row > .et_pb_column:first-child {
		display: none !important;
	}

	.lms-post-content-row > .et_pb_column:nth-child(2) {
		width: 100% !important;
		padding-left: 0 !important;
	}
	.related-posts-container{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.project-posts-container{
		grid-template-columns: repeat(1, minmax(0,1fr));
	}

	.project-posts-container h3{
		min-height: auto;
	}
	#PopupImageRow{
		display: none !important;
	}

	#PopupContentRow{
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		padding: 0;
	}

	#PopupContentRow > div:first-child{
		padding: 30px;
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}

	#PopupContentRow > div:last-child{
		padding: 30px;
		padding-top: 0;
	}

	#PopupContentRow > div:last-child > div:not(.et_pb_button_module_wrapper){
		max-height: 250px;
		overflow-y: scroll;
	}

	#PopupContentRow .et_pb_button_module_wrapper {
		text-align: center;
	}
	.guides-filter{
		gap: 2px;
		overflow: hidden;
	}
	.filter-item{
		flex-shrink: 0;
		padding-right: 30px;
	}
	.lms-team-container .lms-team-image{
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px;
	}
	.lms-team-container{
		gap: 25px;
	}
	.lms-team-socials{
		justify-content: center;
	}
	#MainBanner > .et_pb_row .et_pb_column:last-child{
		display: none;
	}
}

@media (max-width: 728px){
	.MainBannerIntro h1{
		font-size: calc(var(--headingSize) + 10px );
	}
	:root{
		--itemPadding: 10%;
		--itemWidth: 100%;
		--headingSize: 40px;
		--cursiveFontSizeMobile: 24px;
	}
	#MainBannerIntro{
		width: 100%;
		padding-inline: 10%;
	}
	#ServicePopup .popup-title{
		margin-bottom: 10px;
	}
	.lms-carousel-inner{
		width: 95%;
		margin: 0 auto;
	}

	.da-outer{
		width: calc(var(--itemWidth) - 20px );
		padding: 20px 0;
	}

	.timeline-carousel .lms-carousel-item{
		width: 100% !important;
		margin: 0 !important;
	}

	.lms-carousel-item{
		padding: 5% var(--itemPadding);
		width: 95% !important;
	}

	.lms-carousel-navigation.arrow-left{
		left: -14px;
	}
	.lms-carousel-navigation.arrow-right{
		right: -14px;
	}
	.lms-testimonial-slider-inner{
		padding-inline: 45px !important;
	}
	.lms-carousel-navigation img{
		filter: none;
	}
	.lms-carousel-navigation.arrow-left span, .lms-carousel-navigation.arrow-right span{
		display: none;
	}
	.lms-testimonial-content blockquote{
		font-size: 13px;
		line-height: 1.8em;
	}
	.recent-post{
		min-height: 400px;
	}
	.post-content{
		/* 		padding: 20px; */
	}
	.mariner-posts-container{
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.related-posts-container{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.lms-half-container{
		flex-wrap: wrap;
		gap: 0;
	}
	.lms-main-contact-form-container{
		padding: 30px;
	}
	#ServicePopup .popup-title{
		margin-bottom: 15px;
	}
}

@media(max-width: 380px){

	.MainBannerIntro h1{
		font-size: calc(var(--headingSize) + 10px );
	}
}