/*	BLUE LAGOON POOL AND SPA


*/



@media screen and (max-width: 1300px) {
	.ftrServiceCol p {
		max-width:160px;
		line-height: 1.3em;
		margin:0 auto 1em auto;
	}
}

@media screen and (max-width: 1130px) {
	.pad {
		max-width:95%;
	}
	#navBar {
		margin:0 20px;
	}
	.site-content {
		max-width:93%;
		margin:0 auto;
		overflow:visible;
	}
	body.home .site-content {
		max-width:100%;
	}
	.content-area {
		max-width:100% !important;
	}
	#homeServices .pad {
		text-align:center;
	}
	.homeServiceCol {
		display:inline-block;
		margin:0 2%;
	}
	.homeServiceCol3 {
		float:none;
	}
	#testimonials .pad {
		text-align:center;
	}
	#testimonials .col {
		display:inline-block;
		float:none;
		vertical-align:top;
		margin:0 1%;
		padding-left:38px;
	}
	
	#homeFeatured .bc-product-grid--4col>.bc-product-card,
	#homeFeatured .bc-product-grid--4col>.bc-product-card:nth-child(4n),
	.bc-product-grid--4col>.bc-product-card,
	.bc-product-grid--4col>.bc-product-card:nth-child(4n),
	.bc-product-grid--4col>.bc-product-card:nth-child(1n) {
		width: calc(24% - 1%);
		max-width: calc(24% - 1%);
		flex-basis: calc(24% - 1%);
		margin: 0 1% 15px 1%;
	}
	
	#Footer .pad {
		text-align:center;
	}
	#Footer .col {
		margin-right:2%;
	}
	#Footer .col1,
	#Footer .col2 {
		width:150px;
	}
}


@media screen and (max-width: 1100px) {
	.scheduleServiceForm .wpcf7-form-control-wrap.preferred-dates input[type="text"],
	.scheduleServiceForm .wpcf7-form-control-wrap.additional-chemicals input[type="text"] {
		display:block;
		width:98.5%;
		max-width:98.5%;
	}
}

@media screen and (max-width: 1050px) {
	
	.submenu__container .subMenuImgs {
		width:320px;
		min-width:auto;
	}
	.main-navigation .sub-menu li a {
		font-size:20px;
		line-height:2em;
	}
	.main-navigation .sub-sub-menu li a {
		padding-right:0;
	}
	
	#testimonials .pad {
		text-align:left;
	}
	#testimonials .col {
		display:block;
		width:100%;
		vertical-align:top;
		margin:0 0 40px 0;
		padding-left:55px;
	}
	.ftrServices {
		text-align:center;
	}
	.ftrServiceCol {
		width:30%;
		margin:0 1% 30px 1%;
	}
	.ftrServiceCol p {
		margin:0 auto;
	}
	.ftrServices .scheduleServiceBtn, .ftrServices .SimpleBtn {
		margin:10px auto;
	}
	
}

@media screen and (max-width: 970px) {
	.main-navigation .main-menu > li {
		padding:0 3px;
	}
}

@media screen and (max-width: 904px) {
	#Footer .col {
		margin-bottom:50px;
	}
}

@media screen and (max-width: 890px) {
	.main-navigation .main-menu > li > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation a {
		font-size:19px;
	}
	.submenu__container .subMenuImgs {
		width:300px;
	}
	.main-navigation .sub-menu li a {
		font-size:19px;
	}
}

@media screen and (max-width: 825px) {
	.main-navigation .main-menu > li > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation a {
		font-size:18px;
	}
	.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
		margin-right:0;
	}
	.submenu__container .subMenuImgs {
		width:260px;
		min-width:auto;
	}
}

@media screen and (max-width: 775px) {
	#homeServices .pad {
		text-align:left;
	}
	.homeServiceCol {
		display:block;
		width:100%;
		max-width:100%;
	}
	.homeServiceCol a.titleLink {
		display:inline-block;
	}
	.homeServiceCol .txt {
		display:inline-block;
		min-height:inherit;
		padding-bottom:0;
	}
	.homeServiceCol .scheduleServiceBtn {
		position:relative;
		margin:10px 0 0 0;
	}
	.homeServiceCol2 {
		border-top:solid 3px #fe8900;
		border-bottom:solid 3px #fe8900;
		padding:20px 0;
		margin:40px 0;
	}
	#ourMission .left,
	#ourMission .right {
		float:none;
		width:100%;
	}
	#ourMission .right {
		text-align:center;
		padding-top:20px;
	}
	.ftrLower {
		position:relative;
		height:200px;
		margin-top:0;
	}
	.ftrLogo {
		position:absolute;
		top:0px;
		left:calc(50% - 157px);
	}
	.ftrSocial,
	.ftrAddress {
		position:absolute;
		top:100px;
		left:0px;
	}
	.ftrAddress {
		left:auto;
		right:0px;
	}
}

