/*
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 {
	--linkcolor: #1e7869; /* Teal */ /* Default hyperlink color */
	--linkhover: #f47a44; /* Orange: */ /*Default hyperlink hover color */
    --logocolor1: #1e7869; /* Teal */ /* Default hyperlink color */
	--logocolor2: #f47a44; /* Orange: */ /*Default hyperlink hover color */  
	/* --base-1br: #fbc8b4; /* for BB saved module for Floorplan image gallery caption */
/* 	--1brcolor: #fbc8b4; */
/* 	--1studycolor: #cc9f97; */
	--base-2br: #f5e8c4; /* for BB saved module for Floorplan image gallery caption */
	--2brcolor: #f5e8c4;
	--2precolor: #f0d08d; /* 2BR Premium */
	--base-3br: #c8e7f0; /* for BB saved module for Floorplan image gallery caption */
	--3brcolor: #c8e7f0;
	--3precolor: #8ec9d1; /* 3BR Premium */
	--base-4br: #eccfdb; /* for BB saved module for Floorplan image gallery caption */
	--4brcolor: #eccfdb;
	--4precolor: #d9a7ba; /*4BR Premium */
	--faci1: #6f9434;
	--faci2: #bf9935;
	--faci3: #9d7d4b;
	--anci: #58585a;
}

/* Header, Footer & Widgets Background Color */
.fl-page-header,
.fl-page-nav,
.fl-page-footer,
.fl-page-footer-widgets {
	background-color: #e5f0ed;
}

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

/* bg-pri-1: Soft peach (tint of orange logo color #f47a44) */
.bg-pri-1 {
	background-color: #fff4ef;
}

/* bg-pri-2: Pale teal mist (tint of green logo color #1e7869) */
.bg-pri-2 {
	background-color: #eef6f4;
}

/* bg-pri-3: Warm sand (soft warm beige, neutral but brand-friendly) */
.bg-pri-3 {
	background-color: #fdf8f3;
}

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

/* bg-sec-1: Mist white (ultra-light neutral) */
.bg-sec-1 {
	background-color: #f9f9f9;
}

/* bg-sec-2: Cool fog (light gray-blue, modern neutral) */
.bg-sec-2 {
	background-color: #f2f4f5;
}

/* bg-sec-3: Paper beige (classic off-white) */
.bg-sec-3 {
	background-color: #fefaf7;
}

/* Contact Booking Appt form section background */
.bg-form {
	background-color: #f2f4f5; /* Neutral, clean, high-contrast */
}

/* Set size of header logo */
.fl-logo-img {
	height: 60% !important;
	width: 60% !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:16px;
}

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 {
    color: var(--logocolor1);
}

/* Menu Active & 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(--logocolor2);
}

/* === 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;
}

/* Set Ninja Form Submit Button Active Color */
/* Set "Download Brochure" Button Active Color */
.ninjaformbtn,
.pp-modal-trigger,
.fl-button {
	background-color: var(--linkcolor) !important;
	color: white !important;
	border: 1px solid #000 !important;
	border-radius:5px !important;
}

/* 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(--linkhover) !important;
	color: black !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;
}

/* Developer Past Project Carousel */
.fl-node-diebp9ng30tr .pp-image-carousel .swiper-pagination-bullet,
.fl-node-frtcb1356uzw .pp-image-carousel .swiper-pagination-bullet {
	background-color: var(--linkcolor) !important;
}

.fl-node-diebp9ng30tr .pp-image-carousel .swiper-pagination-bullet-active,
.fl-node-diebp9ng30tr .pp-image-carousel .swiper-pagination-bullet:focus,
.fl-node-diebp9ng30tr .pp-image-carousel .swiper-pagination-bullet:hover,
.fl-node-frtcb1356uzw .pp-image-carousel .swiper-pagination-bullet-active,
.fl-node-frtcb1356uzw .pp-image-carousel .swiper-pagination-bullet:focus,
.fl-node-frtcb1356uzw .pp-image-carousel .swiper-pagination-bullet:hover{
	background-color: var(--linkhover) !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 and (max-width: 650px) {
/* 	.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*/
	}
}