.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; }
.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; }
.em_links_dark:hover {
color: #BD915D;
background-position: calc(100% - 10px) center; }
#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; 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; }
.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; }
.em_links:hover {
color: #FAF2E0;
background-position: calc(100% - 10px) center; }
#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;
} #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;
} #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; 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;
} .carpet_sqft, .carpet_sqm { color: #FAF2E0; }
.deck_sqft, .deck_sqm { color: #FAF2E0; }
.total_sqft, .total_sqm { color: #FAF2E0; }
.label_col{
border-right: #BD915D 1px solid;
}
.sqft_col{
border-right: #BD915D 1px solid;
}
.sqm_col, .sqft_col{
padding-left:20px;
} #mobile_full_nav {
display: none; background-color: #142B33;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000; font-family: 'Commuters Sans', sans-serif;
}
#mobile_full_nav {
display: none; background-color: #142B33;
position: fixed; top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000; font-family: 'Commuters Sans', sans-serif;
overflow: hidden; }
#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;
}