/*
* Theme Name: 321 Base Theme
* Theme URI: https://www.321webmarketing.com/
* Author: 321 Web Marketing
* Author URI: https://www.321webmarketing.com/
* Description: 321 inspired theme for the Genesis Framework.
* Version: 1.0.01
* License: GPL-3.0-or-later
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Text Domain: tto-base-theme
* Domain Path: /languages
* Template: genesis
*/

@charset 'UTF-8';

/* # Table of Contents

- Elements
- Structural
- Accessibility
- Header
- Footer
- Utility
- Blocks
- Custom CSS

*/

/* ## Elements
--------------------------------------------- */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	max-width: 100vw;
	font-size: 62.5%;
	overflow-x: hidden;
}

body {
	background-color: #000;
	max-width: 100vw;
	color: #000;
	font-family: "Lato", sans-serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.618;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	margin: 0;
	overflow-x: visible;
}

article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
	display: block;
}

pre {
	font-family: monospace, monospace;
	font-size: 1.8rem;
}

*::-moz-selection {
	background-color: #393e4b;
	color: #ffffff;
}

*::selection {
	background-color: #393e4b;
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Inria Serif', serif;
	color: #fff;
}

h1 {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 3rem;
}

h2 {
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 6rem 0 3rem;
}

h3 {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 6rem 0 3rem;
}

h4 {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 6rem 0 3rem;
}

h5 {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.4;
	margin: 6rem 0 3rem;
}

h6 {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 6rem 0 3rem;
	text-transform: uppercase;
}

p {
	margin: 0 0 3rem;
	padding: 0;
	color:#fff;
	font-weight: 300;
}

p:last-child {
	margin: 0;
}

a {
	color: #fff;
	word-wrap: break-word;
	pointer-events: all;
	cursor: pointer;
	text-decoration: none;
	transition: 0.25s ease-in-out all
}

a:hover,
a:focus {
	color: #C9944E;
}

button,
a.button,
input[type='submit'] {
	border: 1px solid #E5B375;
	background-color: #000;
	margin-top: 1rem;
	border-radius: 0.3rem;
	color: #ffffff;
	cursor: pointer;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 1.1em 2.4em;
	text-decoration: none;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.2);
	transition: 0.25s ease-in-out all;
}

button:hover,
button:focus,
a.button:hover,
a.button:focus,
input[type='submit']:hover,
input[type='submit']:focus {
	background-color: #222;
	color: #ffffff;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.2);
}

button.white,
a.button.white {
	background-color: #ffffff;
	color: var(--mfe-green);
}

button.outline,
a.button.outline {
	border: 1px solid #049948;
	background: transparent;
	color: #049948;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.1);
}

button.outline:hover,
button.outline:focus,
a.button.outline:hover,
a.button.outline:focus {
	background: #049948;
	color: #fff;
}

button.large,
a.button.large {
	font-size: 18px;
	font-size: 1.8rem;
}

ol,
ul {
	margin: 0 0 4rem 4rem;
	padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin: 0 0 0 4rem;
	padding: 0;
}

ul li {
	list-style-type: disc;
}

li li {
	list-style-type: circle;
}

ol li {
	list-style-type: decimal;
}

ol li li {
	list-style-type: lower-alpha;
}


hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #f0f1f2;
	clear: both;
	padding: 1em 0 0;
	margin: 0 0 2em;
}

b,
strong {
	font-weight: 600;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.5rem;
}

sup {
	top: -1rem;
}

blockquote {

}

table {

}

thead,
tbody {

}

tr,
th {

}

img {
	display: block;
	max-width: 100%;
}

*:first-child {
	margin-top: 0;
	padding-top: 0;
}

*:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ## Structural
--------------------------------------------- */

.wrap,
.basic-page .content-sidebar-wrap,
.entry-content > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
.entry-content > .gb-block-container > .gb-container-inside {
	width: var(--theme-wrap-width);
	max-width: var(--theme-wrap-max-width);
	margin: 0 auto;
}

.entry-content > .wp-block-genesis-blocks-gb-columns,
.entry-content > .gb-block-container {
	padding: var(--theme-section-padding) 0;
}

.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding-top,
.entry-content > .gb-block-container.no-padding-top {
	padding-top: 0 !important;
}

.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding-bottom,
.entry-content > .gb-block-container.no-padding-bottom {
	padding-bottom: 0 !important;
}

.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding,
.entry-content > .gb-block-container.no-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (max-width: 767px) {
	.wrap,
	.basic-page .content-sidebar-wrap,
	.entry-content > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
	.entry-content > .gb-block-container > .gb-container-inside {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0 var(--theme-wrap-padding-mobile);
	}

	.entry-content > .wp-block-genesis-blocks-gb-columns,
	.entry-content > .gb-block-container {
		padding: var(--theme-section-padding-mobile) 0;
	}
}



