/*
Theme Name: Moonlight Child
Description: Quad City Contracting
Template: moonlight-parent
Version: 1.0.0
*/
/* html {
	width:100%;
}
body {
	margin: 0 auto !important;
	max-width: 1920px;
} */
p {
	font-size: 18px;
}
#header {
	position: fixed;
}
#footer-content {
	background-color: var(--color-1);
}
#footer-content a:hover {
	color: #c7c7c7;
}
footer {
	background-color: #fff;
	color: var(--color-1);
}
footer a {
	color: var(--color-1);
}
footer a:hover {
	color: #000;
}
/* #banner img {
	position: relative;
	max-width: 1920px;
	object-fit: contain;
} */
.banner-content {
	padding: 0 120px;
	text-align: center;
}
.banner-content p, .caption p {
	color:#fff;
	font-size:18px;
	font-weight:700;
	text-shadow:0 0 15px #000;
}
.hp-services-content ul {
	display:inline-block;
	text-align:left;
}
.hp-services-content ul li {
	font-size: 18px;
	list-style-position: inside;
}
.hp-services-box {
	min-height:270px;
}
.hp-services-content {
	padding: 30px 120px;
}
/* Home Page Gallery */
#gallery {
	background: var(--color-two);
}
.gallery-image-container {
	overflow: hidden;
}
#gallery img {
	transition: all ease .7s;
}
#gallery a:hover img {
	transition: all ease .7s;
	transform: scale(1.03);
}
.hp-services-slider.flex-col, .hp-services-boxes.flex-col {
	padding:0 !important;
}
.slider-content .description {
	color: #fff;
	text-shadow: 1px 2px 3px #000;
}
.description p{
	padding: 0px 30px;
	min-height: 100px;
	max-height: 100px;
	font-size: 20px;
}
.carousel-modal .modal-body .description p {
	font-size: 18px;
}
.slider-content {
	bottom: 170px;
}
/* .testimonials-container {
	max-height: 450px;
} */
/* Clients */
#clients {
	text-align: center;
	padding: 75px 20px;
	background: #fff;
}
#clients h2 {
	padding-bottom: 30px;
	font-size: 36px;
}
.client-box {
	padding: 0 20px;
}
p.service-area {
	font-size: 14px;
	text-align: left;
}
/* Contact Us */
.box-contact, .content-card, input#gform_submit_button_1, .content-card, input#gform_submit_button_1 {
	background-color: var(--color-1);
	border: none;
}
input#gform_submit_button_1:hover {
	background-color: var(--color-3);
}
.flex-col.align-top {
	align-self: flex-start;
}
#guarantee {
	background-color: #c7c7c7;
	color: var(--color-2);
	padding: 45px 0;
}
div#guarantee h2 {text-align: center; font-weight: bold; font-size: 25px;position: relative; padding-bottom:25px;position: relative;margin-bottom: 45px; text-transform: uppercase;}
div#guarantee h2:before{content: ""; position: absolute; bottom: 0; width: 15%; border-bottom: 3px solid var(--color-3);margin: auto;left: 0; right: 0;border-radius: 15px;}
#guarantee .tab-content {
	color: var(--color-2);
}
#guarantee h3 {
	font-weight: 600;
	margin: 20px 0 20px 10px;
	text-transform: uppercase;
}
#guarantee img.pull-left {
	margin: 10px 30px 10px 10px;
	width: calc(50% - 20px);
}
#guarantee .tab-content p {
	text-align: center;
}
/* Services Page - Tabs*/
.tab-content {color:#fff;padding:20px;}
.tab-content h3 {font-size:20px;}
.nav-tabs li a {text-transform: uppercase;border:0;color:var(--color-2);font-size:15px;}
.nav-tabs li a:hover, .nav-tabs li a:focus {border:0;background:#fff;color:#000;}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {background:var(--color-1);color:#fff;border:0;outline:none;}
.nav-tabs li a:hover, .nav-tabs li a:focus{color: #fff; background:var(--color-3);}
#services-section{padding-bottom: 50px;}
.nav-tabs {
	border-bottom: 1px solid var(--color-2);
}


.teamsection {display: flex; justify-content:space-evenly; flex-wrap: wrap;  row-gap:20px; font-size: 18px; margin-bottom: 50px;}
.teambox {display: flex; flex-direction: column; justify-content: center; align-items: center; max-width:100%; width:310px;}
.teamh {font-weight: bold; font-size: 1.3em;display: block;margin-top:15px;}
.titleh {font-weight: bold;display: block; margin-bottom: 10px;}


/* = MEDIA QUERIES= */

@media screen and ( max-width: 991px ) {.nav-tabs li a{font-size: 12px;}}
@media screen and ( max-width: 767px ) {.nav-tabs>li{float: none;}.nav-tabs>li>a{margin-right:0;}}
@media screen and ( max-width: 425px ) {.nav-tabs li a {font-size:14px;}}
@media screen and ( max-width: 320px ) {.nav-tabs li a {font-size:12px;}}
@media screen and (min-width: 1200px) {
	#cert.container, .services-section-inner {
		width: 85%;
	}
}
@media screen and (min-width: 992px) {
	#gallery .slick-slider img {
		min-height:270px;
		width:100%;
	}
	.flex-col {
		padding: 10px !important;
	}
	.clients-container {
		display: flex;
  		align-items: center;
  		justify-content: center;
		margin: 0 auto;
		width: 50%;
	}
	img.center-block {
		min-width:150px;
		height:auto;
	}
	.hp-services-content {
		padding: 30px 120px;
	}
}
@media screen and (min-width: 767px) {
	#banner {
		height: 750px;
	}
	body.home #banner {
		height: 50vw;
	}
}
@media screen and (max-width: 1200px) {
	#clients-section {
		padding: 75px 25px;
	}
	.client-box {
		padding: 0 10px;
	}
}
@media screen and (max-width: 991px) {
	.banner-content {
		padding: 0 30px;
	}
	#gallery-section {
		padding: 20px;
	}
	.client-box {
		padding: 10px 0;
	}
	#gallery .slick-slider img {
		min-height:none;
		width:100%;
	}
}
@media screen and (max-width: 767px) {
	.banner-content p, .caption p {
		color:#000000;
		font-size:15px;
		font-weight:400;
		text-shadow:none;
	}
	.description p{
		padding: 0px 70px;
		font-size: 12px;
	}
	#client-scroller img, #client-scroller-2 img {
		padding: 5px;
	}
	.client-box {
		flex: 1 1 50%;
	}
}
@media screen and ( max-width: 425px ) {
	.slider-content {
		bottom: 30px !important;
	}
	.hp-services-heading .service-section-heading {
    letter-spacing: 1px;
		font-size: 24px;
	}
	.description p {
		display: none;
	}
	.slider-content-heading:hover {
		cursor: pointer;
		transform: scale(1.1);
		transition: all ease .7s;
	}
}