body {
	/* background: url(https://apihoard.webit.com/api/v1/Image/D26A33DD7838A4772E22E93C79D5AE09/D26A33DD7838A4772E22E93C79D5AE09.jpg?size=Original);
    background-position: top center;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover; */
}

.bg-primary {
	background: var(--color-theme-primary) !important;
}

.text-primary {
	color: var(--color-theme-primary) !important;
}

a.text-primary:focus,
a.text-primary:hover {
	color: rgba(0, 0, 0, 0.5) !important;
}

.text-red {
	color: #EA0003;
}

.text-wrap {
	white-space: inherit;
}

.btn-accent {
	background: #EA0003;
	font-family: "Fjalla One", sans-serif !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 2em;
}

.btn-highlight {
	background: var(--color-theme-highlight) !important;
	font-family: "Fjalla One", sans-serif !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 2em;
}

.btn-primary:hover,
.btn-primary:hover:focus,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--color-theme-highlight);
	color: var(--color-theme-primary) !important;
	border-color: var(--color-theme-highlight);
}

.bg-grey {
	background: rgba(0, 0, 0, 0.5) !important;
}

.bg-slogan {
	background-color: var(--header-background);
	background: url(https://apihoard.webit.com/api/v1/Image/E3ECA23D709546FD625134F21D3A0C69/E3ECA23D709546FD625134F21D3A0C69.png?size=Original);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Change font in nav bar ========================== */

a.nav-link {
	font-family: "Fjalla One", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.45em;
}

/* HEADER ===================================================================================== */

/* HERO ===================================================================================== */

/* Hero to go over default image so customer can change (from requet) */
.wb__img-overlay {
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.wb__img-overlay h1 {
	font-size: 2rem;
}

.wb__img-overlay img {
	width: 300px;
}

.wb__img-overlay .wb__overbox {
	margin: 1rem auto;
	padding: .5rem 1rem;

	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.wb__img-overlay {
		height: 480px;
		margin-top: -480px;
	}

	.wb__img-overlay .wb__overbox {
		max-width: 800px;
		background: rgba(0, 0, 0, 0.6);
		padding: 1.5rem 1rem;
		border-radius: 15px;

		min-width: fit-content;
		max-width: 100%;
		width: 500px;

	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.wb__img-overlay h1 {
		font-size: 3rem;
	}
}


/* custom size to match image breakpoint */
@media (min-width: 1281px) {
	.wb__img-overlay {
		height: 600px;
		margin-top: -600px;
	}
}


/* this hero is hidden on homepage. Should remove that and this if they aren't switching back to it now */
/*  HIDDEN HERO CODE  */
.wb__hero {
	background-image: url("https://apihoard.webit.com/api/v1/Image/0C7C7B22929D2F2DFD97DE2DFC93402C/0C7C7B22929D2F2DFD97DE2DFC93402C.jpg?size=1920x1440");
	/*        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%), url('https://apihoard.webit.com/api/v1/Image/95F807F521519C9F41502CDCFD748991/95F807F521519C9F41502CDCFD748991.jpg?size=Original');*/
	background-position: center;
	background-size: cover;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	/*        min-height: 20vw;*/
	padding: 2rem 0;
}

.wb__hero .wb__herobox {
	background: rgba(255, 255, 255, 0.5);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 100%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#33ffffff', GradientType=1);

	max-width: 440px;
	margin: 1rem auto;
	padding: 1.5rem 1rem;
	border-radius: 100px;
}

.wb__hero img {
	width: 300px;
}

.wb__hero a {
	font-size: 1.3rem;
	padding: .5rem 1.2rem;
	border-radius: 15px
}

/* ^^^ END HIDDEN HERO CODE ^^^ */

/* TESTIMONIALS ================================================================================== */

.cd-testimonials-all .cd-author {
	text-align: left;
	margin-left: 1.5em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
	font-size: 1.25em;
	color: #CF1B01;
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul {
	margin: 1.5em auto 4em auto;
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul:after {
	content: "";
	display: table;
	clear: both;
}

.cd-testimonials-all .cd-testimonials-item {
	margin-bottom: 2em;
}

.cd-testimonials-all p {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	border-radius: 0.25em;
	margin-bottom: 1em;
}


.cd-testimonials-all p::after {
	/* creating the triangle in css */
	content: '';
	position: absolute;
	top: 100%;
	left: 2em;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.5);
}


@media only screen and (min-width: 768px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 46%;
		margin: 0 2% 3em;
	}

}

@media only screen and (min-width: 1170px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 30%;
		margin: 0 1.6666% 3em;
	}
}

/*--- Floating links ---*/
.wb__lets-talk {
	position: fixed;
	bottom: 1em;
	right: 1em;
	border-radius: 25px;
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);
}

.wb__lets-talk:hover {
	cursor: pointer;
}

.hidden {
	display: none;
}

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

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

#contactBtns .fa {
	font-size: 35px;
	color: var(--color-theme-primary);
}