/* ## Accessibility
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut,
.wp-custom-logo .site-title,
.wp-custom-logo .site-description {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 0.1rem;
	width: 0.1rem;
	background-color: #fff !important;
	color: #000 !important;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	z-index: 100000;
	text-decoration: none;
	box-shadow: 0 0 0.2rem 0.2rem rgba(57, 62, 75, 0.1);
}

.more-link {
	position: relative;
	font-style: normal;
}

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}



/* ## Header
--------------------------------------------- */

.top-nav-bar {
	background-color: #f5f5f5;
	position: relative;
	display: flex;
	padding: 1.25rem 0;
	border-bottom: 1px solid #dbdbdb;
	z-index: 101;
}

.top-nav-bar > .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6rem;
}

.top-nav-bar > .wrap.left {
	justify-content: flex-start;
}

.top-nav-bar > .wrap.right {
	justify-content: flex-end;
}

.nav-top > .wrap {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.nav-top .menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 3rem;
	height: 100%;
	pointer-events: all;
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.nav-top .menu.fade-out {
	pointer-events: none;
	opacity: 0;
}

.nav-top .menu > .menu-item {
	display: flex;
	align-items: center;
}

.nav-top .menu > .menu-item > a,
.top-nav-bar p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.3;
}

.site-header {
	background-color: #000;
	position: sticky;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 0 1rem rgba(57, 62, 75, 0.18);
	transition: 0.25s ease-in-out box-shadow;
	z-index: 100;
}

.site-header.shrink {
	box-shadow: 0 0 2rem rgba(57, 62, 75, 0.38);
}

.logged-in.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	.logged-in.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.logged-in.admin-bar .site-header {
		top: 0;
	}
}

.site-header > .wrap {
	display: flex;
	align-items: stretch;
	gap: 6rem;
}

.title-area {
	display: flex;
	align-items: center;
	width: 20rem;
	margin: 0 auto 0 0;
	padding: 1rem 0;
}

.title-area a {
	position: relative;
	display: flex;
	width: 100%;
	height: fit-content;
	max-height: 60px;
}

.title-area a img {
	object-fit: contain;
	object-position: left center;
	width: 100%;
	height: 100%;
}

.title-area a img.primary {
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.title-area a img.secondary {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.25s ease-in-out opacity;
}

.site-header.shrink .title-area a img.primary {
	opacity: 0;
}

.site-header.shrink .title-area a img.secondary {
	opacity: 1;
}

.nav-primary {
	display: flex;
	align-items: center;
	gap: 3rem;
	transition: none;
}

.nav-primary > .wrap {
	display: flex;
	align-items: center;
	gap: 3rem;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
}

.nav-primary .menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 6rem;
	height: 100%;
	margin: 0;
	pointer-events: all;
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.nav-primary .menu.fade-out {
	pointer-events: none;
	opacity: 0;
}

.nav-primary .menu > .menu-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 3.75rem 0;
	transition: 0.25s ease-in-out all;
}

.site-header.shrink .nav-primary .menu > .menu-item {
	padding: 2.75rem 0;
}

.nav-primary .menu > .menu-item > a {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.5rem;
}






.primary-menu-ctas .gb-layout-column-wrap {
	display: flex;
	align-items: center;
	gap: 3rem;
}

.primary-menu-ctas .gb-block-layout-column {
	flex: 1 1 fit-content;
}

.primary-menu-ctas a.button {
	margin: 0;
	border: 1px solid #E5B375;
	font-weight: 300;
	font-size: 16px;
	font-family: 'Inria Serif';
}

.mobile-menu-logo {
	display: none;
}

.site-header .progress-bar-container {
	position: absolute;
	background-color: transparent;
	display: block;
	width: 100%;
	height: 4px;
	top: auto;
	bottom: 0;
	left: 0;
}

.site-header .progress-bar {
	background-color: #000;
	display: block;
	width: 0%;
	height: 100%;
	transition: none;
}

/* ## Footer
--------------------------------------------- */









.site-footer > .wrap {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.site-footer-credits.standalone {
	background-color: #000;
	padding: 3.5rem 0;
}

.footer-credits p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	font-size: 1.4rem;
	font-weight: 400;
}

.footer-credits p .separator {
	font-size: 2rem;
	line-height: 0;
	margin: 0 0 0.25rem;
	display:none;
}



/* ## Utility
--------------------------------------------- */













/* ## Blocks
--------------------------------------------- */

/* Breadcrumbs */

.custom-breadcrumbs .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem;
	margin: 0 0 6rem;
	padding: 0;
}

.custom-breadcrumbs .breadcrumb > span {
	display: flex;
	color: #000;
	font-size: 1.5rem;
	font-weight: 500;
}

.custom-breadcrumbs .breadcrumb > a {
	display: flex;
}

/* Button */

.custom-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: fit-content;
}

.custom-button.align-left {
	align-items: flex-start;
}

.custom-button.align-right {
	align-items: flex-end;
}

/* Client Logos */

/* Consultation Steps */

/* Custom Image */

/* Home Page Video */

/* Menu Widget */

/* Recent Articles */

/* Search Widget */

.search-widget {
	position: relative;
}

.search-widget[data-search-type="menu"] .search-widget--form {
	position: absolute;
	min-width: 300px;
	right: calc(100% + 3rem);
	pointer-events: none;
	opacity: 0;
	transition: 0.25s ease-in-out opacity;
	z-index: -99;
}

