/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/* fix to hamburger menu */
.hamburger .hamburger-box .hamburger-inner{
	/* background:white !important; */
}
/* waterline abs images */
.waterline{
	position:absolute;
	width:110%;
	max-width:110%;
	left:-5%;
	bottom:-5%;
	z-index:10;
}
/* mobile logo fix */


/* Modal edits */
.page-feedback .modal-content{
	background-color:#3f3f3f;
}

.page-feedback .modal-content h5,.page-feedback .modal-content p{
	color:white;
}
/* main background edits with clients like bg */

	
	.billboard .slide-header{
		width:70%;
	}

/* possibly fix #content */
#header,#footer,#content{
	background-attachment:fixed;
	position:relative;
	background-color:white;
}

.page-reviews #content,.page-feedback #content,.page-sitemap #content,.page-terms-and-conditions #content{
	background:black;
}
.page-sitemap #content,.page-terms-and-conditions #content{color:white}
#footer .overlay{
	background-color:rgba(0,0,0,.6);
	position:absolute;
	width:100%;	
	height:100%;
}

/* swiper edits */
.swiper-container.alternate .swiper-slide{
	height:auto;
	min-height:13rem;
	width:100%;
	text-align:center;
	display:flex;
	justify-content:center;
		align-items:center;

}
.swiper-container.alternate .swiper-slide::after{
	background:rgba(0,0,0,0);
}
.swiper-container.alternate .h5.custfont{
	width:50%;
	background-color:#3679ff;
	min-height:13rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5rem;
	padding:1rem 5%; 
	transition:all ease .25s;
}

.swiper-container.alternate:hover .h5.custfont{
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
}

.swiper-container.alternate{
	margin-top:0px;
}
/* main colors to be used **mostly */
.bg-main{background-color:#043DAF}
.bg-secondary{background-color:#55DBFF}
.bg-tertiary{background-color:#1B58C5}
.text-main{color:#043DAF}
.text-secondary{color:#55DBFF}
.text-tertiary{color:#1B58C5}

/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/* icon fix */
.fa-horse{
	font-size:3.75rem;
	color:orange;
}


/* height fix */
.row.paraone{
	min-height:21rem;
}

.row.paraone.change{
	min-height:18rem;
}

.breakout.change:nth-child(even){
	background:none;
	background-color:#a4e7ff;
}
/* image fixes */

.coverimg,.coverimg2{
	background-size:cover;
	display:flex;
	align-items:center;
	min-height:15rem;
	display:flex;
	align-content:center;
	justify-content:center;
	border-radius:10rem;
}
#gallery-2 dl:nth-child(1) dt a img{border-bottom-left-radius:10rem;border-top-left-radius:10rem;}
#gallery-2 dl:nth-child(2) dt a img{border-bottom-right-radius:10rem !important;border-top-right-radius:10rem!important;border-bottom-left-radius:0rem!important;border-top-left-radius:0rem!important;}

/* getting quirky */
.coverimg div,.coverimg2 div{
	background-position:center;
	width:100%;
	height:100%;
	transition: all ease .5s;
		border-radius:100%;
	border-bottom-left-radius:0px;
}

 .coverimg .alt,.coverimg2 .alt{
	background-position:center;
	width:100%;
	height:100%;
	border-radius:1rem;
	transition: all ease .5s;
}

.bg-img.alt{
	border-radius:10rem;
}
/*
.breakout:hover .coverimg div, .breakout:hover .coverimg2 div {
	border-bottom-left-radius:0rem;
	border-bottom-right-radius:5rem;
	border-top-left-radius:0rem;
	border-top-right-radius:5rem;
		opacity:1

}

.breakout:hover .coverimg .alt, .breakout:hover .coverimg2 .alt {
	border-bottom-left-radius:5rem;
	border-bottom-right-radius:0rem;
	border-top-left-radius:5rem;
	border-top-right-radius:0rem;
			opacity:1

} */
.primary div{background-image:url(/wp-content/uploads/pool-primary-e1637780464399.jpg);}
.secondary div{background-image:url(/wp-content/uploads/Pool-Restored.jpg);background-position:top !important; }
.tertiary div{background-image:url(/wp-content/uploads/pool-oval.png);}
.poolone div{background-image:url(/wp-content/uploads/more-pool-fun.jpg);}
.pooltwo div{background-image: url(/wp-content/uploads/29.jpg);}
.poolthree div{background-image:url(/wp-content/uploads/nice-pool.jpg);}
.poolfour div{background-image:url(/wp-content/uploads/open-pool.jpg);}
.poolfive div{background-image:url(/wp-content/uploads/pol-covering.jpg);}
.poolsix div{background-image:url(/wp-content/uploads/pool-professional.jpg);}
.poolseven div{background-image:url(/wp-content/uploads/pool-wall.jpg);}
.pooleight div{background-image:url(/wp-content/uploads/pool-maintenence.jpg);}
.poolnine div{background-image:url(/wp-content/uploads/pool-fun.jpg);}


/* mobile nav */
#mobile-menu-container *,#mobile-menu-container.left,#mobile-menu-container .menu-bar {
	/* background:black; */
}

/* nav edits */

.nav-bar.text-center{
	display:flex;
	align-items:center;
}

.nav-bar .menu .menu-item a{
	text-transform:uppercase;
}

/* cust font override */
#gobk,.page-terms-and-conditions #content *,.page-sitemap #content *{
	color:black;
}

.custfont{
	position:relative;	
font-family: 'Staatliches', cursive;
	text-transform:uppercase;
	font-weight:initial;
}



.custfont.fancier:after{
	position:absolute;
	content:'';
	width:10rem;
	height:.25rem;
	border-radius:1rem;
	background-color:white;
	bottom:0;
	left:50%;
	transform: translate(-50%);
	margin-top:1rem;
}

.custfont.fancy.rd{
	border-bottom:3px solid white;
}


.custfont.fancy.rd{
	border-bottom:3px solid white;
}
/* custom button */

.custbut,#custbut,.wpcf7-form .wpcf7-form-control.wpcf7-submit,.custbut2{
	transition: all ease .25s;
	background-color:#fff;
	color:#2c2c2c;
	border-radius:.25rem;
	cursor:pointer;
	width:max-content;
	padding: 0.6rem 1rem;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1.10em;
	letter-spacing:3px;
	text-transform:uppercase;
	font-weight:400 !important;
	font-family: 'Staatliches', cursive;
}
.custbut2{
		cursor:initial;
}
.custbut.col-8.mb-2{
	color:white;
}
.custbut.inv,#custbut.inv{
	background-color:#2D96BF;
	
	transition: all ease .25s;
	cursor:pointer;
	color:white !important;
}


.custbut:hover,#custbut:hover,.wpcf7-form .wpcf7-form-control.wpcf7-submit:hover{
	background-color:#2D96BF;
	color:white !important;

}
.custbut.inv:hover,#custbut.inv:hover{
	background-color:#ccfcff;
	color:black !important;
	
}

