/*
Theme Name: Foundation Child
Description: Business Name
Template: foundation-parent
Version: 1.0.0
*/

:root {
	--font_primary: 'Inter', sans-serif;
	--font_size_body: 18px;
	--font_size_h1: 42px;
	--font_size_h2: 30px;
	--letter_spacing_heading: 3px;
	--section_padding: 100px;
}

.logo-col {background-color:#fff !important;}
.btn:hover {color:#fff;}

.gallery .image img {width:100%; object-fit: cover; height: 17vw;}

.content-section .image-col .image {
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}



.section-padding {
	padding-top: var(--section_padding);
	padding-bottom: var(--section_padding);
}
.background-section {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.background-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(208, 223, 232, 0.65);
	z-index: -1;
}
.background-section h2 {
	color: var(--color-1);
}

.review-section {
	background-color: var(--color-4);
	background-image: url(/wp-content/uploads/2026/02/az-subtle.png);
	text-align: center;
}
.review-section h2 {
	color: var(--color-1);
	margin-bottom: 50px;
}
.review-section .reviews .heading {
	font-style: italic;
}
.review-section .owl-carousel {
	max-width: calc(100% - 150px);
	margin: 0 auto;
}
.review-section .owl-carousel .owl-nav {
	font-size: 42px;
	color: var(--color-1);
}
.review-section .owl-carousel .owl-nav button.owl-prev,
.review-section .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.review-section .owl-carousel .owl-nav button.owl-prev {
	left: -75px;
}
.review-section .owl-carousel .owl-nav button.owl-next {
	right: -75px;
}
.review-section .owl-carousel .owl-dots {
	display: flex;
	justify-content: center;
	column-gap: .5em;
	margin-top: 20px;
}
.review-section .owl-carousel .owl-dots .owl-dot {
	border: 1px solid var(--color-1);
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
.review-section .owl-carousel .owl-dots .owl-dot.active {
	background-color: var(--color-1);
}


.read-more { display: none;}
.more {margin-bottom: 15px; font-size: 1em;background:var(--color-1);text-align: center;overflow: hidden;font-weight: bold;padding: 5px 10px;}
.more:hover {cursor: pointer; background:var(--color-3);}
.more::after {content: "Read More"; width:100%;text-align: center;height: 100%; display: flex; justify-content: center;align-items: center;}
.more.vis::after {content: "Read Less";}

a.tops {
		display: block;
		position: relative;
		top: -125px;
		visibility: hidden;
	}



@media screen and (max-width:768px){
    .image img {height: 30vw;}
}