.search-widget[data-search-type="menu"][data-menu-active="true"] .search-widget--form {
	pointer-events: all;
	opacity: 1;
	z-index: 99;
}

.search-widget .search-widget--toggle {
	display: flex;
	width: 30px;
	height: 30px;
}

.search-widget .search-widget--toggle span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 2rem;
	pointer-events: all;
	cursor: pointer;
	opacity: 1;
	transition: 0.25s ease-in-out all;
}

.search-widget .search-widget--toggle span.hide {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	cursor: default;
	opacity: 0;
}

.search-widget[data-menu-active="true"] .search-widget--toggle span.show {
	pointer-events: none;
	cursor: default;
	opacity: 0;
}

.search-widget[data-menu-active="true"] .search-widget--toggle span.hide {
	pointer-events: all;
	cursor: pointer;
	opacity: 1;
}

.search-widget .search-form {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
	width: fit-content;
}

.search-widget .search-form-label {
	flex: 1 1 100%;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
}

.search-widget .submit-container {
	background-color: #000;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
}

.search-widget .submit-container .search-form-cta {
	display: flex;
}

.search-widget .submit-container svg {
	color: #fff;
	width: 1.6rem;
	height: 1.6rem;
}

.search-widget .submit-container input[type='submit'] {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

.search-widget input[type='submit'].hidden {
	display: none;
}

/* Socials */

.custom-socials {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
	width: fit-content;
}

.custom-social--link {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}

.custom-social--link svg {
	aspect-ratio: 1 / 1;
	color: #222;
	width: 2.4rem;
	height: 2.4rem;
	transition: 0.25s ease-in-out all;
}

.custom-social--link:hover svg {
	color: #555;
}

/* Team Members */


/* ## Custom CSS
--------------------------------------------- */

/* Variables (Edit First!) */

:root {
	--theme-wrap-width: 90%;
	--theme-wrap-max-width: 1280px;
	--theme-wrap-padding-mobile: 4vw;
	--theme-section-padding: 5rem;
	--theme-section-padding-mobile: 4rem;
}


.site-footer-widgets h2 {
	color: #C9944E;
	font-size:16px;
}

.site-footer-widgets a {
	font-size:14px;
}

.site-footer-widgets p {
	margin-bottom:0;
}

.site-footer-widgets svg {
	margin-right:8px;
}

.site-footer-widgets .widget_block {
	padding-top: 50px;
}

.footer-credits a {
	margin-left:20px;
	text-decoration:underline;
}

.site-footer-widgets i {
	margin-right: 10px;
}

.footer-inner svg {
	color:#c9944e;
}

.footer-inner p {
	margin:0;
}

.footer-inner .gb-container-content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.footer-inners .gb-container-content {
	justify-content: end;
	margin-top: 20px;
}

.footer-inner p {
	font-family: 'Inria Serif';
	font-size: 16px;
}

.gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column, .gb-container-inside{
	max-width:1280px;
	margin:0 auto;
}

@media (max-width: 896px) {
	.menu-item-has-children .sub-menu {
		margin-left: 0;
		background-color: transparent;
	}

	.menu-item-has-children .sub-menu .menu-item {
		padding-left: 0;
	}
	
	.sub-menu .menu-item {
		width: 100%;
	}

	.sub-menu-toggle {
		border: 0;
	}

	.sub-menu-toggle:before {
		border: .6rem solid transparent;
		border-top-color: #fff;
	}

	.nav-primary {
		width: 93vw;
		max-width: 40rem;
		background-color: #000;
	}

	.nav-primary ul.menu {
		height: 50vh;
		overflow: auto;
		padding: 0 3rem;
		padding-top:0;
	}
	
	.site-header .wrap {
		width: 100%;
	}
	
	.menu-toggle span,
	.menu-toggle span:before, 
	.menu-toggle span:after {
		background: #fff;
	}

	.site-header .wrap .nav-primary>.wrap {
		position:relative;
		top:110px;
		padding: 0;
	}

	.sub-menu-toggle {
		right:0;
		top:0.5em;
	}

	.menu>.menu-item a {
		color: #fff;
	}

	.sub-menu-toggle:hover, .sub-menu-toggle:focus {
		background-color: transparent;
	}

	.site-header .wrap .nav-primary .menu>.menu-item .sub-menu-toggle {
		transform: rotate(0);
	}

	.site-header .wrap .nav-primary .menu>.menu-item.menu-open .sub-menu-toggle {
		transform: rotate(-180deg);
		background-color: #C9944E;
		border-radius: 5px;
	}

	.menu-toggle.active span.:before, 
	.menu-toggle.active span:after, 
	.menu-toggle.active span {
		background-color: #fff;
	}

	.menu-toggle.active span.hamburger-icon {
		background-color: transparent !important;
		transition: 0.2s 0s 
			ease-in-out background-color;
	}

	.menu-toggle.active span.hamburger-icon:before {
		background-color: #fff;
		top: 0;
		transform: rotate(45deg) !important;
		transition: top 0.2s 0s, transform 0.2s 0.2s, background-color 0.2s 0s !important;
	}

	.menu-toggle.active span.hamburger-icon:after {
		background-color: #fff;
		bottom: 0;
		transform: rotate(-45deg) !important;
		transition: bottom 0.2s 0s, transform 0.2s 0.2s, background-color 0.2s 0s !important;
	}
}


/* ## Custom CSS for home page
--------------------------------------------- */

.haven-hotel-sec .gb-background-cover {
	height:600px;
}

.haven-hotel-sec {
	position:relative;
	overflow:hidden;
	padding-bottom: 70px;
}

.haven-hotel-sec p {
	position: relative;
}

.haven-hotel-sec p:after {
	content: url('/wp-content/uploads/2025/10/Line-1-1.png');
	position: absolute;
	top: 100%;
	left: 0;
}

.haven-hotel-sec .gb-background-cover {
	position: relative;
}

.haven-hotel-sec .gb-background-cover:after {
	content: url('/wp-content/uploads/2025/10/Grain-large-1-1.png');
	position: absolute;
	bottom: -10%;
	right: -5%;
}


.gallery-sec {
	padding-top:100px;
}

.gallery-sec .wp-block-image img {
	margin-top: 70px;
}

.brands-sec .gb-layout-column-wrap {
	align-items:center;
}

.meet-six-avenue-sec {
	padding:70px 0 20px;
	position:relative;
}

.meet-six-avenue-sec h2 {
	color:#E5B375;
}

.meet-six-avenue-sec .gb-layout-column-wrap:after {
	content: url('/wp-content/uploads/2025/10/Grain-large-1-1.png');
	position: absolute;
	bottom: 0;
	left: -50px;
	z-index: 1;
}

.meet-six-avenue-sec .wp-block-post-title {
	margin-top: 25px;
	font-size: 24px;
	font-family: 'Lato';
	font-weight: 300;
}

.brands-sec {
	padding:100px 0 70px;
	position: relative;
	overflow:hidden;
}

.brands-sec .gb-container-inside {
	position:relative;
}

.brands-sec .gb-container-inside:after {
    content: url('/wp-content/uploads/2025/10/Line-2-1.png');
    position: absolute;
    bottom: -15%;
    right: 0;
}

.brands-sec p {
	max-width:900px;
	margin: 0 auto;
	margin-bottom:30px;
}

.wp-block-genesis-blocks-gb-columns.inner-width.gb-layout-columns-3.gb-3-col-equal.aligncenter {
	max-width: 800px;
	padding-bottom: 50px;
	margin: 0 auto;
}

.haven-hotel-sec h1 {
	margin-bottom:0;
}

.haven-hotel-sec .gb-block-layout-column-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 40px; 
}


