/*

Theme Name: WABW Custom Theme
Theme URI: https://www.wabwmediagroup.com
Author: James Brennaman from WABW Media Group
Description: Custom Built Themes by WABW Media Group are specific to the needs of each customer.
Version: 1.0

*/

html {
	scroll-behavior: smooth;
}

html body {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
}

#bb4-primary-menu {
	width: 100%;
}

.navbar .navbar-toggler {
	margin: auto;
	border-color: rgba(248, 199, 45, 0.85);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(248,199,45,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.85);
	font-size: 20px;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
	color: #f8c72d;
}
.head-wrapper {
	background: #3b3b3b;
	background-image: url(/wp-content/uploads/2025/12/menu-bkgd.jpg);
}
.site-branding {
	padding-top: 15px;
	padding-bottom: 15px;
}
.free-estimate-phone {
	color: #f8c72d;
	text-align: center;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

.free-estimate-phone .free {
	font-size: 36px;
}
.free-estimate-phone a,
.footer-phone {
	color: inherit;
}

.header-hero {
	background-size: cover;
	background-position: center;
	position: relative;
}
.overlay {
	background-color: #000;
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.39;
}

.top-welcome {
	background-color: #111111;
	padding-top: 15px;
	padding-bottom: 30px;
	background-image: url(/wp-content/uploads/2025/12/top-welcome-bkgd.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}
.wb-top-text {
	padding-top: 25px;
	padding-bottom: 25px;
}
.wb-top-img-wrap {
	padding: 25px;
}
.welcome-block {
	padding-top: 100px;
	padding-bottom: 100px;
	font-size: 22px;
	font-weight: 700;
	color: #101010;
}

.top-welcome h1 span.yellow {
	color: #f8c72d;
}
.top-welcome h1 {
	text-transform: uppercase;
	font-size: 45px;
	color: #f1f1f1;
}
.services-block {
	padding-top: 75px;
	padding-bottom: 75px;
	background-color: #292929;
	color: #f1f1f1;
	background-image: url(/wp-content/uploads/2025/12/services-bkgdv2.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}
.wb-top-img {
	position: relative;
	padding: 0;
	z-index: 1;
}
.wb-top-img:before {
	content: "";
	position: absolute;
	background: #f8c72d;
	right: 20px;
	top: 20px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.wb-top-img img {
	width: 100%;
}
.services-block .section-header {
	padding-bottom: 45px;
}
.services-block .section-header .subtitle{
  font-weight:700;
  font-size:21px;
  color:#f8c72d;
  text-transform: uppercase;
}
.services-block .section-header h2{
  font-weight:700;
  font-size:50px;
  color:#fff;
  text-transform: uppercase;
  margin-top: -10px;
}


.site-footer {
	background-color: #0d0d0d;
	color: #f8c72d;
	border-top: none;
	padding: 35px 15px 25px;
}
.footer-menu {
	list-style: none;
	padding-left: 0;
	font-size: 15px;
}
.footer-menu a {
	color: #f8c72d;
}
.site-footer .social-icons i {
	font-size: 35px;
	padding: 15px;
}
.social-icons a {
	color: #f8c72d;
}
.copyright {
	background-color: #000;
	color: #818181;
	padding: 5px;
}
.copyright a {
	color: inherit;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.top-welcome h1 span {
		display: block;
	}
	.top-welcome h1 span.yellow {
		font-size: 34px;
	}
	.footer-right{
		text-align: right;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1340px;
	}
}
@media (min-width: 1500px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1400px;
	}
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.wb-top-text {
		text-align: center;
	}
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.services-block {
		background-image: url(/wp-content/uploads/2025/12/services-bkgdv2.jpg);
		background-size: auto;
		background-position: top;
	}
	.navbar-collapse {
		background: rgba(0, 0, 0, 0.5);
	}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.top-welcome h1 {
		font-size: 36px;
	}
}
/*Extra small devices portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.wb-top-img-wrap{
		padding-left:40px;
	}
	.top-welcome h1 {
		font-size: 30px;
	}
	.top-welcome h1 span.yellow{
		display: block;
	}
}