/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.hbtn a, .hbtn .cmd {
    font-size: 74px;
    color: #BD915D !important;
}
button.filter-button{
	font-family: "Commuters Sans Light"
}

button.filter-button.selected{
	font-family: "Commuters Sans Bold"
}

.floater a {
    padding: 10px 20px;
    background: blue;
    position: fixed;
    right: -73px;
    top: 50%;
    transform: rotate(90deg);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    letter-spacing: 1px;
    font-size: 18px;
    font-family: westiga;
    color: white;
    background: linear-gradient(to right, #b7642b, #995019);
	font-family: "Commuters Sans Light";
	z-index:99999;
}
.floater a:hover {
    padding: 10px 20px;
    background: blue;
    position: fixed;
    right: -73px;
    top: 50%;
    transform: rotate(90deg);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    letter-spacing: 1px;
    font-size: 18px;
    font-family: westiga;
    color: white;
    background: linear-gradient(to right, #b7642b, #995019);
	font-family: "Commuters Sans Light";
}

#footer_logo img{
	width:262px;
}

.pre-dd-label{
	font-family: "Outfit Light";
	color:#FAF2E0;
	margin-right:10px;
font-size: 15px;
font-weight: 300;
line-height: 27px;
	margin-left:16px;
text-align: left;

}

#header_logo img{
	width:170px;
}
.selector_sec1{
	display:flex;
}
.center-me{
	margin:auto;
}

#overlaped_pic{
	position:relative;
}


.em_links_black {
  color: #212121;
    font-family: "Commuters Sans Bold";
    font-size: 14px;
    border-bottom: 1px solid #212121;
    background: url(https://embassyonethane.com/wp-content/uploads/2024/11/Vector-8-1.svg) no-repeat right center;
    padding-right: 20px;
    padding-bottom: 5px;
  
   
    transition: padding-bottom 0.3s, background-position 0.3s;
    display: block;
    margin-right: 41px;
}

.mb20{
	 margin-bottom: 20px;
}

.em_links_black:hover {
   color: #212121;

   background-position: calc(100% - 10px) center; /* Move background image 5px to the left */
}

.em_links_dark {
   color: #BD915D;
   font-family: "Commuters Sans Bold";
   font-size: 14px; 
   border-bottom: 1px solid #BD915D;
   background: url(https://embassyonethane.com/wp-content/uploads/2024/11/Vector-1.svg) no-repeat right center;
   padding-right: 60px;
   padding-bottom: 5px;
   width: fit-content;
   transition: padding-bottom 0.3s, background-position 0.3s; /* Smooth transition */
}

.em_links_dark:hover {
   color: #BD915D;

   background-position: calc(100% - 10px) center; /* Move background image 5px to the left */
}


#overlaped_pic img{
	position: absolute;
    height: 923px;
    min-width: 923px;
    z-index: 999;
    margin-top: -150px;
}
#at_ebassy_one{
	display:flex;
	padding:30px; 
	border:1px solid #b49165;
	flex-direction:row;
	max-width:625px;
	display:none;
}

#below_hero_desk{
	background-position: center -150px;
}
#at_ebassy_one::before{
	content:"";
	content: "";
    width: 200px;
    position: absolute;
    height: 1px;
    background: #b49165;
    left: -105px;
    margin-top: -31px;
    z-index: -1;
	
}
#at_ebassy_one h4:first-child{
	margin-top:0;
}

#at_ebassy_one h4:not(:first-child) {
	margin-top: 38px;
}


#at_ebassy_one h4{
	font-size: 15px; 
	line-height: 15px;
	padding:0;
    font-family: 'Commuters Sans SemiBold';
	text-transform:uppercase;
	font-size:15px; 
	color:#212121;
	
}
.at_em_right{
	
	  font-size: 15px;
    font-family: 'outfit400';
	color:#212121;
	padding-left:28px;
	text-transform: capitalize;
}

.at_em_left{
	  font-size: 15px;
    font-family: 'outfit400';
	color:#212121;
	border-right:#BD915D 1px solid ;
	padding-right:28px;
	text-transform: capitalize;
}