/* ## Custom CSS for sliders
--------------------------------------------- */

#swiper-wrapper-f4adee124714e56a.swiper-wrapper {
	gap: 30px;
}

#swiper-wrapper-f4adee124714e56a.swiper-wrapper .swiper-slide {
	margin-right: 0 !important;
	position: relative;
}

.swiper-wrapper .swiper-slide:after {
	content: url('/wp-content/uploads/2025/10/Line-1-2.png');
	position: absolute;
	right: -4%;
	top: 0;

}

.three-col-slider {
	padding:70px 0;
}

.three-col-slider h3 {
	color: #fff;
	margin: 0;
	margin-top: 25px;
	font-size: 20px;
}

.three-col-slider h4{
	color:#fff;
	margin: 0;
	color: #C9944E;
}

.three-col-slider p {
	font-size: 16px;
	margin-top: 10px;
}

.three-col-slider .timeline-card figure {
	width: 100%;
	height:450px;
	overflow: hidden;
}

.three-col-slider .timeline-card figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.three-col-slider .swiper-button-next::after,
.three-col-slider .swiper-button-prev::after {
	font-size: 14px; 
}

.three-col-slider .swiper-button-next:hover,
.three-col-slider .swiper-button-prev:hover {
	background: #fff;
	color: #000;
}

.three-col-slider .swiper-button-next {
	right: 50%;            
	margin-right: -50px;   
}

.three-col-slider .swiper-button-prev {
	left: 50%;            
	margin-left: -50px;    
}

.three-col-slider .swiper-button-next,
.three-col-slider .swiper-button-prev {
	bottom: 15px;                
	top: auto;
	width: 35px;                  
	height: 35px;
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid #fff;  
	border-radius: 50%;          
	color: #fff;                  
	transition: all 0.3s ease;
}

.swiper-wrapper.buttons {
	margin-top: 70px;
}

.our-projects-main {
	padding:100px 0;
	background:#171717;
}


/* ## Custom CSS for sliders home page
--------------------------------------------- */

