/* Header */
.header .cw-contact-bar h4 {
	font-size: 1.15rem;
	font-weight: 400;
	color: #fff;
	margin: 0;
}

.header .cw-contact-bar h4 a {
	color: var(--color-theme-highlight);
}

.header .cw-contact-bar h4 a:hover {
	color: #fff;
}

/* Menu */
.header .navbar-dark .navbar-nav .nav-link {
	text-transform: uppercase;
	font-weight: normal;
}

/* .header .navbar-dark .navbar-nav .active>.nav-link {
	color: #fff;
} */

nav.navbar.affix {
	/* -webkit-box-shadow: 0px 0px 15px -10px var(--color-theme-text); */
	/* box-shadow: 0px 0px 15px -10px var(--color-theme-text); */
}

.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	color: #fff;
}

/* @media (max-width: 991px) and (min-width: 768px) {
	.header-info .row {
		-ms-flex-pack: center;
		justify-content: center;
	}
} */

.cw-header {
	text-align: center;
	padding: .5rem 0;
}

.cw-head-logo img {
	width: 340px;
}

@media (min-width: 992px) {
	.cw-head-logo img {
		/* max-width: 70%; */
	}

	.header .cw-contact-bar {
		/* position: absolute; */
		/* top: 125px; */
		/* left: 0; */
		/* right: 0; */
		/* width: 100%; */
		/* z-index: 1000; */
	}

	.cw-header {
		/* text-align: left; */
		padding: 0;
	}

	.header .cw-head-logo {
		position: fixed;
		top: 20px;
		left: 1rem;
		z-index: 1032;
	}

	nav.navbar .container {
		min-height: 125px;
		/* margin: 0 auto; */
	}

	.navbar-nav {
		/* position: absolute; */
		/* right: 0; */
		/* top: 35px; */
	}

	.header .navbar .container {
		max-width: 100%;
	}

	/* keeps nav items on the right side of header */
	.header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		-webkit-box-pack: flex-end !important;
		-ms-flex-pack: flex-end !important;
		justify-content: flex-end !important;
	}

	.header .navbar-nav:not(.navbar-cart) {
		/* set pixels to logo width (or more) */
		max-width: calc(100% - (340px + 1rem));
		justify-content: center;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.header .cw-head-logo {
		left: 3rem;
	}

	.header .navbar-nav:not(.navbar-cart) {
		max-width: calc(100% - (340px + 3rem));
	}
}

.cw-contact-bar {
	background-color: #333;
	color: #fff;
	padding: .5rem 1rem;
	text-align: center;
}


.cw-contact-bar .btn-primary {
	/* color: #0f0f0f !important; */
}

@media (min-width: 992px) {
	.cw-contact-bar {
		text-align: right;
	}
}

/* Hero Banner */
@media (min-width: 1200px) {
	.page-home .image .image-background {
		height: 550px;
	}
}

.cw-bannerWrapper {
	width: 100%;
	position: relative;
}

.cw-banner-button {
	padding: 1rem 0;
}

.cw-banner-button .btn-primary {
	font-size: 1.5rem;
	border-radius: 30px;
	color: var(--color-theme-background);
}

.cw-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 15px;
	background: rgba(0, 0, 0, .75);
	z-index: 500;
}