#submitted_form{
	background: #b49165;
    color: #fff;
    margin-top: 20px;
    padding: 10px;
	
    font-size: 14px;
    font-family: 'Commuters Sans Light';
}
#em_form select{
	background: transparent;
    margin-left: 10px;
    font-family: Commuters Sans Light;
    height: 25px;
    margin-top: 0px;
	
}

#contact_wrap{
	background-position:50px center !important; 
}
.single_txtarea_field textarea{
	background:transparent;
border:1px solid #b49165;
	
	font-family:"Commuters Sans Semibold";
	font-size: 18px ;
	text-transform: uppercase;
	color: #142B33;
	border-radius:0;
	margin-left:0;
	min-height:40px;
}
.single_txtarea_field{
	display:flex;
	flex-direction:column;
	
}
#em_form input[type=submit]{
	text-transform: uppercase;
	color: #142B33;
   font-family: "Commuters Sans Bold";
   font-size: 14px; 
   border-bottom: 1px solid #142B33;
   background: url(https://embassyonethane.com/wp-content/uploads/2024/11/Vector-8.svg) no-repeat right center;
   padding-right: 80px;
   padding-bottom: 5px;
	
   width: fit-content;
   transition: padding-bottom 0.3s, background-position 0.3s; /* Smooth transition */
	border-top:none;
	border-left:none;
	border-right:none;
	cursor:pointer;
	margin-top:40px;
}

#em_form input[type=submit]:hover {
   

   background-position: calc(100% - 10px) center; /* Move background image 5px to the left */
}

.single_txtarea_field label{
	font-family:"Commuters Sans Light";
	font-size: 14px ;
	text-transform: uppercase;
	color: #142B33;
}

.single_txt_field label{
	font-family:"Commuters Sans Light";
	font-size: 14px ;
	text-transform: uppercase;
	color: #142B33;
}

.single_multiple_field label{
	font-family:"Commuters Sans Light";
	font-size: 14px ;
	text-transform: uppercase;
	color: #142B33;
}
.single_multiple_field select{
	height:120px !important;
	margin-left:20px;
}
.single_multiple_field select:active{
outline:none;	
}

.single_multiple_field select:focus{
outline:none;	
}

.single_multiple_field {
    display: flex;
	justify-content: flex-start;
   align-items: flex-start;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b49165;
}

.single_select_field {
    display: flex;
	justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b49165;
}

.single_select_field label{
	font-family:"Commuters Sans Light";
	font-size: 14px ;
	text-transform: uppercase;
	color: #142B33;
}


.single_txt_field input[type=text]:focus{
	outline:none !important;
		border:none !important;
}
.single_txt_field input[type=text]:active{
	outline:none !important;
}
.single_txt_field input[type=text]{
	background: transparent;
    outline: none;
    margin-left: 30px;
    font-family: "Commuters Sans Semibold";
    font-size: 18px;
    text-transform: uppercase;
    color: #142B33;
    padding: 0;
    height: 26px;
}
.single_txt_field {
    display: flex;
	justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b49165;
}
.single_select_field {
    display: flex;
	justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b49165;
}

.single_txt_field {
    display: flex;
   
	
}
.text-golden{
	color:#BD915D !important;
}
.footer_container_brown{
	max-width:1024px;
}

.footer_story_sec{
	background-size:100% 1px !important;
	
}

.em_links {
   color: #FAF2E0;
   font-family: "Commuters Sans Bold";
   font-size: 14px; 
   border-bottom: 1px solid #FAF2E0;
   background: url(https://embassyonethane.com/wp-content/uploads/2024/11/Vector-14.svg) no-repeat right center;
   padding-right: 80px;
   padding-bottom: 5px;
   width: fit-content;
   transition: padding-bottom 0.3s, background-position 0.3s; /* Smooth transition */
}

.em_links:hover {
   color: #FAF2E0;

   background-position: calc(100% - 10px) center; /* Move background image 5px to the left */
}


#forest_globe{
	height:763px;
	width:763px !important; 
	margin:104px; 
}