.project-showcase {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.project-showcase .swiper-slide {
	background-size: cover;
	background-position: center;
	position: relative;
}

.slide-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.slide-content-box {
	position: absolute;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	max-width: 450px;
	padding: 30px 35px;
	line-height: 1.7;
	font-size: 16px;
}

.slide-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.view-link {
	color: #f4b400;
	font-weight: 600;
	text-decoration: none;
}

.location {
	font-size: 15px;
	font-weight: 600;
}

.slide-bottom-bar {
	position: absolute;
	bottom: 0;
	left: 60px;
	right: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #616161;
	color: #fff;
	padding: 15px 40px;
	opacity: .98;
}

.slide-title {
	font-size: 20px;
	font-weight: 500;
}

.slide-category {
	background: rgba(255,255,255,0.15);
	padding: 6px 14px;
	border-radius: 5px;
	font-size: 14px;
}

.swiper-button-up, .swiper-button-down {
	position: absolute;
	right: 15px; /* ✅ keep inside container */
	color: #fff;
	font-size: 18px;
	border: 1px solid #fff;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.1);
	cursor: pointer;
	transition: 0.3s;
	z-index: 10;
}

.swiper-button-up:hover, .swiper-button-down:hover {
	background: #fff;
	color: #000;
}

.swiper-button-up { top: 45%; }
.swiper-button-down { top: 55%; }

.vertical-slider-nav .swiper-button-up,
.vertical-slider-nav .swiper-button-down {
	left: 102%;
}

.slide-bottom-bar::before {
	content: "";
	position: absolute;
	right: 100%;
	background-color: #171717;
	height: 100%;
	width: 100%;
	top: 50%;
}

.slide-bottom-bar::after {
	content: "";
	position: absolute;
	left: 100%;
	background-color: #171717;
	height: 100%;
	width: 100%;
	top: 50%;
}

.post-edit-link {
	display: block;
	margin: 0 auto;
	max-width: 1280px;
}

/* ## Custom CSS for Projects page
--------------------------------------------- */

.p-magin-zero {
	margin: 0;
}


.wp-block-genesis-blocks-gb-columns.innner-banner.gb-layout-columns-1.one-column {
	padding: 50px 0;
	position:relative;
	overflow:hidden;
}

.wp-block-genesis-blocks-gb-columns.inner-image.gb-layout-columns-1.one-column {
	padding: 50px 0;
}

.innner-banner h1 {
	margin-bottom:5px;
}

.innner-banner p:after {
	content: url('/wp-content/uploads/2025/11/Line-1-3.png');
	position: absolute;
	top: 100%;
	left: 0;
	width:auto;
}

.projects-main .wp-block-post-template {
	margin:0;
	gap:50px;
}

.projects-main .wp-block-post {
	position:relative;
}

.projects-main .wp-block-post:after {
	content: url('/wp-content/uploads/2025/10/Line-1-2.png');
	position: absolute;
	right: -4%;
	top: 0;
}

.projects-main .wp-block-post:nth-child(even):after {
	display: none;
}

.projects-main .wp-block-post-title {
	font-size: 20px;
	margin: 0;
	margin-top: 25px;
}

.projects-main .wp-block-post-terms a {
	color: #C9944E;
	font-family: 'Inria Serif';
	pointer-events:none;
}

.projects-main .wp-block-post-excerpt__excerpt {
	font-size:16px;
}

.inner-image .wp-block-image img {
	width:100%;
	height:400px;
	object-fit:cover;
}

/* ## Custom CSS for Services page
--------------------------------------------- */

.image-with-text-column a.button {
	padding:12px 20px;
	margin:0;
}

.image-with-text-column .p-color-change {
	color:#7F6341;
	font-size:16px;
	font-weight:400;
	margin:0;
}

.image-with-text-column h2 {
	font-size:24px;
	margin:15px 0;
}

.left-image , .right-image  {
	position:relative;
}

.left-image .gb-layout-column-wrap:after {
	content: url('/wp-content/uploads/2025/10/Grain-large-1-1.png');
	position: absolute;
	bottom: -65px;
	left: -60px;
	z-index: 1;
}

.right-image .gb-layout-column-wrap:after {
	content: url('/wp-content/uploads/2025/10/Grain-large-1-1.png');
	position: absolute;
	bottom: -10%;
	right: -5%;
	z-index: 1;
}

.page-id-618 .before-footer-widgets {
	display:none;
}

.wp-block-genesis-blocks-gb-columns.before-footer-sec.gb-layout-columns-1.one-column.gb-background-cover.gb-background-no-repeat {
	background-position: center;
}

.before-footer-sec p {
	max-width:800px;
}

.before-footer-sec {
	position: relative;
	z-index: 1;
}

.before-footer-sec::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}


.how-we-work h2 {
	color: #C9944E;
}

.how-we-work p {
	font-size:16px;
}

.how-we-work h2 {
	position:relative;
	overflow:hidden;
	height: 100px;
	margin-bottom: 0;
}

.how-we-work h2:after {
	content: url('/wp-content/uploads/2025/10/Line-1-1.png');
	position: absolute;
	top: 40%;
	left: 38%;
}