@media screen and (max-width: 768px) {
	#mega-menu-wrap-primary .mega-menu-toggle {
		background:none;
	}
}

@media screen and (max-width: 760px) { /* MOBILE MENU */
	#hdrAccountLinks li {
		font-size:14px;
	}
	#hdrAccountLinks li.hdrPhone a {
		font-size:19px;
	}
	#hdrFinancingLink {
		position:absolute;
		top:27px;
		right:0;
		background:#696969;
	}
	#navBar {
		height:44px;
	}
	.primary-navigation {
		top:0;
		left:0;
	}
	.menu-main-menu-container,
	.menu-main-menu-container.desktopMenu {
		display:none;
	}
	.primary-navigation > div > .menu-wrapper.mobileMenu {
		display:flex;
	}
	
	.menu-button-container {
		display:block;
		position:absolute;
		top:1px;
		left:3px;
		right:auto;
		padding:0;
	}
	.menu-button-container #primary-mobile-menu { /* button */
		font-family: 'Oswald', sans-serif;
		font-size:21px;
		font-weight:400;
		color:#FFF;
		text-shadow:1px 1px 1px #000;
		padding:5px;
	}
	.menu-button-container #primary-mobile-menu:focus {
		outline:none;
	}
	.primary-navigation-open .menu-button-container {
		top:152px;
		background:#249fb8;
	}
	.menu-button-container #primary-mobile-menu {
		position:block;
		left:0;
		margin-left:0;
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		top:194px;
		text-align:left;
		background:#249fb8;
		padding:0 15px 194px 15px;
		border-top:solid 1px #FFF;
	}
	.mobileMenu .menu-item-description {
		display:none;
	}
	.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
		color:#FFF;
	}
	.primary-navigation .sub-menu {
		border:none;
	}
	.primary-navigation .sub-menu .menu-item > a {
		padding:0;
		line-height:1.5em;
	}
	.primary-navigation > div > .menu-wrapper ul {
		padding-left:20px;
	}
	.site-header {
		z-index:999;
	}
	.main-navigation {
		display:none;
	}
	
	.menu-main-menu-container,
	.main-navigation > div { /*mobile menu */
		display:inline;
	}
	.menu-main-menu-container.desktopMenu { /*desktop menu*/
		display:none;
	}
	.main-navigation.is-active {
		display:block;
		position:absolute;
		top:44px;
		left:0;
		width:350px;
		background:#249fb8;
		transition:0.4s all;
		margin:0;
		z-index:1;
	}
	.main-navigation .main-menu {
		display:block;
		padding-left:25px;
	}
	.main-navigation .main-menu > li,
	.main-navigation .main-menu > li.menu-item-has-children {
		display:block;
		text-align:left;
	}
	.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
		transform:rotate(-90deg);
	}
	.main-navigation .menu-item-has-children.is-active .submenu {
		display:block;
	}
	/* 2021-10-07 mobile submenu */
	.main-navigation .submenu__container {
		display:none;
	}
	.main-navigation .submenu__container.expanded-true {
		display:block;
		position:relative;
		background:none;
	}
	.submenu__container .subMenuImgs {
		display:none;
	}
	.main-navigation .sub-menu {
		width:100%;
	}
	.main-navigation .main-menu > li.menu-item-has-children:hover .submenu__container {
		position:relative;
		background:none;
	}
	.main-navigation .main-menu > li.menu-item-has-children:hover .submenu__container {
		top:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		padding:0;
	}
	.main-navigation .sub-menu li a {
		color:#FFF;
		padding:0 15px;
	}
	.main-navigation .sub-menu li:hover .sub-sub-menu {
		display:block;
		position:relative;
		left:0;
		min-height:auto;
		padding-left:20px;
	}
	.main-navigation .sub-menu li .sub-sub-menu li a {
		font-size:17px;
		line-height:1.3em;
	}
	#menu-about .submenu-expand,
	#menu-about:hover .sub-menu {
		display:none;
	}
	
	/* 2024 MEGA MENU */
	#mega-menu-wrap-primary .mega-menu-toggle {
		background:none;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
		display:none;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
		background:#0073aa;
	}
	
	/* 2024 */
		
	/* UNDERLAYS */
	.bgUnderlays.home,
	.bgUnderlays > video {
		height:80vh;
		min-height:80vh;
		overflow: hidden;
	}
	.primaryTagline {
		position: absolute;
		top:40vh;
		width:100%;
	}
	.waveWrapper.home,
	.waveWrapper.ftrWaves,
	.wave {
		height:50px;
	}
	.waveBtm,
	.waveMid,
	.waveTop {
		background-size:auto 100%;
	}
	.waveWrapper.top {
		margin-top:-50px;
	}
	.waveWrapper.home {
		top:-60px;
	}
	
	
	/* HOME PAGE */
	.site.home {
		top:calc(60vh);
	}
	.primaryTagline h1,
	.homePoolInstalls h1, .homeTidalFit h1, .homeArtesian h1, .homeInGroundPools h1, .homeAboveGroundPools h1, .ftrServices h1 {
		font-size:24px;
	}
	#homeTidalFitVideo {
		max-width:100%;
	}
	
	
	.ftrServiceCol {
		width:47%;
		margin:0 1% 30px 1%;
		text-align:center;
	}
	.ftrServices .scheduleServiceBtn {
		width:98%;
		font-size:16px;
		background-position:calc(100% - 10px) center;
	}
	
} /* END 760PX MOBILE SWITCH */



