/* -------------------- Navbar ---------------------- */


:root {
	/* Root variables to reference, delete, or replace */
	--cw-nav-back-full: var(--color-theme-primary);
	--cw-nav-back-inner: #fff;
	--cw-nav-btn-back: #fff;
	--cw-nav-btn-text: #000;
	--cw-nav-hover-back: var(--color-theme-highlight);
	--cw-nav-hover-text: #fff;
	--cw-nav-active-back: var(--color-theme-secondary);
	--cw-nav-active-text: #fff;
}

/* full navbar */
.header .navbar,
.header .navbar.bg-primary {
	background: var(--cw-nav-back-full) !important;
}

/* Internal navbar */
.header .navbar .navbar-nav {
	padding: 5px .5rem;
	margin: 1.5rem auto;
	background-color: var(--cw-nav-back-inner);
	justify-content: center;
}

.header .nav-link-cart,
.header .navbar .navbar-nav .nav-link {
	background-color: var(--cw-nav-btn-back);
	color: var(--cw-nav-btn-text);

	line-height: 1em;
	padding: 0.7rem 0.5rem;
	margin: 5px 0;
	transition: all 200ms 50ms ease-in-out;
	font-size: 1.3rem;
	font-weight: 400;
	/* defaults */
	/* line-height: 40px;
	padding: 0.5rem 1rem;
	padding-right: 15px;
	padding-left: 15px; 
    transition: background-color 150ms 50ms ease-in-out;
	*/
}


/* Active Nav elements */
.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	background-color: var(--cw-nav-active-back);
	color: var(--cw-nav-active-text);

	/* line-height: 2em;
    margin-top: -0.5em;
    margin-bottom: -0.5em; */
}

/* nav hover */
.header .navbar .nav-link:hover {

	background-color: var(--cw-nav-hover-back);
	color: var(--cw-nav-hover-text);
	/* line-height: 2em;
    margin-top: -0.5em;
    margin-bottom: -0.5em; */
}

/* remove/hide/override nav highlight border */
.header .nav-link-cart::after,
.header .navbar .nav-link::before {
	border-width: 0px;
	/* border-color: transparent; */
	/* content: unset; */
}


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

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {

	.header .nav-link-cart,
	.header .navbar .navbar-nav .nav-link {
		padding: 0.5rem 0.5rem;
		margin: 0 0.5rem;
	}

	/* Active Nav elements */
	.header .navbar .active>.nav-link,
	.header .navbar .dropdown-item.active,
	.header .navbar .dropdown-item:active,
	.header .navbar .show>.nav-link {
		line-height: 2.2em;
		margin-top: -0.6em;
		margin-bottom: -0.6em;
		box-shadow: -3px 0px 4px rgba(0, 0, 0, .5);
	}

	/* nav hover */
	.header .navbar .nav-link:hover {

		line-height: 2.2em;
		margin-top: -0.6em;
		margin-bottom: -0.6em;
		box-shadow: -3px 0px 4px rgba(0, 0, 0, .5);
	}
}

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

/* HERO */

.cw-hero {
	position: relative;
	min-height: 500px;
	background: linear-gradient(rgb(0 0 0 / 35%), rgb(0 0 0 / 35%)),
		url("https://apihoard.webit.com/api/v1/Image/9059B7D573C49F69F0695E8C630C48B9/9059B7D573C49F69F0695E8C630C48B9.jpg?size=800x600") no-repeat center center/cover;
	display: flex;
	align-items: center;

}

.cw-hero .cw-herobox {
	max-width: 650px;
	margin: 1rem auto;
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	text-align: center;
	padding: 1.5rem 1rem;
	border: 2px solid #000;
}

@media (min-width: 992px) {
	.cw-hero {
		position: relative;
		min-height: 700px;
		background: linear-gradient(rgb(0 0 0 / 35%), rgb(0 0 0 / 35%)), url("https://apihoard.webit.com/api/v1/Image/9059B7D573C49F69F0695E8C630C48B9/9059B7D573C49F69F0695E8C630C48B9.jpg?size=1920x1440") no-repeat center center/cover;
	}
}

@media (min-width: 1200px) {
	.cw-hero {
		align-items: flex-end;
	}

	.cw-hero .cw-herobox {
		margin: 1rem auto 4rem 0;
	}

}

/*-- Home --*/

.page-home .list {
	padding: 3rem 0 0;
}

.page-home .list .list-img-wrap {
	background: var(--color-theme-secondary);
}

.page-home .detailedlist .row {
	align-items: center
}

.page-home .detailedlist img {
	padding: .25em;
	border: 2px solid var(--color-theme-secondary);
}

.page-home .detailedlist h2.detailedlist-item-title {
	color: #fff
}

/*-- Checklists --*/

.cw-checklist li {
	display: inline-block;
	padding: .25em;
}

.cw-checklist li:before {
	content: "\f058";
	font-family: FontAwesome;
	margin-right: 0.25em;
	color: var(--color-theme-highlight);
}

@media(min-width: 992px) {
	.page-home .detailedlist h2.detailedlist-item-title {
		font-size: 2rem
	}

	.page-home .list h2 {
		font-size: 1.5rem
	}
}

/*-- Subpages --*/
section:not(.page-home) .title {
	position: relative;
	margin-bottom: 3em;
	padding: 4em 0;
	background: url(https://apihoard.webit.com/api/v1/Image/574A0AA14379DA0D5BEEF7D894F73D76/574A0AA14379DA0D5BEEF7D894F73D76.jpg?size=1920x1440) no-repeat center bottom;
	background-size: cover;
	text-align: center;
}

section:not(.page-home) .title:after {
	overflow: hidden;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}

section:not(.page-home) .title-heading {
	position: relative;
	z-index: 2;
	color: #ffff;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	section:not(.page-home) .title-heading {
		font-size: 3rem;
	}
}

/* CTA LET'S TALK WIDGET */


.cw-setup {
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index: 50;
	border: 2px solid #222;
	-webkit-box-shadow: 2px 2px 2px rgb(0 0 0/44%);
	box-shadow: 2px 2px 2px rgb(0 0 0/44%)
}

.cw-setup:hover {
	cursor: pointer
}

.hidden {
	display: none
}

#cw-contactBtns {
	margin-top: 8px
}

#cw-contactBtns a {
	display: inline-block;
	width: 54px;
	height: 54px;
	padding: 13px 10px 10px 10px;
	border-radius: 50%;
	background: #231f20
}

#cw-contactBtns a:before {
	font: normal normal normal 24px/1 FontAwesome;
	color: #fff
}

.cw-Phone:before {
	content: "\f2a0"
}

.cw-Email:before {
	content: "\f0e0"
}

.cw-Text:before {
	content: "\f086 "
}

/* Footer */
.footer .footer-info-business {
    display: none;
}

.cw-footer p {
    color: var(--color-theme-primary);
    font-weight: 700;
}

.cw-footer p a {
    margin: 0 .25em;
}