.how-we-work-inner .gb-container-content {
	padding:50px 30px 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.before-img {
	position: relative;
}

.after-image {
	position:relative;
}

body .how-we-work .gb-layout-columns-4 {
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 100px 0;
}

.after-image:before {
	content: url('/wp-content/uploads/2025/11/Vector-2-3.png');
	position: absolute;
	top: -40px;
	left: 110px;
	z-index: 1;
	width: auto;
}

.before-img:after {
	content: url('/wp-content/uploads/2025/11/Vector-1-1.png');
	position: absolute;
	bottom: -25%;
	right: -60%;
	z-index: 1;
	width: auto;
}

.how-we-work-inner h4 {
	margin: 0;
	margin-bottom: 5px;
	color: #E5B375;
}

.how-we-work-inner h3 {
	margin-bottom: 10px;
}

.how-we-work-inner p {
	font-size:16px;
}

/* ## Custom CSS for About page
--------------------------------------------- */

.wp-block-genesis-blocks-gb-columns.noo-padding.gb-layout-columns-2 {
	padding:0;
}

.color-back-column {
	max-width: 70%;
}

.color-back-column .gb-block-layout-column-inner {
	height: -webkit-fill-available;
}

.color-back-columns .gb-block-layout-column-inner {
	height: -webkit-fill-available;
}

.color-back-columns {
	max-width: 70%;
	margin-left: auto;
}

/* ## Custom CSS for Geo page
--------------------------------------------- */

.commercial-projects-sec-col-inner {
	background: #171717;
	padding: 20px 50px;
}


.commercial-projects-sec-col-inner svg {
	color: #C9944E;
}

.commercial-projects-sec-col-inner p {
	color: #C9944E;
}

.commercial-projects-sec-col-inner .gb-block-layout-column-inner {
	display:flex;
	gap:20px;
}

.commercial-projects-sec-col {
	padding: 10px 0;
}

.commercial-projects-sec-col .gb-layout-column-wrap {
	gap: 20px;
}

/* ## Custom CSS for Career page
--------------------------------------------- */

.core-values-sec-col .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 0;
	max-width: 1100px;
}

.wp-block-genesis-blocks-gb-column.core-values-sec-col-inner.back-chnge.gb-block-layout-column {
	background: #171717;
}

p.p-clr-change {
	margin-bottom: 0;
	color: #C9944E;
}

.core-values-sec-col-inner {
	border: 1px solid #3C3C3C;
	padding:50px;
}

.looking-for-sec .gb-layout-column-wrap {
	background: #171717;
	padding:40px 70px;
}

.work-us-sec ul li {
	list-style-type: none;
	font-weight:300;
}

.work-us-sec li::before {
	content: url("/wp-content/uploads/2025/11/Rectangle-36.png");
	position: absolute;
	left: 0;
}

.careers-form-sec .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	max-width: 1000px;
	border: 5px solid transparent;
	background-image: linear-gradient(#000, #000), 
		linear-gradient(to right, #221e15, #f9a638, #242119);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.careers-form-sec .wp-block-genesis-blocks-gb-column {
	padding:50px;
}

.current-oppertuniy-main .gb-layout-column-wrap {
	padding: 15px 0;
}

.current-oppertuniy-main-col h3 {
	margin-bottom:0;
}

.current-oppertuniy-main-col h4 {
	margin:10px 0;
}

.current-oppertuniy-main-col h5 {
	margin:10px 0;
}

.icon-col {
	border: 1px solid #c9944e;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-innerss .gb-container-content {
	justify-content: center;
	margin-top: 25px;
}

#gform_wrapper_3 {
	background-color: #000;
	color: #fff;
}

.gform_fields .gfield_label,
.gform_fields .gform-field-label,
.gform_fields .gfield_description,
.gform_fields .gform_fileupload_rules {
	color: #fff;
}

.gform_fields input[type="text"],
.gform_fields input[type="email"],
.gform_fields input[type="tel"],
.gform_fields select,
.gform_fields textarea {
	background-color: #111;
	color: #fff;
	border: 1px solid #333;
	padding: 10px 15px;
}


.gform-footer .gform_button {
	border: 1px solid #E5B375;
	transition: all 0.3s ease;
}

.gform-footer.gform_footer.top_label {
	justify-content: center;
}

/* ## Custom CSS for Press page
--------------------------------------------- */

.press-main-sec .wp-block-post-template {
	margin: 0;
	gap: 50px;
}

.press-main-sec .wp-block-post-title {
	font-size:20px;
	margin-bottom:10px;
}

.press-main-sec .taxonomy-category a{
	color: #C9944E;
	font-size: 16px;
	font-family: 'Inria Serif';
}

.press-main-sec .wp-block-post-excerpt__excerpt {
	font-size: 16px;
	font-weight: 300;
	margin: 15px 0;
}

.press-main-sec .wp-block-post-date {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Inria Serif';
}

.press-main-sec .wp-block-columns {
	gap:20px;
	position:relative;
}

.press-main-sec ul li {
	list-style-type: none;
}

.press-main-sec .wp-block-columns:after {
	content: url('/wp-content/uploads/2025/11/Line-1.png');
	position: absolute;
	right: -4%;
	top: 0;
}

.press-main-sec .wp-block-post:nth-child(even) .wp-block-columns:after {
	display: none;
}