.col.dk{
		background-color:#333333;
}


.breakout.dk,.row.dk{
	background-color:#1B58C5;
	color:white;
	padding-top:1rem;
	padding-bottom:1rem;
}

/* .breakout.dk p{
	line-height:1.5;
}

.breakout.rd p{
	line-height:1.5;
}
 */
.breakout{
	background-color:#fff;
	color:black;
}
.breakout.lighten:not(#cardrow){
	background:none;
	background-color:#ccfcff;
} 
.breakout.rd{
	background-color:#1B58C5;
	color:white;
}

/* .lighten.borderem{
	border-left:5rem solid #043DAF;
	border-right:5rem solid #043DAF;
} */

.breakout{
	margin-top:0px;

	margin-bottom:0px;
}

/* breakout card */
.breakout .cards{
	background:#ccfcff;
	transition:all ease .25s;
	text-align:center;
	padding:0rem 1rem;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:1%;
	border-radius:5rem;
	border-top-left-radius:0px;
	padding: 2rem 1.5em;
	justify-content:center;
	height: 100%;
}
.breakout .cards:hover{
	background:white;
	box-shadow: 0rem 0rem 2rem rgba(0,0,0,.7);
}
.breakout .cards *{
 	transition:all ease .25s !important;
	text-align:center;

}
.breakout .cards:hover *{

}

.breakout .cards.prod{
	width:75%;
	margin-bottom:1rem;
	padding:1rem 1rem;

}

.breakout .cards.prod h2{
	width:40%;
	margin-top:0px;
}

.breakout .cards .ctext{
	width:100%;
	color:#2c2c2c;
	font-weight:bold;
	text-transform:uppercase;
	transition: all ease .5s;
	opacity:1;
	text-align:center;
	margin-bottom:0px !important;
}


.breakout .cards .ctext.textdown{
	text-transform:initial;
}
.breakout .cards p{
	margin:0px !important;
}

#cardrow.custparralax{
	background-image:url(/wp-content/uploads/underwater-view.jpg);
	background-attachment:fixed;
	background-size:cover;
	box-shadow:inset 0 0 5rem black;
}

/* resp card */
#cardrow{
	overflow:visible;
	background-color:#55DBFF;

	padding:1rem;
}

/* last b mods */
main{
	padding-bottom:0px !important;
}
/*  */
#wrapper #content{
	background-color:#6db7d1;
	padding-top:0rem;
}
/* feedback edits */

.col-12.text-center *{
	color:black !important;
} 
/* nifty */
.paddingplus{
	padding: 5% 0%;
}
/* contact */
.wpcf7-form{
	padding:0em;
}
/* feedback */
.up-down button .fas{
	transition: all ease .25s;
}

.up-down button .fas:hover{
	color: rgba(0,0,0,.5) !important;
}
/* reviews */
.page-reviews .large-wrapper h1,.page-reviews .large-wrapper p strong em{
	color:white;
}
/* cust parralax */
.wpcf7 .wpcf7-form{
	width:100%;
}

main form, form{
	background:none;
}

form label{
	color:white;
}

.wpcf7{
	position: relative;
	
}

#tlighter{
	background-color:rgba(255,255,255,.9);
}
.maxsm{
	max-height:300px;
}

.maxlg{
	/* max-height:450px; */
}
.bg-c {background-position: center;}
/* terms */
.termsbubble{
	padding:3rem 5rem ;
}


@media only screen and (max-width: 1000px) {
	
	.billboard .slide-header{
		width:100%;
	}
}
@media only screen and (max-width: 768px) {
	
	.breakout .cards{margin:1rem 3rem}
	.coverimg .alt{
		width:100%;
	}
	.swiper-container.alternate .h5.custfont{
		width:95%;
	}
	
	.cards.prod{
		flex-direction:column;
		text-align:center;
	}
	
	.cards.prod h2{
		width:100%;
	}
}
@media only screen and (max-width: 1000px) {
#cardrow .cards{
	display:flex;
	align-items:center;
	height:auto;
	min-height:auto;
	width:100%;
	margin-bottom:1rem;
}
}

#gallery-4 .gallery-caption {
	font-size: 1.5em;
	margin-top: 10px;
}