@media screen and (max-width: 690px) {
	.site-header .pad {
		height:140px;
	}
	#hdrAccountLinks, #hdrAccountLinks a {
		font-size:15px;
	}
	#hdrLogo {
		display:block;
		position:relative;
		top:28px;
		height:100px;
		max-width:100%;
		text-align:center;
		margin:0 auto;
	}
	#hdrLogo img {
		height:100px;
		width:auto;
	}
	#hdrFinancingLink {
		top:27px;
	}
	.homeServicesHdr img {
		max-height:40px;
		width:auto;
	}
	#homeServices h2,
	#homeFeatured h2,
	#ourMission h2,
	#testimonials h2 {
		font-size:36px;
		margin:10px 0;
	}
	#homeServices h4 {
		font-size:20px;
	}
	.homeServiceCol a img {
		max-width:70%;
		height:auto;
	}
	.homeServiceCol .txt {
		max-width:90%;
		font-size:16px;
		line-height:1.5em;
	}
	
	#homeFeatured .bc-product-grid--4col>.bc-product-card,
	#homeFeatured .bc-product-grid--4col>.bc-product-card:nth-child(4n),
	.bc-product-grid--4col>.bc-product-card,
	.bc-product-grid--4col>.bc-product-card:nth-child(4n),
	.bc-product-grid--4col>.bc-product-card:nth-child(1n) {
		width: calc(32% - 1%);
		max-width: calc(32% - 1%);
		flex-basis: calc(32% - 1%);
	}
	#ourMission,
	#testimonials .quote p {
		font-size:16px;
	}
	#ourMission .right img {
		max-width:90%;
		margin:0 auto;
	}
	
	.ftrCredits,
	.ftrCredits .right {
		text-align:center;
	}
	.ftrCredits .right {
		float:none;
	}
	.ftrCredits .Clear {
		display:none;
	}
}

@media screen and (max-width: 500px) {
	.site-main > * {
		margin-top:0;
	}
	.bc-btn, button.bc-btn, a.bc-btn, .entry-content .bc-btn, .entry-content button.bc-btn, .entry-content a.bc-btn, .bc-mini-cart .bc-btn, .bc-mini-cart button.bc-btn, .bc-mini-cart a.bc-btn, .bigcommerce-cart__item-count, .bc-account-login__form input[type="submit"], .bc-product-archive .bc-btn--add_to_cart, .bc-product-archive .bc-btn--view-product, .bc-product-archive .bc-form.bc-product-form button.bc-btn--form-submit, .entry-content a.bc-btn, .bc-product-quick-view__content .bc-btn.bc-btn--form-submit.bc-btn--add_to_cart, .bc-product-single .bc-btn.bc-btn--add_to_cart, .bc-single-product__related .bc-btn.bc-btn--form-submit.bc-btn--add_to_cart {
		font-size:17px;
	}
	.breadcrumbSeparator {
		padding:0 3px;
	}
	a.jumpToScheduleForm {
		position:relative;
		top:0;
		left:0;
		right:auto;
		margin:10px 0 20px 0;
	}
	.scheduleServiceFormElementsWrap {
		border-radius:0 0  15px 15px;
	}
	.scheduleServiceForm h3 {
		/*background:#249fb8;*/
		font-size:24px;
		text-align:center;
		padding:15px 0;
		padding-left:10px;
	}
	#testimonials .col p {
		font-size:14px;
	}
	#Footer .col.col4 {
		margin-bottom:20px;
	}
	.ftrLower {
		height:auto;
	}
	.ftrLogo {
		display:none;
	}
	.ftrSocial,
	.ftrAddress,
	#Footer .ftrAddress {
		position:relative;
		top:0;
		left:0;
		width:100%;
		float:none;
		right:auto;
		margin:10px 0;
	}
	.ftrSocial img {
		max-width:27%;
		height:auto;
		margin:0 3px 0 0;
	}
	#Footer .ftrAddress .phone {
		margin:0;
	}
}