div#forest_globe::after {
    content: " ";
    height: 977px;
    width: 977px;
    position: absolute;
    background: 0;
    border-radius: 600px;
    margin-top: -114px;
    margin-left: -114px;
    border: 1px solid #BD915D;
}

/* Prefix all styles with #floor_plan_filters for isolation */
#floor_plan_filters .button-group {
  margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
	margin-right: 20px;
}


#floor_plan_filters .filter-button {
  padding: 14px 26px;
   border: 0.5px solid #D6D4C2;
   background-color: transparent;
   color: #D6D4C2;
   cursor: pointer;
   font-size: 14px;
	text-transform:uppercase;
   
   transition: background-color 0.3s, color 0.3s;
}

#floor_plan_filters .filter-button.selected {
   background-color: #BD915D;
   color: #152b33;
	 border: 0.5px solid #BD915D;
}

/* Custom Dropdown Styling */
#floor_plan_filters .custom-dropdown {
   position: relative;
   display: inline-block;
   width: fit-content;
   cursor: pointer;
	width:100px;
	font-family: "Commuters Sans Semibold";
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: left;

}

#floor_plan_filters .dropdown-selected {
   padding: 10px 20px;
  
   background-color: #FAF2E0;
   color: #333;
	line-height: 18px;
	text-align:center;
   font-size: 14px;
}

#floor_plan_filters .dropdown-menu {
   display: none; /* Hidden by default */
   position: absolute;
   background-color: #FAF2E0;
   border: 1px solid #BD915D;
   min-width: 100%;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
   z-index: 1;
}

#floor_plan_filters .dropdown-item {
   padding: 10px 20px;
   color: #333;
   cursor: pointer;
   transition: background-color 0.2s;
}

#floor_plan_filters .dropdown-item:hover {
   background-color: #BD915D;
   color: #FFFFFF;
}
#carpet_wrapper {
   display: flex;
   gap: 20px;
	font-family: "Commuters Sans Light";
font-size: 15px;
font-weight: 300;
line-height: 27px;
	text-transform:uppercase;
text-align: left;

}
#carpet_wrapper .label_col,
#carpet_wrapper .sqft_col,
#carpet_wrapper .sqm_col {
   flex: 1;
}
.area_label:not(:last-child){
	margin-bottom:20px;
}
.area_value:not(:last-child){
	margin-bottom:20px;
}
.area_label {
   display: block;
  
	color:#FAF2E0;
}
.area_value {
   display: block;
}
/* Specific styling for each area type */
.carpet_sqft, .carpet_sqm { color: #FAF2E0; /* Customize as needed */ }
.deck_sqft, .deck_sqm { color: #FAF2E0; /* Customize as needed */ }
.total_sqft, .total_sqm { color: #FAF2E0; /* Customize as needed */ }

.label_col{
	border-right: #BD915D 1px solid;
}
.sqft_col{
	border-right: #BD915D 1px solid;
}
.sqm_col, .sqft_col{
	padding-left:20px;
}

/* Main container styling */
#mobile_full_nav {
    display: none; /* Hide by default */
    background-color: #142B33;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000; /* Ensure it covers everything else */
    font-family: 'Commuters Sans', sans-serif;
}

#mobile_full_nav {
    display: none; /* Hide by default */
    background-color: #142B33;

    position: fixed; /* Change to fixed to keep it on screen */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000; /* Ensure it covers everything else */
    font-family: 'Commuters Sans', sans-serif;
    overflow: hidden; /* Prevents scroll within the nav */
}

#mobile_full_nav {
    display: none;
}



