/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Define Universal Color */
:root {
	--header-link-active: #A87C65;
	--header-link-text: #4C4F48;
	--header-link-hover: #8B6C57;
	--btn-bg-color: #A87C65;
	--btn-bg-hover: #8B6C57;
	--btn-text-color: #FFFFFF;
	--btn-text-hover: #E8E4DE;

	
		
    --linkcolor: #A87C65; /* Warm Narra Wood */ /* Default hyperlink color */
	--linkhover: #8B6C57; /* Burnished Bronze */ /*Default hyperlink hover color */
    --logocolor1: #A87C65; /* Warm Narra Wood */ /* Default hyperlink color */
	--logocolor2: #8B6C57; /* Burnished Bronze */ /*Default hyperlink hover color */  
	--base-1br: #358578; /* for BB saved module for Floorplan image gallery caption */
	--base-2br: #358578; /* for BB saved module for Floorplan image gallery caption */
	--base-3br: #358578; /* for BB saved module for Floorplan image gallery caption */
	--3studycolor1: #358578;
	--3studycolor2: #62a096;
	--3studycolor3: #8ebbb3;
	--3studycolor4: #bbd6d1;
	--3studycolor5: #ddeae8;
	--base-4br: #f58d5f; /* for BB saved module for Floorplan image gallery caption */
	--4brcolor1: #f58d5f;
	--4brcolor2: #f8af8e;
	--4studycolor: #fce4d9;
	--base-5br: #7791b2; /* for BB saved module for Floorplan image gallery caption */
	--5studycolor1: #7791b2;
	--5studycolor2: #c1cddc;
	--faci1: #ae9d92;
	--faci2: #a58a9e;
	--faci3: #8aa384;
	--faci4: #c0b874;
	--anci: #4c4d4f;
}

/* Header Background Color */
.fl-page-header,
.fl-page-nav {
	background-color: #F6F5F2; /* Alabaster Mist */
}

/* Footer & Widgets Background Color */
.fl-page-footer,
.fl-page-footer-widgets {
	background-color: #4C4F48; /* Deep Olive Grey */
}

/* Footer & Widgets Text Color */
.fl-page-footer-widgets *,
.fl-page-footer * {
	color: #E8E4DE;
}

/* === PRIMARY BRAND BACKGROUNDS === */

/* bg-pri-1: Alabaster Mist — off-white with warmth; keeps the site bright and airy */
.bg-pri-1 {
	background-color: #F6F5F2;
}

/* bg-pri-2: Ashen Beige — neutral stone tone that creates gentle contrast between sections */
.bg-pri-2 {
	background-color: #E8E4DE;
}

/* bg-pri-3: Deep Olive Grey — grounded neutral for text, headers, and icons */
.bg-pri-3 {
	background-color: #4C4F48;
}

/* bg-pri-4: Muted Terracotta — elegant Narra-wood undertone, warm yet understated */
.bg-pri-4 {
	background-color: #A87C65;
}

/* === SECONDARY NEUTRAL BACKGROUNDS === */

/* bg-sec-1: Pale Sage Mist — calm green-grey; evokes natural wellness */
.bg-sec-1 {
	background-color: #DCE0D6;
}

/* bg-sec-2: Stone Taupe — mid-tone neutral that blends effortlessly */
.bg-sec-2 {
	background-color: #C6BFB4;
}

/* bg-sec-3: Bronzed Umber — rich tone drawn from Narra wood grain */
.bg-sec-3 {
	background-color: #8B6C57;
}

/* bg-sec-4: Warm Slate — elegant mid-grey with slight green */
.bg-sec-4 {
	background-color: #6B6E68;
}

/* bg-sec-5: Pure White — for clarity and contrast */
.bg-sec-5 {
	background-color: #FFFFFF;
}


/* Contact & Appt Booking Form section background */
.appt-form {
	background-color: #8B6C57;
	color: #FFFFFF;
}

.appt-form a:link,
.appt-form a:visited,
.appt-form a:active {
	color:red;
}

.appt-form a:hover {
	color:blue;
}

.contact-form {
	background-color: #6B6E68; 
	color: #FFFFFF;
}

.contact-form a:link,
.contact-form a:visited,
.contact-form a:active {
	color:red;
}

.contact-form a:hover {
	color:blue;
}


/* Set size of header logo */
.fl-logo-img {
	height: 28% !important;
	width: 28% !important;
}

/* Set Font Family and Size */
h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-family: "heading-font";
}

.fl-page-nav .navbar-nav a {
	font-family: "heading-font";
	font-size:18px;
}

p,
a,
span,
ul,
li,
td,
div {
	font-family: "body-font";
/* 	font-size: 16px; */
}

.pp-tab-title {
	font-size: 1.3em;
}

/* === DISCLAIMER === */

/* Disclaimer for Project Details, Unit Types, Perspectives, Video, Site Plan, Elevation Chart, Floor Plan */
/*
.project-details-disclaimer,
.unit-types-disclaimer,
.perspective-disclaimer,
.yt-video-disclaimer,
.site-plan-disclaimer,
.echart-disclaimer,
.floorplan-disclaimer {
	display:none;
}
*/

/* Menu Link Color */
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a,
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a,
.fl-page-footer a {
    color: var(--header-link-text);
}

/* Menu Hover Color */
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a,
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li.current-menu-item>a, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li.current-menu-item>.fl-submenu-icon-wrap .fl-submenu-toggle-icon,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover,
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a:hover {
	color: var(--header-link-hover);
}