/* ## Custom CSS for Gallery page
--------------------------------------------- */

.wp-block-genesis-blocks-gb-columns.gallery-main-sec {
	padding: 20px 0;
}

.gallery-main-sec .foogallery .fg-caption-title {
	font-size:24px;
	font-family: 'Inria Serif';
	font-weight: 600;
}

/* ## Custom CSS for Projects overview page
--------------------------------------------- */

.wp-singular .sidebar {
	display:none;
}

main#genesis-content {
	width: 100%;
}

.wp-singular .entry-footer {
	display:none;
}

.scope-sec-mian .gb-layout-column-wrap {
	border: 5px solid transparent;
	background-image: 
		linear-gradient(#000, #000), 
		linear-gradient(to right, #221e15, #f9a638, #242119);
	background-origin: border-box;
	background-clip: content-box, border-box;

}

.scope-sec-mian .gb-layout-column-wrap .gb-block-layout-column-inner {
	padding: 50px;
}

.scope-sec-mian .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	max-width:800px;
}

.four-images-sec .gb-layout-column-wrap:after {
	content: url('/wp-content/uploads/2025/11/Grain-large-1-1.png');
	position: absolute;
	bottom: -28%;
	left: 43%;
	z-index: 1;
}

.four-images-sec .gb-block-layout-column-inner:after {
	content: url('/wp-content/uploads/2025/11/Vector-4.png');
	position: absolute;
	top: 40%;
	right: -10%;
}

.wp-block-genesis-blocks-gb-columns.inner-p.gb-layout-columns-1.one-column {
	padding: 0;
}

/* Single Project */

.site-inner .header-section {
	display: none;
}

.project-hero {
	position: relative;
	background-size: cover;
	background-position: center;
	min-height: 70vh;
	display: flex;
	align-items: flex-end;
	color: #fff;
	padding: 60px 40px;
	margin-bottom: 130px;
}

.project-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.1));
}

.project-header-content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	bottom: -180px;
	background: black;
	opacity: 0.6;
	padding: 20px;
}

.project-title {
	font-size: 48px;
	margin-bottom: 15px;
	font-weight: 700;
}

.project-excerpt {
	font-size: 18px;
	opacity: 0.9;
	margin-bottom: 20px;
}

.project-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.project-tags a {
	color:#C9944E;
	font-family: 'Inria Serif';
	font-weight: 600;
}

.project-categories {
	margin-top:20px;
}

.project-categories a {
	pointer-events:none;
}


.project-categories a {
	display: inline-block;
	color: #fff;
	padding: 6px 14px;
	font-size: 14px;
	text-decoration: none;
	transition: background 0.3s ease;
	border:1px solid #E5B375;
	margin-right: 5px;
}


.project-content.container {
	max-width: 1100px;
	margin: 60px auto;
	padding: 0 20px;
	color: #333;
}

.wp-block-post-navigation-link {
	max-width:1280px;
	margin:0 auto;
}

.project .four-images-sec {
	overflow: hidden;
}

.wp-block-post-navigation-link {
	padding: 1.1em 2.4em;
}

.wp-block-post-navigation-link a {
	border: 1px solid #E5B375;
	padding: 1.1em 2.4em;
}

/* Mega menu */

.more-than-two-cols li.short-width {
	flex-basis: 20% !important;
}

.mega-menu-wrap--menu .sub-menu {
	position: relative;
}

.mega-menu-wrap--menu .sub-menu::after {
	content: "";
	background-image: url('/wp-content/uploads/2025/11/Grain-large-1-2.png');
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;

}

.mega-menu-wrap--cta {
	flex:0 0 30%;
	padding: 0 !important;
}

/* .mega-menu ul.sub-menu:first-of-type>li>a:first-child {
color: #C9944E;
margin-bottom: 20px;
} */

.mega-menu ul.sub-menu:first-of-type ul.sub-menu>li a {
	color:#fff;
}

.sub-menu {
	background:#000;
}

.sub-menu a {
	color:#fff;
}

.mega-menu-callout,
.mega-menu-copy,
.mega-menu-action {
	display: none;
}

.menu-with-color a {
	margin-bottom: 20px;
	color: #C9944E !important;
}

.menu-with-color ul a {
	color: #fff !important;
}

.menu-with-color ul a:hover {
	color: #C9944E !important;
}

.nav-primary .sub-menu a {
	color:#fff;
}

.nav-primary .sub-menu a:hover {
	color: #C9944E;
}

.mega-menu ul.sub-menu:first-of-type ul.sub-menu>li {
	flex: 0 !important;
}

/* Single post */

.single.single-post .content-sidebar-wrap {
	width:100%;
	max-width:100%;
	padding:0;
}

.type-post .custom-button.align-left {
	display: none;
}

.single.single-post .entry-content h3 {
	color:#fff;
}

.type-post .wp-block-image img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.image-with-text-column img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.image-with-text-column figure.wp-block-image.size-full {
	height:100%;
}

.image-with-text-column .gb-block-layout-column-inner {
	height: 100%;
}

.single.single-post .entry-content a{
	color:#C9944E !important;
	border:none !important;
}