.cw-overlay h1 {
	font-size: 1.5rem;
	letter-spacing: 5px;
	color: var(--color-theme-primary);
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.cw-overlay h3 {
	letter-spacing: 5px;
	color: var(--color-theme-primary);
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.cw-overlay h3 a {
	color: var(--color-theme-primary);
	font-weight: 800;
}

.cw-overlay h3 a:hover {
	color: var(--color-theme-highlight);
}

@media (min-width: 440px) {
	.cw-overlay h1 {
		font-size: 2rem;
	}
}

@media (min-width: 768px) {
	.cw-overlay {
		width: 40%;
		right: 10%;
		padding: 5% 2% 5%;
	}
}

@media (min-width: 992px) {
	.cw-overlay {
		width: 365px;
	}

	.cw-overlay::after {
		width: 100%;
		height: fit-content;
		position: absolute;
		bottom: -80px;
		left: 0;
		border-left: 183px solid transparent;
		border-right: 183px solid transparent;
		margin-left: auto;
		margin-right: auto;
		border-top: 80px solid rgba(0, 0, 0, 0.75);
		z-index: 99;
		content: "";
	}
}

/* Arrow Home Page */
/* .cw-arrowBG {
	background-color: transparent;
} */

.cw-arrow {
	background: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	width: 100%;
	padding: 1rem 1rem;
}

.cw-nopadding {
	padding: 0 !important;
}

.cw-arrow h5 {
	font-size: 1.15em;
	text-transform: uppercase;
	margin-bottom: 0 !important;
	font-weight: 400;
}

@media (min-width: 992px) {
	.cw-arrow {
		position: relative;
		padding-right: 42px;
		margin-top: 15px;
		background: url("https://apihoard.webit.com/api/v1/Image/9E59815CDB1A861395F3ADD002BD0BD6/9E59815CDB1A861395F3ADD002BD0BD6.png?size=1280x960");
		background-size: cover;
		background-position: center;
		max-width: 600px;
	}
}

@media (min-width: 1600px) {
	.cw-arrow {
		/* max-width: 60%; */
		max-width: 750px;
	}
}

/* Home Page - List */
.list-img-link {
	cursor: pointer;
	position: relative;
	margin: 1rem auto;
	padding: 1px 15px;
	background: var(--color-theme-text);
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	transition: all 1s;
	background: #333;
	border: 1px solid var(--color-theme-border);
}

.list-img-link:after,
.list-img-link:before {
	content: " ";
	width: 30px;
	height: 30px;
	position: absolute;
	border: 0px solid var(--color-theme-primary);
	transition: all 1s;
}

.list-img-link:after {
	top: -2px;
	left: -2px;
	border-top: 3px solid var(--color-theme-primary);
	border-left: 3px solid var(--color-theme-primary);
}

.list-img-link:before {
	bottom: -2px;
	right: -2px;
	border-bottom: 3px solid var(--color-theme-primary);
	border-right: 3px solid var(--color-theme-primary);
}

.list-img-link:hover {
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.list-img-link:hover:before,
.list-img-link:hover:after {
	width: 104%;
	height: 104%;
}

.page-home .list {
	padding-top: 2.5rem;
	padding-bottom: 1rem;
	color: var(--color-theme-text);
}

.page-home .textwithimage {
	text-align: center;
}

.list .btn-primary,
.list .btn-primary:focus {
	color: var(--color-theme-background);
}

@media (min-width: 768px) {
	.page-home .textwithimage h2 {
		font-size: 2.5rem;
	}
}

@media (min-width: 1440px) {
	.page-home .list .container {
		max-width: 1400px
	}
}

/* Home Page - Text w/ Image */
.textwithimage-in-container {
	padding: 2% 0;
}

.page-home .textwithimage-in-container {
	padding: 0;
}

.textwithimage a {
	color: #fff;
}


/* home pg - review slider */
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden !important;
	height: 600px;
	color: #000;
	background: #FECB0F;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	top: 90px !important;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000 !important;
	text-align: center;
}

.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #000;
	text-align: center;
	opacity: .5;
}

@media(min-width: 992px) {
	.carousel-inner {
		height: 300px;
	}
}

/* Inner Pages */
/* Uses an image module and the .cw-header-container class to make title type area */
/* .page-about-us .image-background,
.page-services .image-background,
.page-reviews .image-background,
.page-our-work .image-background,
.page-contact-us .image-background,
.page-looking-to-upgrade-your-driveway-or-parking-lot .image-background,
.page-the-tar-and-chip-process .image-background,
.page-benefits-of-tar-and-chip .image-background, */
section:not(.page-home) .image .image-background {
	height: 350px !important;
}

.cw-header-container {
	position: relative;
}

.cw-header-container .cw-inner-heading {
	position: absolute;
	top: 7rem;
	left: 5%;
	right: 5%;
}

.cw-header-container .cw-inner-heading h1 {
	font-size: 2rem;
	text-align: center;
	color: #fff;
	text-shadow: 5px 5px 5px #333;
}

@media (min-width: 768px) {
	.cw-header-container .cw-inner-heading {
		top: 10rem;
	}

	.cw-header-container .cw-inner-heading h1 {
		font-size: 4rem;
	}
}

/* Services */

.page-services .text .btn-primary {
	color: #0f0f0f !important;
}

/* Testimonials */
.cw-testimonials {
	background-color: var(--color-theme-background);
}

.cw-testimonials .card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #333;
}

.cw-testimonials .oi_testimonial {
	color: var(--color-theme-primary);
	font-style: italic;
	font-size: 0.9em;
}

.cw-testimonials .fa-star {
	color: #FECB0F;
}

@media (max-width: 776px) {
	.cw-testimonials .card-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.cw-footer {
	text-align: center;
	margin-bottom: -3em;
	padding-top: 2em;
}

.cw-footer .cw-footer-contact h2,
.cw-footer-contact p,
.cw-footer a {
	color: var(--color-theme-primary);
	word-break: break-word;
}

.cw-footer span {
	font-weight: bolder;
	color: var(--color-theme-highlight);
}

.cw-footer a:hover {
	color: var(--color-theme-primary);
}

.cw-footer .btn-primary {
	color: #0f0f0f !important;
}