/* Menu Active Color */
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item>a,
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li.current-menu-item>a, .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li.current-menu-item>.fl-submenu-icon-wrap .fl-submenu-toggle-icon,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:active,
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a:active {
	color: var(--header-link-active);
}







/* === PRESET SETTINGS === */

/* Set hyperlink color */
p a,
.fa-phone,
.fa-envelope,
.fa-facebook,
.fa-youtube,
h2 a {
	color: var(--linkcolor);
}

/* Set hyperlink hover color */
p a:hover,
.fa-phone:hover,
.fa-envelope:hover,
.fa-facebook:hover,
.fa-youtube:hover,
h2 a:hover {
	color: var(--linkhover);
}

/* Remove underscore from hyperlink */
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
}

/* CTA Button Color */
/* Set Ninja Form Submit Button Color */
/* Set "Download Brochure" Button Color */
.ninjaformbtn,
.pp-modal-trigger,
.fl-button {
	background-color: var(--btn-bg-color) !important;
	color: var(--btn-text-color) !important;
	border: none !important;
	border-radius:10px !important;
	padding: 12px 32px;
/* 	font-size: 1rem; */
	font-weight: 500;
	letter-spacing: 0.3px;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
	box-shadow: 0 2px 6px rgba(168, 124, 101, 0.25);
}
a.fl-button *, a.fl-button:visited * {
	color: var(--btn-text-color) !important;

}

/* CTA Button Hover Color */
/* Set Ninja Form Submit Button Hover Color */
/* Set "Download Brochure" Button Hover Color */
.ninjaformbtn:hover,
.pp-modal-trigger:hover,
.fl-button:hover {
	background-color: var(--btn-bg-hover) !important;
	color: var(--btn-text-hover) !important;
	box-shadow: 0 4px 10px rgba(139, 108, 87, 0.35);
  	transform: translateY(-1px)
}
a.fl-button:hover * {
	color: var(--btn-text-hover) !important;

}

/* Set Image & Video Gallery Caption Color */
.photogallery .pp-photo-gallery-caption,
.videogallery .pp-video-title {
	background-color: var(--linkhover) !important;
	color: black !important;
}

/* Elevation Chart Slider Arrow Background */
.fl-content-slider-svg-container {
	background-color: var(--linkcolor) !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
}
.fl-content-slider-navigation svg {
		padding: 5px !important;
}

/* Elevation Chart Slider Arrow */
.fl-content-slider-navigation path {
	fill: white;
}

/* Floor Plan Tabs when Active */
.pp-tabs-label.pp-tab-active .pp-tab-label-inner:after {
	background-color: var(--logocolor2) !important;
}
.pp-tabs-label.pp-tab-active {
	color: black !important;
}

/* Floor Plan Tabs when Inactive */
.pp-tabs-label .pp-tab-label-inner:after {
	background-color: var(--logocolor1) !important;
}

/* Set Floorplan Caption Color */
.base-1br-color .pp-photo-gallery-caption {
	background-color: var(--base-1br) !important;
	color: black !important;
}

.base-2br-color .pp-photo-gallery-caption {
	background-color: var(--base-2br) !important;
	color: black !important;
}

.base-3br-color .pp-photo-gallery-caption {
	background-color: var(--base-3br) !important;
	color: black !important;
}

.base-4br-color .pp-photo-gallery-caption {
	background-color: var(--base-4br) !important;
	color: black !important;
}

.base-5br-color .pp-photo-gallery-caption {
	background-color: var(--base-5br) !important;
	color: black !important;
}

/* Justify Text in Paragraphs */
p {
	text-align: justify;
}

/* Justify Text in Widgets */
.wp-block-column {
	text-align: justify;
}

/* Set Developer Logo maximum height */
.dev-logo img {
	max-height: 60px;
	width: auto;
}

/* Set position of Chaty Floating Icons */
.chaty-widget {
	bottom: 68px !important;
	right: 11px !important;
}

/* PowerPack Image Caption Overlay */
.pp-photo-caption-overlay {
    color: white!important;
    text-shadow: 1px 2px 2px #000;
    position: absolute;
    bottom: 7px;
}

/*Scroll to Top Button*/
#fl-to-top {
  	border-radius:50%;
	width:54px;
	height:54px;
	bottom: 6px;
	background-color: var(--logocolor1);
  	opacity: 0.8;
}

#fl-to-top i {
	color: #fff;
	top:21px;
	left:15px;
  	font-size: 28px;
 	line-height: 10px;
}

/* Remove Border line above footer */
.fl-page-footer {
	border-top: none !important;
}

/* Remove Border line below Bookly Calendar */
.bookly-box.bookly-nav-steps {
	border: none !important;
}

/* Centre Calendar on Mobile Screen */
@media screen (max-width: 750px) {
/* 	.bookly-input-wrap.bookly-slot-calendar.bookly-js-slot-calendar, */
	.bookly-css-root .bookly\:min-w-\[200px\] {
		min-width:300px !important;
	}
	
	.bookly-slot-calendar {
    	margin: auto !important;
    	float: none !important;
	}
	
	.bookly-time-step {
		margin: auto !important;
		margin-top: 15px !important;
	}
}

@media (max-width: 768px) {
	.fl-content-slider {
		padding-right:50px;
		padding-left:50px;
	}	
    .fl-node-raodjxiyh4kt .fl-slide-0 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-1 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-2 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-3 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-4 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-5 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-6 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-7 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-8 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-9 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-10 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-11 .fl-slide-text *,
	.fl-node-raodjxiyh4kt .fl-slide-12 .fl-slide-text *	{
        color: #111;
    }
	.tablepress thead th {
		color: white !important; /*Text Color*/
	}
}