@media screen and (max-width: 768px) {
	
	#footer_menu_3a #menu-footer-right-nav {
		flex-direction: row !important;
	}
	
	#footer_menu_3a #menu-footer-right-nav li {
		width:49% !important;
	}
	
	#em_form input[type=submit] 
	{
		margin-bottom:40px; 
	}
	#life_ordinary{
		background-position: center calc(100% - 49px);
	}
	.footer_story_sec h3{
		font-size:40px !important;
	}
	#big_ord_life h3{
		font-size:42px !important; 
		line-height: 52px !important; ;
		
	}
	#at_ebassy_one {
    display: flex;
    padding: 30px 20px;
    border: 1px solid #b49165;
    flex-direction: row;
    max-width: 625px;
}
	
	.selector_sec1 {
    display: flex;
    flex-direction: column;
}
	#floor_plan_filters .dropdown-selected {
   margin-bottom:20px;
}
	#floor_plan_type h3{
		font-size: 54px !important;
	}
	
	#carpet_wrapper {
    display: flex;
    gap: 10px;
    font-family: "Commuters Sans Light";
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
    text-transform: uppercase;
    text-align: left;
		margin-top:20px;
}
	.pre-dd-label {
    font-family: "Outfit Light";
    color: #FAF2E0;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    margin-left: 0px;
    text-align: left;
}
	
   #mobile_full_nav {
        display: none;
        background-color: #142B33;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        overflow: hidden;
        font-family: 'Commuters Sans', sans-serif;
    }
	
	#at_ebassy_one h4 {
    font-size: 14px !important;
    line-height: 21px !important;
    padding: 0;
    font-family: 'Commuters Sans SemiBold';
    text-transform: uppercase;
    font-size: 15px;
    color: #212121;
}
	.at_em_left {
    font-size: 14px;
    font-family: 'outfit400';
    color: #212121;
    border-right: #BD915D 1px solid;
    padding-right: 18px;
    text-transform: capitalize;
}
	.at_em_right {
    font-size: 14px;
    font-family: 'outfit400';
    color: #212121;
    padding-left: 18px;
    text-transform: capitalize;
}
}

#mobile_nav_em_header {
    height: 79px;
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding:20px 30px;
}

#mobile_nav_em_header .mobile_nav_em_logo {
    width:170px;
}
.mobile_nav_em_close{
	padding:20px 0 20px 20px;
}

#mobile_nav_em_header .mobile_nav_em_close {
    color: #BD915D;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

#mobile_nav_em_body {
    flex-grow: 1;
    display: flex;
    align-items: center;
	height: calc( 100vh - 280px );
    justify-content: center;
	border-bottom: 1px solid #BD915D;
}

#mobile_nav_em_body ul {
    list-style: none;
    padding: 0;
    margin: 0px 0 20px 0;
    text-align: left;
	min-height:200px; 
}

#mobile_nav_em_body ul li {
    margin-bottom: 24px;
}
#mobile_nav_em_body ul li:first-child a{
	 color: #BD915D;
}
#mobile_nav_em_body ul li:last-child{
	margin-bottom:0;
}
#mobile_nav_em_body ul li a {
    font-family: "FreightNeo Pro Book";
font-size: 48px;
font-weight: 400;
line-height: 57.6px;
text-align: center;
display:block;
    color: #FAF2E0;
    text-decoration: none;
}

#mobile_nav_em_body:before {
    content: "";
    width: 711px;
    border-top: 1px solid #BD915D;
    position: absolute;
    top: 100px;
    border-radius: 1000px;
	z-index:-1;
    height: 713px;
} 

#mobile_nav_em_footer:after {
    content: "";
    width: 711px;
    border-bottom: 1px solid #BD915D;
    position: absolute;
    bottom: 40px;
	z-index:-1;
    border-radius: 1000px;
    height: 713px;
} 
#mobile_nav_em_footer {
   display: flex;
    flex-direction: column;
    align-items: center;
    height: 280px;
	padding-top:40px;
}

#mobile_nav_em_footer a {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #FAF2E0;
    text-decoration: none;
	font-family:"Commuters Sans Bold";
	margin-bottom:30px;
   
}



#instant-callback-div {
    position: fixed;
    vertical-align: top;
    right: -290px;
    top: 19%;
    z-index: 100002;
}
#instant-callback-div .content-switcher {
    background-color: #f9f2e1;
    display: inline-block;
    width: 291px;
    margin: 0 0 0 -4px;
    padding: 10px 16px 12px;
    vertical-align: top;
    border-radius: 20px;
    color: #fff;
}