/*
Theme Name: Zeus
Author: Thornwood Digital
Version: 3.5
*/
@import url('/css/overrides.css');
@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}
@font-face {
	font-family: 'Sorts Mill Goudy';
	src: url('/fonts/SortsMillGoudy-Regular.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}
@font-face {
	font-family: 'Sorts Mill Goudy';
	src: url('/fonts/SortsMillGoudy-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
/* BASE
------------------------------------- */
html, body {
	height: auto;
	color: #6C6C6C;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 2; /* 33.12px */
}
.red {
	color: #f00;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	color: #46b450;
}
p {
	margin-bottom: 2;
}
h1, .blog #main h1 a {
	color: #2B4042;
	text-align: center;
	font-family: Montserrat;
	font-size: 55px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-transform: capitalize;
}
.sub-title {
	color: #2B4042;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	margin-bottom: 15px;
}
h2 span {
	color: #2B4042;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	margin-bottom: 15px;
}
h2, h3 {
	color: #2B4042;
	text-align: center;
	font-family: Montserrat;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
p a {
	color: #AD8787;
}
a:hover {
	color: #1F2328;
}
.main-wrap strong, .main-wrap b {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #AD8787;
}
.main-btn {
	color: #fff;
	background: #333;
	display: inline-block;
	margin: 10px 0;
	text-align: center;
	font-family: "Sorts Mill Goudy";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: capitalize;
	padding: 7px 20px;
	text-decoration: none !important;
	cursor: pointer;
	border: 2px solid #333;
}
#sb_instagram #sbi_load a {
	color: #fff;
	background: #333 !important;
	display: inline-block;
	margin: 10px 0;
	text-align: center;
	font-family: "Sorts Mill Goudy";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: capitalize;
	padding: 7px 20px;
	text-decoration: none !important;
	cursor: pointer;
	border: 2px solid #333;
}
.main-btn:hover {
	background: none;
	color: #333;
}
.main-btn2 {
	color: #333;
	text-align: center;
	font-family: "Sorts Mill Goudy";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: capitalize;
	text-decoration: none !important;
	position: relative;
	border: 2px solid #333;
	background: none;
	padding: 7px 20px;
}
.main-btn2:hover {
	color: #fff;
	background: #333
}
.row {
	margin: 0;
}
.justifyCenter {
	justify-content: center;
}
.alignCenter {
	align-items: center;
}
.flex {
	display: flex;
}
.jRow {
	flex-direction: row;
}
.jColumn {
	flex-direction: column;
}
body.author .post-box img {
	display: block;
	margin: auto;
}
div#sbi-fr-ce-license-error {
	display: none !important;
}
/* Lightbox Background */
#customLightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8); /* Dark semi-transparent background */
	display: none; /* Hidden by default */
	align-items: center;
	justify-content: center;
	z-index: 9999;
	cursor: pointer;
}
/* Lightbox Image */
#customLightbox img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 5px; /* Slightly rounded corners for a modern look */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds depth */
	transition: transform 0.2s ease-in-out;
}
/* Lightbox Image Hover Effect (Optional) */
#customLightbox img:hover {
	transform: scale(1.02); /* Slight zoom effect */
}
/* Fade-in Animation */
#customLightbox.show {
	animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.lightbox-nav.next-arrow {
	position: absolute;
	right: 50px;
	z-index: 100;
	color: #fff;
	font-size: 50px;
	cursor: pointer;
}
.lightbox-nav.prev-arrow {
	position: absolute;
	left: 50px;
	z-index: 100;
	color: #fff;
	font-size: 50px;
	cursor: pointer;
}
/* HEADER
------------------------------------- */
/* Top */
.top {
	background: #CFD6D9;
	padding: 18px 0;
	position: relative;
	z-index: 20;
}
.top .flex {
	align-items: center;
	flex-direction: row;
	justify-content: center;
	margin: 3px auto;
}
.top a {
	color: #333;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 700;
	font-size: 12px;
}
.top p {
	font-weight: 500;
	color: #333;
	margin: 0;
	margin-right: 12px;
	font-size: 12px;
}
.header {
	position: relative;
	z-index: 5;
	background: #fff;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.02);
}
.header .container {
	max-width: 100%;
	padding: 10px 40px;
}
.innerHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cta.flex {
	justify-content: space-between;
	align-items: center;
	width: 350px;
}
.cta a.main-btn, .cta a.main-btn2 {
	display: block;
	width: 100%;
	max-width: 100%;
}
.cta a.main-btn2:hover {
	background: #cfd6d9;
	color: #333;
}
.cta a.main-btn:hover {
	background: #AD8787;
	color: #fff;
}
a.phone {
	position: relative;
	top: 3px;
	margin-right: 12px;
}
a.phone:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1.1);
	opacity: 1;
}
a.address:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1.1);
	opacity: 1;
}
.navbar .nav > li > a {
	color: #2B4042;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.903px;
	text-transform: uppercase;
	padding: 10px 15px;
	height: 38px;
	line-height: 38px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background: none;
	color: #3d3d3d;
	box-shadow: none;
	font-weight: 600;
}
ul.dropdown-menu {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: 2px 4px 2px 2px rgba(0, 0, 0, 0.02);
}
.dropdown-menu > li > a {
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: 400;
	color: #333;
	white-space: nowrap;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Montserrat', sans-serif;
}
.dropdown-submenu > .dropdown-menu {
	margin: 0;
	border-radius: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .dropdown-menu li.current-menu-item > a {
	background: #CFD6D9;
	color: #333;
}
li.current-menu-parent > a, .navbar .nav > li.current-page-ancestor > a {
	font-weight: 600;
}
.menu-item-has-children:hover .dropdown-menu {
	display: block;
}
/* Mobile Menu */
.mobile-header {
	background: #fff;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 20;
	display: none;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.02);
}
#logo2 {
	margin: 0 20px;
	flex: 10;
}
.menu-btn {
	width: 24px;
	height: 24px;
	flex: 1;
	cursor: pointer;
	max-width: 30px;
}
.menu-line {
	height: 4px;
	width: 100%;
	display: block;
	margin: 5px 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	background: #354245;
}
.mobile-header.active .menu-line:nth-child(1) {
	transform: translateY(9px) rotate(45deg);
}
.mobile-header.active .menu-line:nth-child(2) {
	opacity: 0;
}
.mobile-header.active .menu-line:nth-child(3) {
	transform: translateY(-9px) rotate(-45deg);
}
.mobile-header.active + .mobile-nav-menu {
	display: block;
}
.mobile-nav-menu {
	background: #fff;
	position: absolute;
	z-index: 10;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 20px 30px;
	display: none;
}
.mobile-nav-menu.active {
	display: block;
}
.mobile-info a.main-btn.transition {
	display: block;
	margin: 10px auto;
}
a.contact-link {
	color: #2B4042;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
.mobile-info {
	text-align: center;
	margin-top: 30px;
}
.mobile-nav-menu .menu-mobile {
	margin: 0;
	list-style: none;
}
.mobile-nav-menu .menu-mobile li a {
	color: #2B4042;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 29.13px;
	letter-spacing: 0.2px;
}
.menu-mobile li.menu-item-has-children {
	position: relative;
}
.menu-mobile li.menu-item-has-children::after {
	content: "+";
	display: inline-block;
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: 30;
	right: 20px;
	top: -5px;
	font-size: 30px;
}
.mobile-nav-menu .sub-menu.active {
	display: block;
}
#logo img {
	max-width: 400px;
}
/* BANNER
------------------------------------- */
.slider .container {
	max-width: 100%;
	padding: 0 60px;
}
.slide-info {
	position: absolute;
	z-index: 10;
	top: 50px;
	left: 50px;
}
.slide-info h3 {
	color: #000;
	font-family: "Montserrat";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.slide-info a.main-btn.transition {
	width: 100%;
	max-width: 220px;
}
.slider {
	margin: 0;
	position: relative;
}
.frame-box {
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 50px;
	right: 50px;
	z-index: 10;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
#slideshow1 .slide1 .slide-bg {
	background: url('/images/banner1.webp') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide2 .slide-bg {
	background: url('/images/banner2.webp') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide3 .slide-bg {
	background: url('/images/banner3.webp') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide4 .slide-bg {
	background: url('/images/banner4.webp') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide5 .slide-bg {
	background: url('/images/projects/tristen-ikaika/tristen-home-banner.webp') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide6 .slide-bg {
	background: url('/images/terravue-highlight/terravue-home-banner.avif') center center no-repeat;
	background-size: cover;
}
#slideshow1 .slide7 .slide-bg {
	background: url('/uploads/2026/05/house-four-chairs-home-banner.webp') center center no-repeat;
	background-size: cover;
}
.dot {
	height: 15px;
	width: 15px;
	background: none;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border: 2px solid #595C50;
}
.dot.active {
	background: #595C50;
}
.prev, .next {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #595C50;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	cursor: pointer;
	font-size: 35px;
	line-height: 40px;
}
.navigation p {
	display: block;
	margin: 0 30px;
	position: relative;
	top: 3px;
	text-align: center;
}
.slideshow-container .navigation {
	margin: 0;
	z-index: 15;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}
.slide {
	display: none; /* Hide all slides initially */
	opacity: 0;
	transition: opacity 3s ease-in-out; /* Smooth transition effect */
}
.slide.active {
	display: block; /* Show the active slide */
	opacity: 1;
}
.banner {
	background: #F7F5EF;
	overflow: hidden;
}
.banner .slide-bg {
	height: 625px;
	max-width: 1280px;
	width: 1290px;
}
.banner .slide .flex-wrap {
	display: flex;
	flex-direction: row;
}
#slideshow1 .navigation {
	position: absolute;
	top: auto;
	left: 50%;
	transform: translate(-70%, 0);
	width: 1250px;
	bottom: 20px;
	z-index: 100;
}
.banner .dot {
	border-color: #fff;
}
.banner .dot.active {
	background: #fff;
}
.banner .next, .banner .prev {
	display: none;
}
.banner-content {
	width: 100%;
	max-width: 630px;
	padding: 50px 70px;
	display: flex;
	align-items: center;
}
.banner-content .flex {
	flex-direction: column;
	text-align: left;
	align-items: start;
	justify-content: space-between;
	height: 100%;
	max-height: 480px;
	max-width: 500px;
}
.banner-content h2 {
	font-size: 45px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	text-transform: capitalize;
	text-align: left;
}
.banner-content h2 strong {
	font-weight: 600;
}
.banner-content p {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 188%;
	text-transform: capitalize;
	color: #828282;
	margin: 15px 0 30px;
}
.banner-content a {
	color: #6C6C6C;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	border-bottom: 2px solid #CFD6D9;
	padding-bottom: 5px;
	text-decoration: none;
}
.inner-banner {
	height: 500px;
	background-position: bottom center !important;
	background-size: cover !important;
	background-color: #F7F5EF;
	position: relative;
}
.banner-buttons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
	display: none;
}
.has-product .banner-buttons {
	display: block;
}
.banner-buttons a.main-btn.transition {
	background: #AD8787;
	border: none;
	font-size: 18px;
}
/*.prev:hover, .next:hover {
	background: #595C50;
	color: #fff;
} */
/* Explore Section */
.explore-section {
	padding: 100px 0;
}
.explore-section .container {
	max-width: 1700px;
}
.explore-section .sub-title {
	color: #252C32;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.explore-section h2 {
	color: #252C32;
	font-size: 40px;
}
.line {
	margin: 30px auto;
	width: 140px;
	display: block;
	height: 2px;
	background: #CFD6D9;
}
.showcase-wrap {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding-top: 20px;
}
.showcase {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 520px;
}
.showcase h3 {
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	color: #232020;
}
.showcase a {
	color: #6C6C6C;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
	text-transform: capitalize;
}
.grecaptcha-badge {
	opacity: 0;
}
.slug-links {
	font-size: 18px;
}
.slug-links a {
	color: #ad8787;
}
/* MAIN
------------------------------------- */
.row.contentsection {
	padding: 30px 0;
}
.home .main-wrap {
	background: #F7F5EF;
	padding: 50px 0;
	text-align: center;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
}
.main-wrap {
	background: #F7F5EF;
	padding: 50px 0;
	text-align: center;
}
.page-id-140 .main-wrap {
	text-align: left;
}
header .line {
	margin-top: 20px;
}
a.learn-more {
	color: #6C6C6C;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	border-bottom: 2px solid #CFD6D9;
	padding-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	margin-top: 30px;
}
/* Reviews Section */
.reviews-section {
	padding: 80px 0;
}
.reviews-section .container {
	max-width: 1440px;
}
.reviews-section h3 {
	margin-bottom: 30px;
}
.reviews-section h3 span {
	display: block;
	font-size: 15px;
	margin-top: 5px;
}
.reviews-section .flex {
	gap: 25px;
	margin-bottom: 50px;
}
.review-box img {
	display: block;
	margin: 20px auto;
}
.review-box p {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
	margin-top: 20px;
}
.review-box p:last-child {
	font-size: 16px;
	line-height: 1.5;
}
.review-box p:first-child {
	font-weight: 600;
}
.review-box {
	padding: 0 40px;
	position: relative;
}
.reviews-section .main-btn {
	margin: 10px;
}
.page-id-282 .contentsection .container {
	max-width: 1240px;
}
.reviews-section button.slick-prev.slick-arrow::before, .reviews-section button.slick-next.slick-arrow::before {
	display: none;
}
.reviews-section button.slick-prev.slick-arrow {
	background: url('/images/highlight-arrow-left.webp') center center no-repeat;
	width: 46px;
	height: 16px;
	top: auto;
	bottom: -40px;
	left: calc(50% - 60px);
}
.reviews-section button.slick-next.slick-arrow {
	background: url('/images/highlight-arrow-right.webp') center center no-repeat;
	width: 46px;
	height: 16px;
	top: auto;
	bottom: -40px;
	right: calc(50% - 60px);
}
.review-box::after {
	content: "";
	position: absolute;
	right: 0;
	height: 140px;
	width: 1px;
	background: #CFD6D9;
	display: block;
	top: 70px;
}
/* Individual Project Pages */
.parent-pageid-96 .main-wrap {
	background: none;
	padding-bottom: 0;
}
.parent-pageid-96 .contentsection .container {
	max-width: 100%;
}
.flex.gallery-wrap br {
	display: none;
}
.flex.gallery-wrap {
	flex-wrap: wrap;
	gap: 30px;
	align-items: center;
	justify-content: center;
	margin: 50px auto 0;
	padding: 0 30px 0 30px;
}
.flex.gallery-wrap img {
	width: calc(33% - 50px); /* Adjust the width according to the gap */
	max-width: 100%;
	height: auto;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.flex.gallery-wrap img:hover {
	cursor: pointer;
}
.flex.gallery-wrap img.full {
	width: 100%;
}
.project-description {
	margin-bottom: 50px;
}
.fancybox-title-float-wrap {
	display: none;
}
.fancybox-skin {
	padding: 0 !important;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
	width: auto !important;
	height: auto !important;
}
.product-area {
	margin: 100px 0;
}
.product-area .container {
	max-width: 1500px !important;
}
.product-area {
	margin: 100px 0;
}
.product-area h2 {
	margin-bottom: 50px;
}
.page-id-515 .projects-wrap .container {
	justify-content: space-evenly;
}
.page-id-515 .projects-wrap .container::after {
	display: none;
}
.sbi-header.sbi-header-type-text {
	display: none !important;
}
#sb_instagram #sbi_load a:hover {
	background: #ad8787 !important;
	box-shadow: none;
	border: none;
}
/* BOTTOM
------------------------------------- */
/* Shop Look - collaborations */
.collaborations-section {
	padding: 80px 0 50px;
	background: #d4dcdf;
}
.collaborations-section .flex {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding-top: 20px;
	gap: 20px;
}
.collaborations-section .container {
	max-width: 1700px;
}
.collab-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	margin: 0 12px;
}
.collab-box h3 {
	font-size: 22px;
}
.collab-box a {
	color: #6C6C6C;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
}
.collaborations-section h3 {
	margin-bottom: 20px;
}
.collaborations-section .slick-list.draggable {
	margin-bottom: 50px;
}
.collaborations-section a.main-btn.transition {
	margin-top: 20px;
}
@media (min-width:1300px) {
	.collaborations-section ul.slick-dots {
		display: none;
	}
}
/* Highlight Section for Projects */
.highlight-section {
	position: relative;
	margin: 100px 0;
	display: none;
}
.highlight-section::before {
	content: "";
	height: 275px;
	width: 100%;
	background: #CFD6D9;
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 2;
}
.highlight-container {
	display: flex;
	flex-direction: row;
	padding: 0 0 0 100px;
	position: relative;
	z-index: 5;
	align-items: center;
}
.highlight-section .main-image {
	flex: 1;
	padding: 20px;
	max-width: 800px;
}
.highlight-section .main-image img {
	width: 100%;
	height: auto;
}
.highlight-section .thumbnail-carousel {
	display: flex;
	align-items: start;
	flex: 1;
	padding: 20px 100px 20px 20px;
	flex-direction: column;
}
.highlight-section .thumbnails {
	display: flex;
	overflow: hidden;
	width: auto;
}
.highlight-section .thumbnail {
	flex: none;
	margin-right: 30px;
}
.highlight-section .thumbnail img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
.highlight-section .arrow {
	cursor: pointer;
	user-select: none;
	padding: 0 10px;
}
.highlight-section .project-details {
	margin-top: 40px;
	padding: 20px;
	text-align: left;
}
.highlight-section .project-details .sub-title, .highlight-section .project-details h2 {
	text-align: left;
}
.highlight-section .project-details h2 {
	font-size: 55px;
	max-width: 450px;
	margin-bottom: 100px;
}
.highlight-section .project-details p {
	max-width: 750px;
}
.highlight-section .highlight-arrows {
	margin-top: 20px;
}
/* About Us - How it started */
.started-section {
	background: #F7F5EF;
	padding: 130px 0;
}
.started-section h2 {
	font-size: 55px;
}
/* Home Project Slideshow */
.mid-slideshow {
	margin: 120px 115px;
}
.mid-slideshow h3 {
	color: #fff;
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.mid-slideshow h3 span {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
}
.mid-slideshow .slide-info {
	text-align: left;
}
.mid-slideshow .slide-info a {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	color: #fff;
	display: inline-block;
	padding-left: 5px;
}
.mid-slideshow .slide-info a img {
	display: inline-block;
	margin-left: 10px;
}
#slideshow2 .slide1.slide-bg {
	background: url('/images/project1.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide2.slide-bg {
	background: url('/images/project2.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide3.slide-bg {
	background: url('/images/project3.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide4.slide-bg {
	background: url('/images/project4.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide5.slide-bg {
	background: url('/images/project5.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide6.slide-bg {
	background: url('/images/project6.webp') center center no-repeat;
	background-size: cover;
}
#slideshow2 .slide {
	min-height: 791px;
}
.mid-slideshow .prev, .mid-slideshow .next {
	display: none;
}
.mid-slideshow .dot {
	border-color: #fff;
}
.mid-slideshow .dot.active {
	background: #fff;
}
/* Instagram Section */
.instagram-section .container {
	max-width: 1540px;
}
.instagram-section .flex {
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
}
.instagram-section {
	margin-bottom: 50px;
}
.insta-con img {
	margin-left: 20px;
}
.insta-con a {
	display: inline;
}
/* Meet Lindy Section */
.lindy-section {
	background: #F7F5EF;
	padding: 105px 115px;
}
.meet-lindy {
	background: #D4DCDF;
	margin-right: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.meet-lindy .flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 400px;
}
.lindy-section .line {
	background: #B4B39D;
}
.meet-lindy h3 {
	font-size: 20px;
	line-height: 1.5;
	margin: 0 auto 15px;
	font-weight: 500;
}
.meet-lindy h2 {
	font-size: 40px;
	line-height: 1.2;
	margin: 0 auto 20px;
}
/* Keep Up To Date */
.keepup-section {
	position: relative;
	margin: 100px 0;
}
.keepup-container {
	display: flex;
	flex-direction: row;
	padding: 0 0 0 115px;
	position: relative;
	z-index: 5;
	align-items: start;
}
.keepup-section .main-image {
	flex: 1;
	padding: 20px;
	max-width: 800px;
	position: relative;
}
.keepup-section .main-image img {
	width: 100%;
	height: auto;
}
.keepup-section .thumbnail-carousel {
	display: flex;
	align-items: start;
	flex: 1;
	padding: 20px 0 20px 20px;
	flex-direction: column;
}
.keepup-section .thumbnails {
	display: flex;
	overflow: hidden;
	width: auto;
}
.keepup-section .thumbnail {
	flex: none;
	margin-right: 30px;
}
.keepup-section .thumbnail img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
.keepup-section .arrow {
	cursor: pointer;
	user-select: none;
	padding: 0 10px;
}
.keepup-section .project-details {
	margin-top: 40px;
	padding: 20px;
	text-align: left;
	min-height: 780px;
	position: relative;
}
.keepup-section .project-details .sub-title, .keepup-section .project-details h2 {
	text-align: left;
}
.keepup-section .project-details h2 {
	font-size: 55px;
	max-width: 712px;
}
.keepup-section .project-details p {
	max-width: 550px;
	margin-bottom: 50px;
}
.keepup-section .highlight-arrows {
	margin-top: 20px;
}
.keepup-section .line {
	margin: 30px 0;
	width: 90px;
}
.keepup-section::after {
	content: "";
	height: 275px;
	width: 100%;
	background: #CFD6D9;
	display: block;
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	z-index: 2;
	bottom: 150px;
}
.keepup-section .project-details .flex {
	align-items: center;
	margin-top: 50px;
}
.keepup-section .project-details .flex h2 {
	font-size: 35px;
}
iframe#instagram-embed-0 {
	margin: auto !important;
}
/* Map Section */
.map-section {
	margin-bottom: 100px;
}
.map-section .container {
	max-width: 1640px;
}
.map-box {
	background: url(/images/map.webp) center center no-repeat;
	background-size: contain;
	height: 311px;
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.map-box a.main-btn {
	top: 50px;
	background: #fff;
	color: #333;
	position: relative;
}
.map-box a.main-btn:hover {
	background: #333;
	color: #fff;
}
.page-id-492 .contentsection .container {
	max-width: 1640px;
}
/* FOOTER
------------------------------------- */
footer {
	background: #fff;
	padding: 50px 0;
	position: relative;
	width: 100%;
	clear: both;
	bottom: 0;
	z-index: 20;
	border-top: 1px solid #E0E0E0;
}
footer .container {
	max-width: 1640px;
}
footer .container.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mailchimp {
	margin-bottom: 12px;
}
.mailchimp p {
	color: #6C6C6C;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
	margin-bottom: 7px;
}
.chimpbox {
	display: flex;
	align-items: center;
	flex-direction: row;
}
#mc_embed_signup .mc-field-group {
	width: 100% !important;
}
#mc_embed_signup form {
	margin: 0 !important;
}
input#mce-EMAIL {
	flex: 2 !important;
	margin: 0 !important;
	min-width: 75% !important;
	color: #747474;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	padding-left: 10px;
}
#mc-embedded-subscribe {
	flex: 1 !important;
	max-width: 180px;
	font-family: "Sorts Mill Goudy";
	font-size: 16px !important;
	font-style: italic;
	font-weight: 400;
	line-height: normal !important;
	letter-spacing: 1.6px;
	border-radius: 0 !important;
	background: #333 !important;
	text-transform: uppercase;
	margin: 0 !important;
	height: 40px !important;
}
form#mc-embedded-subscribe-form {
	margin: 0;
}
#mce-EMAIL::-webkit-input-placeholder {
	color: #747474;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	padding-left: 5px;
}
.foot-info {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: end;
	color: #2B4042;
}
.menu-footer {
	margin: 0;
	list-style: none;
	display: flex;
}
p.footer-cta {
	display: inline-block;
	margin-left: 30px;
}
.foot-social {
	margin-left: auto;
}
a.foot-phone, .foot-address, .footer-cta {
	color: #2B4042;
	font-size: 16px;
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.menu-footer li a {
	color: #2B4042;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: capitalize;
}
.menu-footer li:hover a {
	text-decoration: none;
	font-weight: 600;
}
.menu-footer li:hover a::after {
	content: "";
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: 4px;
	left: 10px;
	background: url(/images/arrow-right.webp) center center no-repeat;
	width: 22px;
	height: 16px;
}
.attribution {
	color: #2B4042;
	text-align: left;
	padding: 0;
	background: none;
	display: inline-block;
	float: none;
	font-size: 14px;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	vertical-align: middle;
}
.attribution a {
	color: #2B4042;
	text-decoration: underline;
}
/* Modal */
.modal-header .close {
	margin-top: -22px;
	color: #fff !important;
	opacity: 1 !important;
}
.modal-header .close:hover {
	color: #ff1300 !important;
	text-shadow: none;
}
.modal-content {
	background: #fff;
	border-radius: 10px;
	color: #000;
	box-shadow: 0px 0px 20px #000;
	font-size: 16px;
}
.modal-content h4.modal-title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5;
	margin-bottom: 5px;
}
.modal-header {
	padding: 35px 24px 35px;
	border-bottom: none;
	background: #AD8787;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	color: #333;
}
#myModal2 .modal-header {
	background: #CFD6D9;
}
.modal-header p {
	font-size: 15px;
	color: #fff;
	margin: 15px auto 0;
	line-height: 1.5;
	text-transform: none;
}
.modal label input, .modal textarea {
	border: 1px solid #aaa;
	color: #000;
	font-weight: 400;
	font-size: 16px !important;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0;
	border-radius: 0;
	min-width: 100%;
	padding-left: 0;
}
#myModal2 .modal-content h4.modal-title, #myModal2 .modal-header p {
	color: #333;
}
.modal p {
	margin-bottom: 0;
}
.modal input.wpcf7-form-control.wpcf7-submit {
	cursor: pointer;
	min-width: 0;
	max-width: 130px;
	display: block;
	margin: 0 auto;
	border: 1px solid #aaa;
	color: #000;
	font-weight: 400;
	font-size: 16px !important;
	border-radius: 4px;
}
.modal input.wpcf7-form-control.wpcf7-submit:hover {
	background: #333;
	color: #fff;
}
.modal-header .close {
	color: #aaa;
}
.modal label {
	text-align: left;
}
.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
	opacity: 1;
}
.modal-dialog {
	max-width: 380px;
	margin: 20px auto 0;
}
.modal-body {
	position: relative;
	padding: 30px 25px;
}
.wpcf7-not-valid-tip {
	margin-top: -15px;
	font-size: 14px !important;
	transform: translateY(-15px);
	text-align: right;
	pointer-events: none;
	right: 10px;
	position: relative;
}
.wpcf7 form .wpcf7-response-output {
	margin: 20px auto 0 !important;
	font-size: 16px;
	line-height: 1.5;
	color: #dc3232;
}
.modal label {
	color: #333;
}
.modal textarea {
	min-height: 100px;
	max-height: 100px;
	resize: none;
}
.page-form input, .page-form textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	font-size: 20px;
	padding: 12px;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 0;
	border-radius: 0;
	border-color: #111;
}
.page-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
	color: #fff;
	background: #333;
	display: block;
	margin: 10px auto;
	text-align: center;
	font-family: "Sorts Mill Goudy";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.6px;
	text-transform: capitalize;
	padding: 7px 20px;
	text-decoration: none !important;
	cursor: pointer;
	border: 2px solid #333;
	min-width: 150px;
	width: auto;
}
.page-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background: #000;
	color: #fff;
}
.page-form p {
	margin: 0 0 15px;
}
.wpcf7-response-output {
	color: #fff;
	text-align: center;
	padding: 10px !important;
	width: 100%;
}
input.wpcf7-not-valid {
	border-left: 5px solid #dc3232;
}
.wpcf7-spinner {
	display: none;
}
.page-id-537 h2 {
	text-align: center;
}
.page-id-537 .projects-wrap {
	margin-bottom: 50px;
	padding-top: 40px;
}
.page-id-537 .shopify-buy-frame {
	margin: auto;
}
.internal-page .insta-con > img {
	filter: brightness(0) invert(0);
}
/* INTERNAL PAGE CUSTOMIZATIONS
---------------------------------------------------------- */
.internal-page .map-section {
	margin: 0;
	padding: 70px 0;
	background: #F7F5EF;
}
.internal-page .instagram-section {
	margin: 50px 0 0;
	border-top: 1px solid #e0e0e0;
	padding: 50px 0;
	background: #cfd6d9;
}
/* Founders */
.founders {
	padding: 80px;
}
.founder-box {
	background: #CFD6D9;
	padding: 70px;
	text-align: center;
	margin-left: 20px;
}
.founder-box h2 {
	font-size: 55px;
	line-height: 1.2;
}
.founder-box .line {
	background: #B4B39D;
}
/* Design Services */
.page-form-wrap {
	padding: 120px 0;
}
.page-id-94 .inner-banner {
	height: 30vw;
	max-height: 450px;
}
.page-form-wrap .container {
	max-width: 1300px;
}
.page-form .wpcf7 {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	padding: 50px;
	max-width: 1000px;
	margin: auto;
}
.page-form label {
	display: block;
	margin-bottom: 30px;
}
.page-form br {
	display: none;
}
.page-form label:first-child, .page-form label:nth-of-type(2) {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #eee;
}
.page-form label:first-child {
	width: 48%;
	margin-right: 18px;
}
.project-box a img {
	margin-left: 5px;
}
/* Projects Page */
.projects-wrap {
	padding: 80px 0;
}
.project-box {
	display: flex;
	flex-direction: column;
	flex: 1 1 calc(25% - 30px); /* 25% width minus gap to make four columns */
	box-sizing: border-box;
	margin-bottom: 20px;
	max-width: 370px;
	position: relative;
}
.project-box > img {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.projects-wrap .container {
	max-width: 1640px !important;
	flex-wrap: wrap;
	gap: 40px;
}
.projects-wrap h2 {
	margin-bottom: 50px;
	font-weight: 500;
}
.project-box h3 {
	font-size: 25px;
	margin: 30px auto;
}
.project-box a {
	color: #888;
	letter-spacing: 2px;
}
.page-id-96 header .line {
	margin-bottom: 0;
}
.project-description {
	max-width: 800px;
	margin: 0 auto;
}
/* FAQ */
.accordion {
	max-width: 1000px;
	margin: 20px auto;
}
.accordion-item {
	margin-bottom: 10px;
}
.accordion-heading {
	cursor: pointer;
	padding: 20px 15px 20px 25px;
	background: none;
	border: 1px solid #454545;
	text-align: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	font-size: 22px;
}
.accordion-content {
	display: none;
	padding: 35px 35px 25px;
}
.accordion-heading span {
	font-size: 20px;
	line-height: 1.2;
}
.accordion h3 {
	text-align: left;
	font-size: 25px;
	margin-top: 50px;
}
.accordion-content p {
	font-size: 22px;
}
.accordion ol li {
	font-size: 20px;
}
/* Blog */
.blog .contentsection .container {
	max-width: 1640px;
}
.blog #main .post-wrap {
	display: flex;
	flex-direction: column;
	flex: 1 1 calc(25% - 40px);
	box-sizing: border-box;
	margin-bottom: 20px;
	max-width: 370px;
	text-align: center;
}
.blog #main {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.blog .row.contentsection {
	padding: 80px 0 30px;
}
.post-box header {
	margin: 10px auto 0;
}
.post-box h2 a {
	color: #000;
	font-size: 22px;
	font-weight: 400;
}
.post-box .meta {
	color: #6C6C6C;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
	text-transform: capitalize;
	font-style: normal !important;
	margin: 20px auto;
}
.post-box a.read-more {
	color: #6C6C6C;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.8px;
	text-transform: capitalize;
}
.blog .pagination {
	display: none;
}
.single .meta {
	color: #2B4042;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	font-style: normal !important;
}
.single .row.contentsection {
	padding: 60px 0;
	text-align: center;
}
span.sbi_caption {
	line-height: 1.5 !important;
	padding: 10px 20px !important;
	display: block;
	font-size: 15px !important;
}
img.lindy-small {
	display: none;
	float: right;
	max-width: 400px;
	margin-left: 30px;
}
#logo3 {
	display: block;
	margin-bottom: 30px;
	text-align: center;
	display: none;
}
.page-id-282 .reviews-section .flex {
	flex-wrap: wrap;
}
.page-id-282 .review-box {
	flex: 1 1 calc(25% - 20px);
}
.mobile-logo {
	display: none;
}
.iframe-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio (divide 9 by 16 = 0.5625) */
	height: 0;
	overflow: hidden;
	max-width: 1840px;
	background: #000;
	margin: 0 auto;
}
.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.error404 #main {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
/* Shop */
.page-id-537 .contentsection .container {
	max-width: 1640px;
}
.shopify-buy-frame--modal.is-active {
	background: rgba(0, 0, 0, 0.9) !important;
}
.slick-dots li button {
	border: 2px solid #2b4042 !important;
	border-radius: 50% !important;
	height: 2px !important;
	width: 2px !important;
}
li.slick-active button {
	background: #2b4042 !important;
}
.instagram-user-root-container {
	display: none !important;
}
.sk_branding {
	display: none !important;
	opacity: 0 !important;
}
.sk-ww-instagram-stories {
	background: none !important;
}
.page-id-96 .shopify-buy-frame {
	display: none;
}
#back-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	display: none;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 8px 10px;
	border-radius: 5px;
	text-decoration: none;
	z-index: 30;
	transition: opacity 0.3s ease-in-out;
	border: 1px solid #aaa;
	line-height: 1;
	cursor: pointer;
}
#back-to-top i.fa-solid.fa-arrow-up {
	font-size: 25px;
}
#back-to-top:hover {
	background-color: #CFD6D9; /* Slightly darker for hover effect */
	color: #fff;
}
.page-id-537 .sub-title {
	font-size: 30px;
	font-weight: 700;
}
.error404 #main a {
	color: #ad8787;
}
.menu-mobile li.current-menu-item > a {
	color: #AD8787;
	font-weight: 500;
}
.menu-mobile li.current-menu-parent > a {
	font-weight: 500;
	text-decoration: underline;
}
.mobile-nav-menu .sub-menu.active {
	max-height: 200px;
	overflow: scroll;
	border-left: 5px solid #ad8787;
	margin-left: 20px;
	padding-left: 20px;
	background: linear-gradient(to bottom, #fff0 95%, rgb(0 0 0 / .1) 100%);
}
.mobile-nav-menu .menu-mobile li .sub-menu li a {
	font-size: 18px;
}
/* New Year Giveaway */
input[type="checkbox"]:checked {
	background-color: #AD8787; /* Customize background color */
	border-color: #AD8787;
}
/* Style the checkbox directly */
input[type="checkbox"] {
	appearance: auto; /* Ensures it uses the browser's default styles */
	-webkit-appearance: auto; /* For Safari */
	width: 20px; /* Adjust the size */
	height: 20px;
	cursor: pointer;
	accent-color: #AD8787; /* Set the checkmark and border color */
}
/* Optional: Add hover or focus effects */
input[type="checkbox"]:hover {
	filter: brightness(0.9); /* Slight dimming on hover */
}
input[type="checkbox"]:focus {
	outline: 2px solid #AD8787; /* Visible focus outline */
	outline-offset: 2px;
}
/* Optional: Customize checked state */
input[type="checkbox"]:checked {
	accent-color: #AD8787; /* Change color when checked */
}
.page-new-year-giveaway .page-header {
	display: flex;
	flex-direction: column-reverse;
}
.page-new-year-giveaway .sub-title {
	margin-top: 15px;
	line-height: 2;
}
.page-new-year-giveaway #main h2 {
	margin-bottom: 30px;
	text-align: left;
}
.page-new-year-giveaway .row.contentsection {
	padding: 50px 0;
}
.page-new-year-giveaway #main h4 {
	margin: 20px 0 15px;
}
.page-new-year-giveaway .top {
	display: none;
}
.page-new-year-giveaway #main .col-md-12 span.wpcf7-form-control-wrap {
	margin-right: 15px;
	display: inline-block;
	margin-top: 10px;
}
.page-new-year-giveaway #main {
	font-size: 20px;
	line-height: 2;
}
.page-new-year-giveaway h4 strong {
	color: #b28f8f;
}
.page-new-year-giveaway #main .terms-section h2 {
	font-size: 24px;
	margin: 35px 0 10px;
	font-weight: 500;
}
.terms-section {
	padding: 25px 0 0;
	margin-top: 50px;
}
.page-new-year-giveaway span.line {
	display: none;
}
.page-new-year-giveaway input {
	font-size: 16px !important;
}
#main a {
	color: #ad8787;
}
.wpcf7-response-output {
	border: none !important;
}
#main .shopify-buy-frame {
	margin-top: 50px;
}
.page-privacy-policy #main h3 {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
}
.project-box.center.featured::before {
	content: "2026 UV Parade of Home";
	position: absolute;
	top: -18px;
	left: 50px;
	right: 50px;
	text-align: center;
	background: #f7f5ef;
	border-radius: 50px;
	box-shadow: rgba(50, 50, 93, 2.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.project-box.center.featured::after {
	content: "";
	display: block;
	position: absolute;
	left: -30px;
	bottom: 90px;
	background: url(/uploads/2026/06/UVHBA_2026_Judges_Choice_Award.webp);
	background-size: contain;
	width: 150px;
	z-index: 55;
	height: 150px;
	background-repeat: no-repeat;
}

.banner .slider::before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	bottom: -10px;
	background: url(/uploads/2026/06/UVHBA_2026_Judges_Choice_Award.webp);
	background-size: contain;
	width: 225px;
	z-index: 55;
	height: 225px;
	background-repeat: no-repeat;
}
.page-guides .contentsection .container {
	max-width: 1740px;
}
/* RESPONSIVE
---------------------------------------------------------- */
@media (min-width: 2000px) {
	.body {
		max-width: 1920px !important;
		margin: auto;
	}
	.header .container {
		max-width: 1920px;
	}
	.banner {
		max-width: 1800px;
		margin: auto;
	}
	.reviews-section .container {
		max-width: 1240px !important;
	}
	.highlight-container {
		max-width: 1920px;
		margin: auto;
	}
	.mid-slideshow {
		max-width: 1920px;
		margin: 120px auto 55px;
	}
	.lindy-section .flex {
		max-width: 1920px;
		margin: auto;
	}
	.meet-lindy p {
		max-width: 500px;
	}
	.keepup-container {
		max-width: 1920px;
		margin: auto;
	}
	.founders .flex {
		max-width: 1920px;
		margin: auto;
	}
	.page-id-92 #main {
		max-width: 900px;
		margin: auto;
		float: none;
	}
	.page-form-wrap .container {
		max-width: 1300px !important;
	}
	.inner-banner {
		max-width: 1920px !important;
		margin: auto;
	}
	.single #main {
		float: none;
		max-width: 1000px;
		margin: auto;
	}
	.contentsection .container {
		max-width: 1500px !important;
	}
	.parent-pageid-96 .contentsection .container {
		max-width: 2000px !important;
	}
	.blog .contentsection .container {
		max-width: 1650px !important;
	}
}
@media (max-width: 1700px) {
	.banner .slide-bg {
		width: 1200px;
	}
	#slideshow1 .navigation {
		transform: translate(-73%, 0);
	}
}
@media (min-width: 1500px) and (max-height: 861px) {
	#logo img {
		max-width: 350px;
	}
	
	.explore-section {
		padding: 50px 0 70px;
	}
	.home .main-wrap {
		padding: 30px 0;
	}
	.started-section {
		padding: 60px 0;
	}
	.collaborations-section .container {
		max-width: 1580px;
	}
	.collab-box img {
		height: 320px;
	}
	.highlight-section .main-image img {
		max-width: 580px;
		display: block;
		margin: auto;
	}
	.highlight-section .thumbnail {
		max-width: 200px;
	}
	.highlight-section .project-details {
		margin-top: 70px;
	}
	.highlight-section::before {
		height: 230px;
		top: 80px;
	}
	.keepup-section .main-image img {
		width: 100%;
		height: auto;
		max-width: 580px;
		display: block;
		margin: auto;
	}
	.keepup-section::after {
		height: 130px;
	}
	.page-house-of-four-chairs .inner-banner {
		height: 500px !important;
	}
}
@media (max-width: 1699px) {
	.navbar .nav > li > a {
		padding: 10px 12px;
	}
	.banner-content {
		max-width: 700px;
		position: relative;
		z-index: 100;
	}
	.highlight-section .main-image {
		max-width: 650px;
	}
	.highlight-section .thumbnail {
		max-width: 200px;
	}
	.highlight-section .project-details h2 {
		margin: 20px 0 80px;
	}
	.keepup-section .main-image {
		max-width: 680px;
	}
	.keepup-section::after {
		bottom: 70px;
	}
	footer .container {
		padding: 0 50px;
	}
	.founder-box h2 {
		font-size: 45px;
	}
	.keepup-section .project-details h2, .started-section h2, h1, .blog #main h1 a {
		font-size: 48px;
	}
	.banner-content h2 {
		font-size: 45px;
		line-height: 1.5;
	}
	.founder-box p {
		font-size: 15px;
	}
	.founder-box {
		padding: 75px 35px 45px;
	}
}
@media (min-width: 1499px) {
	.page-house-of-four-chairs .inner-banner {
		height: 650px;
	}
}
@media (max-width: 1599px) {
	.header .container {
		padding: 10px 20px;
	}
	.navbar .nav > li > a {
		font-size: 15px;
		padding: 10px 8px;
	}
	.showcase-wrap {
		gap: 30px;
	}
	.post-box .meta {
		font-size: 16px;
	}
	.banner-content p {
		max-width: 500px;
	}
	.banner .slide-bg {

		width: 1300px;
	}
	.banner-content h2 {
		font-size: 42px;
		line-height: 1.2;
	}
}
@media (max-width: 1499px) {
	#logo {
		max-width: 350px;
	}
	.cta.flex {
		width: 340px;
	}
	.banner-content .flex {
		min-width: 320px;
	}
	.banner .slide-bg {
		height: 550px;
		width: 1080px;
	}
	.showcase a {
		letter-spacing: 1.4px;
	}
	.highlight-section .project-details h2 {
		font-size: 48px;
		margin: 30px 0 80px;
	}
	.keepup-section .project-details h2 {
		font-size: 44px;
	}
	.founders .flex {
		flex-direction: column-reverse;
	}
	.founders .flex > img {
		max-width: 600px;
		margin: 30px auto 0;
		display: none;
	}
	img.lindy-small {
		display: block;
		margin-bottom: 20px;
	}
	.inner-banner {
		height: 400px;
	}
	.founder-box {
		text-align: left;
	}
	img.signatures {
		display: block;
		margin: 0 auto;
	}
	#logo img {
		max-width: 350px;
	}
}
@media (max-width: 1399px) {
	#logo img {
		max-width: 300px;
	}
	.banner .slide-bg {
		height: 480px;
		width: 1050px;
	}
	.highlight-container {
		padding-left: 20px;
	}
	.highlight-section::before {
		height: 245px;
	}
	.highlight-section .project-details h2 {
		margin: 30px 0 60px;
	}
	.keepup-container {
		padding-left: 30px;
	}
	#slideshow1 .navigation {
		left: 46%;
	}
	.banner-content h2 strong {
		display: block;
	}
}
@media (max-width: 1300px) {
	.header {
		display: none;
	}
	.mobile-header {
		display: flex;
		text-align: center;
	}
	.sub-menu {
		display: none;
		list-style: none;
	}
	.menu-item a {
		padding: 0;
	}
	.menu-mobile li {
		padding: 7px 0;
	}
	.menu-item a:hover, .menu-item .active > a {
		background: none;
		text-decoration: underline;
	}
	#logo2 {
		max-width: 350px;
		margin: auto;
	}
	.banner .slide-bg {
		height: 450px;
		width: 920px;
	}
	.showcase {
		width: 350px;
		margin-bottom: 50px;
	}
	.showcase-wrap {
		flex-wrap: wrap;
	}
	.explore-section .container {
		max-width: 1000px;
	}
	.highlight-section .project-details h2 {
		margin: 20px 0 70px;
		font-size: 45px;
	}
	#slideshow2 .slide {
		min-height: 550px;
	}
	.lindy-section .flex {
		width: 100%;
	}
	.meet-lindy {
		flex: 2;
	}
	img.lindy {
		flex: 1;
		max-width: 500px;
	}
	.keepup-section::after {
		height: 210px;
	}
	.map-section {
		margin-bottom: 50px;
	}
	.keepup-section {
		margin-bottom: 0px;
	}
	.inner-banner {
		height: 350px;
	}
	.page-form label:first-child {
		margin-right: 16px;
	}
	.project-box {
		flex: 1 1 calc(33% - 40px);
	}
	.blog #main .post-wrap {
		flex: 1 1 calc(33% - 40px);
	}
	.flex.gallery-wrap img {
		width: calc(50% - 30px);
	}
}
@media (max-width: 1199px) {
	.banner .slide-bg {
		width: 850px;
	}
	.banner-content h2 {
		font-size: 35px;
		line-height: 1.2;
		max-width: none;
	}
	.highlight-section .main-image {
		max-width: 500px;
	}
	.keepup-section .project-details {
		margin-top: 10px;
	}
	.keepup-section .project-details .flex h2 {
		font-size: 28px;
	}
	.founder-box p {
		font-size: inherit;
	}
	.page-form label:first-child {
		margin-right: 13px;
	}
}
@media (min-width: 1000px) and (max-width: 1100px) {
	.banner-content p {
		font-size: 16px;
	}
}
@media only screen and (min-width: 980px) {
	.container {
		max-width: 1040px;
		margin: 0 auto;
		width: 100%;
		padding: 0 20px;
	}
}
@media (max-width: 1099px) {
	.navarea.hidden-md-down {
		display: none;
	}
	.project-box.center.featured::before {
		right: 15px;
		left: 15px;
	}
	#main {
		min-height: 0 !important;
	}
	.banner .slide-bg {

		width: 750px;
	}
	.founders {
		padding: 50px 30px;
	}
	.inner-banner {
		height: 300px;
	}
	.page-form label:first-child {
		margin-right: 11px;
	}
	.container {
		padding: 0 40px;
	}
	.lindy-section {
		padding: 75px 35px;
	}
	img.lindy {
		max-width: 450px;
	}
	.home .main-wrap, .started-section {
		padding: 80px 0;
	}
	.home .row.contentsection {
		padding: 0;
	}
	#slideshow2 .slide {
		min-height: 480px;
	}
	.mid-slideshow h3 {
		font-size: 38px;
	}
	.keepup-section .project-details h2 {
		font-size: 38px;
	}
	.keepup-section .project-details .flex h2 {
		font-size: 25px;
	}
	#mc_embed_signup {
		width: 450px !important;
	}
	.founder-box h2, .keepup-section .project-details h2, .started-section h2, h1, .blog #main h1 a {
		font-size: 40px;
	}
	.accordion-content p {
		font-size: 19px;
	}
	h2, h3 {
		font-size: 30px;
	}
	.parent-pageid-96 .contentsection .container {
		padding: 0;
	}
	.main-wrap {
		padding: 30px 0;
	}
	.menu-mobile li.menu-item-has-children a {
		display: inline-block;
	}
	.banner-buttons a.main-btn.transition:hover {
		color: #fff;
	}
}
@media (max-width: 1023px) {
	.attribution {
		text-align: center;
		float: none;
	}
}
@media (max-width: 999px) {
	.showcase {
		width: 300px;
		margin-bottom: 50px;
		min-height: 450px;
	}
  .banner .slider::before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(/uploads/2026/06/UVHBA_2026_Judges_Choice_Award.webp);
	background-size: contain;
	width: 175px;
	z-index: 55;
	height: 175px;
	background-repeat: no-repeat;
}
	.banner .slide .flex-wrap {
		flex-direction: column;
	}
	.banner .slide-bg {
		width: 100%;
		max-width: 100%;
	}
	.banner-content {
		max-width: 100%;
		padding: 30px 20px 60px;
		display: block;
	}
	.banner .flex {
		display: block;
		max-width: 100%;
	}
	.banner .slide-bg {
		height: 450px;
	}
	.banner-content p {
		max-width: 600px;
		text-align: center;
		margin: 20px auto;
	}
	.banner-content h2 {
		max-width: 100%;
		text-align: center;
	}
	.banner-content a {
		display: block;
		margin: 0 auto;
		max-width: 420px;
		text-align: center;
	}
	#slideshow1 .navigation {
		position: relative;
		left: 0;
		right: 0;
		text-align: center;
		transform: none;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 5;
	}
	.banner .dot {
		border-color: #2B4042;
	}
	.banner .dot.active {
		background: #2B4042;
	}
	.container {
		width: 100%;
	}
	.banner .next, .banner .prev {
		display: block;
		border: none;
	}
	.navigation p {
		margin: 0 15px;
	}
	.slideshow-container .navigation {
		position: relative;
		bottom: 0;
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mid-slideshow .dot {
		border-color: #2B4042;
	}
	.mid-slideshow .dot.active {
		background: #2B4042;
	}
	.mid-slideshow .prev, .mid-slideshow .next {
		display: block;
	}
	.prev, .next {
		border: none;
	}
	img.lindy {
		max-width: 380px;
	}
	.keepup-section .project-details {
		padding: 0;
		padding-right: 30px;
		min-height: 0;
		text-align: center;
		width: 100%;
		padding: 0;
	}
	.keepup-container {
		flex-direction: column-reverse;
		padding: 0 30px;
		align-items: center;
	}
	.keepup-section .project-details .flex {
		position: relative;
		bottom: 0;
		margin-top: 30px;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.keepup-section .main-image {
		max-width: 500px;
		margin: auto;
	}
	footer .menu-item a {
		padding: 7px 0;
	}
	.meet-lindy h2, .explore-section h2, .founder-box h2, .keepup-section .project-details h2, .started-section h2, h1, .blog #main h1 a {
		font-size: 35px;
	}
	.highlight-section .project-details h2 {
		font-size: 40px;
	}
	.meet-lindy {
		padding: 50px 0;
	}
	.keepup-section .project-details .sub-title, .keepup-section .project-details h2 {
		text-align: center;
		max-width: none;
	}
	.keepup-section .line {
		margin: 30px auto;
	}
	.keepup-section .thumbnail-carousel {
		display: block;
	}
	.keepup-section .project-details p {
		max-width: 100%;
		margin-bottom: 50px;
	}
	.page-form label:first-child {
		margin-right: 10px;
	}
	.blog #main .post-wrap {
		flex: 1 1 calc(50% - 40px);
	}
	.projects-wrap .container {
		justify-content: center;
	}
	.project-box {
		flex: 1 1 calc(50% - 40px);
	}
}
@media (max-width: 899px) {
	.top {
		padding: 12px 0;
	}
	.banner .slide-bg {
		height: 380px;
	}
	.explore-section {
		padding: 80px 0 30px;
	}
	.reviews-section .flex {
		flex-wrap: wrap;
	}
	.review-box {
		flex: 1 1 calc(50% - 40px);
	}
	.highlight-section {
		margin: 50px 0;
	}
	.highlight-container {
		flex-direction: column-reverse;
		padding: 0;
	}
	.highlight-section::before {
		height: 180px;
	}
	.highlight-section .project-details {
		margin-top: 20px;
		padding: 20px;
		text-align: center;
	}
	.highlight-section .project-details .sub-title, .highlight-section .project-details h2 {
		text-align: center;
	}
	.highlight-section .project-details h2 {
		max-width: none;
		font-size: 35px;
	}
	.highlight-section .main-image {
		max-width: 450px;
		margin: auto;
	}
	.highlight-section .thumbnail-carousel {
		padding: 20px;
	}
	.highlight-section .highlight-arrows {
		margin: 20px auto 0;
	}
	.mid-slideshow {
		margin: 80px 15px;
	}
	.lindy-section .flex {
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	img.lindy {
		max-width: 500px;
		margin-top: 30px;
	}
	footer .container.flex {
		margin-bottom: 30px;
	}
	.map-box {
		background-size: cover;
		border: 1px solid;
	}
	img.lindy-small {
		display: block;
		float: none;
		margin: 20px auto;
	}
	.founder-box {
		margin: 0;
	}
	.page-form label:first-child, .page-form label:nth-of-type(2) {
		margin-right: 0;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.banner-content h2 {
		font-size: 35px;
	}
	.reviews-section .flex {
		display: block; /* Disable flexbox on small screens */
	}
	.swiper-container {
		width: 100%;
		overflow: hidden;
	}
	.swiper-wrapper {
		display: flex;
	}
	.swiper-slide {
		width: 100%;
		flex-shrink: 0;
	}
	.slick-dots li button {
		border: 2px solid #2b4042 !important;
		border-radius: 50% !important;
		height: 2px !important;
		width: 2px !important;
	}
	li.slick-active button {
		background: #2b4042 !important;
	}
	.slick-slide img {
		display: block;
		margin: 0 auto 30px;
	}
	.slick-slide a img {
		margin: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.showcase h3 {
		margin-bottom: 20px;
	}
	.review-box {
		margin-bottom: 30px;
	}
	.reviews-section {
		padding: 30px 0;
	}
	.keepup-section {
		margin-bottom: 50px;
	}
}
@media (max-width: 750px) {
	footer .container.flex {
		flex-direction: column-reverse;
		align-items: start;
		text-align: left;
		justify-content: start;
	}
	.foot-info {
		align-items: start;
		margin: 10px 0;
		width: 100%;
	}
	.foot-social.hidden-sm-down.clearfix {
		display: block !important;
		float: none;
		margin: 0;
	}
	.chimpbox {
		display: block;
	}
	input#mce-EMAIL {
		width: 100%;
		min-width: 100% !important;
	}
	#mc-embedded-subscribe {
		min-width: 100%;
		width: 100%;
		margin-top: 8px !important;
	}
	#logo3 {
		display: block;
	}
	.inner-banner {
		height: 225px;
	}
	.blog #main {
		display: flex;
		flex-wrap: nowrap;
		gap: 40px;
		flex-direction: column;
		align-items: center;
	}
	.highlight-section::before {
		height: 180px;
	}
}
@media (max-width: 600px) {
	.flex.gallery-wrap img {
		width: calc(100% - 10px); /* Full width for mobile */
	}
	.top .flex {
		flex-direction: column;
	}
	.top {
		padding: 5px 0;
	}
	.project-box {
		flex: 1 1 100%;
		max-width: 347px;
	}
	.main-wrap {
		padding-bottom: 10px;
	}
	.banner .slide-bg {
		height: 320px;
	}
	.slide-info {
		left: 20px;
		top: 20px;
	}
	.mid-slideshow h3 {
		font-size: 32px;
	}
	.review-box::after {
		display: none;
	}
}
@media (max-width: 550px) {
	#slideshow2 .slide {
		min-height: 350px;
	}
	.insta-con {
		display: none;
	}
	img.lindy {
		max-width: 100%;
		height: auto;
	}
	.keepup-section .thumbnail-carousel {
		padding: 0 0 20px;
	}
	.foot-info {
		display: block;
	}
	#mc_embed_signup {
		width: 100% !important;
	}
	img.lindy-small {
		width: 100%;
		max-width: 100%;
	}
	.page-form label {
		margin-bottom: 15px;
	}
	.page-form .wpcf7 {
		padding: 40px 30px;
	}
	.page-form-wrap {
		padding: 50px 0 10px;
	}
	.attribution span {
		display: block;
	}
	.lindy-section .flex {
		display: block;
	}
	.home h1.page-title {
		max-width: 330px;
		margin: auto;
	}
	.accordion-heading span {
		font-size: 17px;
		line-height: 1.2;
		font-weight: 500;
	}
	.accordion h3 {
		font-size: 20px;
	}
	.flex.gallery-wrap {
		padding: 0 2px;
	}
	.projects-wrap .container {
		padding: 0;
		gap: 30px 0;
	}
	.project-description .container {
		text-align: left;
		padding: 0 15px !important;
	}
	.page-new-year-giveaway .sub-title {
		font-size: 18px;
	}
	.page-new-year-giveaway #main {
		font-size: 18px;
		line-height: 2;
	}
	span.consent {
		font-size: 17px;
	}
	#back-to-top {
		font-size: 32px;
		padding: 0px 6px;
	}
	#logo2 {
		max-width: 250px;
		margin: auto;
	}
  .banner .slider::before {width: 150px; height: 150px;}
}
@media (max-width: 450px) {
	.banner .slide-bg {
		height: 250px;
	}
	.home .main-wrap, .started-section {
		padding: 40px 0;
	}
	.meet-lindy {
		padding: 40px 20px;
		margin: auto;
	}
	.lindy-section {
		padding: 50px 15px;
	}
	.blog .contentsection .container {
		padding: 0 20px;
	}
	.banner-content h2 {
		max-width: 370px;
		text-align: center;
		margin: auto;
		font-size: 38px;
	}
	#logo2 {
		max-width: 250px;
	}
	.highlight-section .project-details h2 {
		font-size: 34px;
	}
	.mid-slideshow h3 span {
		display: block;
		text-align: left;
		margin: 0;
	}
	.mid-slideshow h3 {
		font-size: 28px;
		text-align: left;
	}
	.page-new-year-giveaway .sub-title {
		font-size: 15px;
	}
	.page-new-year-giveaway #main {
		font-size: 17px;
		line-height: 1.8;
	}
	.page-new-year-giveaway #main h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.page-new-year-giveaway .contentsection .container {
		padding: 0 15px;
	}
	.page-new-year-giveaway #main .terms-section h2 {
		font-size: 21px;
	}
}
@media (max-width: 400px) {
	.container {
		padding: 0 15px;
	}
	.highlight-section .project-details h2 {
		font-size: 33px;
	}
	.founders {
		padding: 30px 15px;
	}
	.founder-box {
		padding: 40px 25px;
	}
	.desktop-logo {
		display: none;
	}
	.mobile-logo {
		display: block;
		margin: auto;
	}
	.highlight-section .project-details {
		padding: 20px 0;
	}
}
@media (max-width: 380px) {
	.inner-banner {
		height: 180px;
	}
	.page-new-year-giveaway .contentsection .container {
		padding: 0 10px;
	}
}