.single.single-post .entry-content a:hover {
	text-decoration: underline;
}

.single.single-post .entry-content li {
	color:#fff;
}

.inner-post-image .wp-block-image.size-full {
	height:300px;
}

.wp-block-query-pagination-numbers {
	color:#fff;
}

.wp-block-query-pagination-numbers .page-numbers.current  {
	color:#C9944E;
}

.taxonomy-category.wp-block-post-terms a {
	pointer-events: none;
}

#menu-follow-us {
	display:flex;
	gap:10px;
}

.site-footer-widgets ul li {
    list-style-type: none;
}


/* ## Custom CSS for responsiveness
--------------------------------------------- */


@media (max-width: 1400px) {
	.home .site-inner {
		width:90%;
		margin:0 auto;
	}
}

@media (max-width: 1200px) {
	
	.nav-primary .menu {
		gap:3rem;
	}
	
	.projects-main .wp-block-post:after {
		right:-6%;
	}

	.site-footer-widgets .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column, .gb-container-inside {
		gap:20px;
	}

	.commercial-projects-sec-col-inner {
		padding:20px 15px;
	}
}

@media (max-width: 1024px) {
	
	
	.site-header > .wrap {
		gap:1rem;
	}
	
	.nav-primary .menu {
		gap:15px;
	}

	.site-footer-widgets .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column, .gb-container-inside {
		gap:1px;
	}

	.gallery-main-sec .foogallery .fg-caption-title {
		font-size:20px;
	}

	.commercial-projects-sec-col-inner p {
		font-size:16px;
	}

	.after-image:before {
		display:none;
	}

	.before-img:after {
		display:none;
	}
}

@media (max-width: 895px) and (min-width: 800px) {
	#menu-follow-us {
		flex-direction:column;
	}
}
	
	
@media (max-width: 895px) {
	.site-footer-widgets .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column, .gb-container-inside {
		gap:20px;
	}

	.projects-main .wp-block-post:after {
		display:none;
	}

	.innner-banner p {
		font-size: 18px;
	}

	.gallery-main-sec .foogallery .fg-caption-title {
		font-size: 16px;
	}

	.press-main-sec .wp-block-columns:after {
		right:-8%;
	}

	.meet-six-avenue-sec .gb-layout-column-wrap:after {
		display:none;
	}

	.project-header-content {
		flex-direction: column;
		gap: 15px;
	}
}

@media (max-width: 767px) {
	.press-main-sec .wp-block-columns:after {
		display:none;
	}

	.left-image .gb-layout-column-wrap:after {
		display:none;
	}

	.right-image .gb-layout-column-wrap:after {
		display:none;
	}

	body .how-we-work .gb-layout-columns-4 {
		padding:40px 0;
	}

	.haven-hotel-sec .gb-background-cover:after {
		display:none;
	}

	.four-images-sec .gb-layout-column-wrap {
		grid-row-gap: 30px;
	}

	.wp-block-post-navigation-link {
		padding: 1.1em 1.2em;
	}
}

@media (max-width: 600px) {

	.gb-block-layout-column-inner {
		padding: 10px 0;
	}

	.innner-banner p {
		font-size: 15px;
	}
	.footer-innerss .gb-container-content {
		margin-bottom:25px;
	}

	.wp-block-genesis-blocks-gb-columns.gallery-main-sec {
		padding: 0;
	}

	.how-we-work h2:after {
		left: 10%;
	}

	.how-we-work .wp-block-spacer {
		height: 0 !important;
	}

	.how-we-work-inner .gb-container-content {
		margin-bottom:30px;
	}

	.brands-sec img {
		max-width: 200px;
		margin: 0 auto;
	}

	.slide-content-box {
		right: 15px;
		top: 36%;
		margin-left:20px;
	}

	.slide-bottom-bar {
		left: 20px;
		right: 20px;
	}

	.slide-title {
		font-size:16px;
	}

	.slide-category {
		font-size:10px;
	}

	.haven-hotel-sec .gb-background-cover {
		height: 350px;
	}

	.our-projects-main {
		padding:50px 0;
	}

	.haven-hotel-sec p {
		font-size:16px;
	}

	.haven-hotel-sec {
		padding-bottom: 30px;
	}

	.brands-sec {
		padding: 50px 0 50px;
	}

	.brands-sec .gb-container-inside:after {
		display:none;
	}

	ul.columns-2.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-17361a50.wp-block-post-template-is-layout-grid {
		margin-left:0;
	}

	.footer-inners .gb-container-content {
		justify-content:start;
	}

	.gallery-sec {
		padding-top:20px;
	}

	.meet-six-avenue-sec {
		padding: 20px 0 20px;
	}

	.project-categories a {
		margin-bottom: 10px;
	}

	.project-hero {
		padding: 60px 20px;
	}

	.four-boxes-with-design .wp-block-spacer {
		display: none;
	}

	.project .four-images-sec {
		padding: 0;
	}

	.project .four-images-sec figure img {
		margin: 0 auto;
	}

	.wp-block-post-navigation-link a {
		padding: .5em 1.5em; 
	}
}