/* SHANTRECE STYLES */
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');

#design-container {
    background-color: #111111;
}

#design-container h1,
#design-container h2,
#design-container h3,
#design-container h4,
#design-container h5,
#design-container .title-font {
    font-family: "Italiana", sans-serif;
    font-weight: 400;
    font-style: normal;
}

#design-container .title-font {
    font-family: "Italiana", sans-serif !important;
    font-weight: 400  !important;
    font-style: normal  !important;
}

/* #design-container .section-subtitle, #design-container .section-subtitle h1, #design-container .section-subtitle h2, #design-container .section-subtitle h3, #design-container .section-subtitle h4, #design-container .section-subtitle h5 {
	  font-family: "Italiana", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
} */
#design-container .section-subtitle,
#design-container .section-subtitle h1,
#design-container .section-subtitle h2,
#design-container .section-subtitle h3,
#design-container .section-subtitle h4,
#design-container .section-subtitle h5 {
    font-family: "Inter", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 100 !important;
    font-style: normal;
}

#design-container .subtitle-font {
    font-family: "Inter", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 100 !important;
    font-style: normal;
}

.text-caps {
    text-transform: uppercase !important;
}

#design-container .elementor-button {
    background-color: #848CA3;
}

#design-container #section-welcome .photo-holder img {
    max-height: unset !important;
}

#design-container .elementor-button {
    font-family: "Italiana", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.area-item h3,
.area-item h3 a {
    font-family: "Italiana", sans-serif !important;
}

/* AREA IMAGE FIX */
.area-item-image a:has(img) {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#section-lifestyle .area-item-image img {
    display: block;
    max-width: unset;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
    max-height: 57vh;
    min-height: 57vh;
}

.area-tab-controls {
    display: flex;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.area-tab-controls ul {
    display: flex;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    /* justify-content: center;
    align-items: center; */
    list-style: none;
    padding: 10px;
    gap: 40px;
}

.area-tab-controls ul li a {
    color: #fff;
    font-size: 1.3rem !important;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.15rem;
    font-weight: 100;
}

.area-tab-controls ul li a:not(.tab-active) {
    opacity: 0.5;
}

.area-tab-controls ul li.tab-link-1 {
    border-right: 1px solid rgba(255, 255, 255, 0.34);
    padding-right: 40px;
}

.featured-area-tab,
.featured-area-tab *,
#section-featured-areas,
#section-featured-areas * {
    transition: all 0.3s ease 0s;
}

/* TABS STYLES */
/* Hide all tab panels by default */
/* .featured-area-tab.featured-area-holder:not(.featured-area-tab-active){
  display: none;
} */
/* Show active panel */
/* .featured-area-tab.featured-area-tab-active.featured-area-holder {
  display: flex;
} */
.featured-area-tab.featured-area-holder {
    display: none;
}

.featured-area-tab-active.featured-area-tab {
    display: flex !important;
}

/* Optional: cursor for controls */
.tab-link {
    cursor: pointer;
}


.area-item a {
	position: relative;
	overflow: hidden;
}
.area-item a:hover {
	transform: scale(1.2);
}


/* STYLE MODS FINAL */

.elementor-icon i, .elementor-icon svg {
	display: block;
	height: 0.5em;
	position: relative;
	width: 0.5em;
}
.elementor-view-framed .elementor-icon {
	padding: .2em;
}

#section-contact::before {
	background-image: url('images/lifestyle/lifestyle-condos.jpg');
}

.area-item, .area-item * {
	transition: all 0.3s ease 0s;
}

body.site .md-banner.broker {
	display: none;
}

body.site .md-house.template6-slider {
	display: none;
}


/* FORM STYLES */

#form-holder .top-content {
	padding: 0px !important;
	background: transparent !important;
    display: none;
}
#form-holder .down-content {
	color: #252525;
	background: transparent !important;
	padding: 0px !important;
}
#form-holder .down-content .title {
	display: none;
}

#form-holder .md-form.column-agent .down-content .input-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	flex-direction: column;
}
#form-holder .md-form.column-agent .down-content .basic-info {
	width: 100%;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
#form-holder .md-form.column-agent .down-content .basic-info input, 
#form-holder .md-form.column-agent .down-content .basic-info textarea {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	padding-left: 30px;
	color: #000;
	box-shadow: none;
	background-color: transparent;
}
#form-holder .md-form.column-agent .down-content .basic-info input, 
#form-holder .md-form.column-agent .down-content .basic-info textarea {
	display: block;
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	padding-left: 0px;
	color: #000;
	box-shadow: none;
	background-color: transparent;
}
#form-holder .md-form.column-agent .down-content .info-form ::placeholder {
	color: #000 !important;
}
#form-holder .md-form.column-agent .down-content .message {
	width: 100%;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	flex: 1;
	margin-right: auto;
}
#form-holder .md-form.column-agent .down-content .message textarea {
	padding: 0px;
	color: #000;
}
#form-holder .md-form.column-agent .down-content .basic-info .input-box {
	flex: 1;
	margin-left: auto;
	margin-right: auto;
}
#form-holder .md-form.column-agent .down-content .submit-box {
	text-align: center;
}
#form-holder .disclaimer-wrap.opt-in .disclaimer-content {
	color: #3e3e3e;
}
#form-holder .disclaimer-wrap.opt-in .checkbox-li .check-box-container {
	color: #3e3e3e !important;
	border-color: #3e3e3e !important;
}
.form-container {
	margin-top: -40px;
}



/* SECTION TESTIMONIALS */
#section-testimonials .md-testimonial-logo.source-logo-container .source-logo {
	height: 20px;
}
#testimonials-holder .md-testimonial.broker-slider-classic {
	background: transparent !important;
}

#testimonials-holder .md-testimonial.broker-slider-classic .title-wrap {
	display: none;
}
#testimonials-holder .md-testimonial.broker-slider-classic .slide-item .item {
	background: rgba(0, 0, 0, 0.82);
	border: 1px solid #000000f7;
	color: #fff;
}
#testimonials-holder .md-testimonial.broker-slider-classic .slide-item .name .info span {
	color: #fff;
}
#testimonials-holder .md-testimonial.broker-slider-classic .slide-item .desc {
	color: #d5d5d5;
}
.md-testimonial.broker-slider-classic .slide-item .name .info .iconfont {
	color: #eee;
}

.md-testimonial.broker-slider-classic {
	display: none;
}

#testimonials-holder .md-testimonial.broker-slider-classic {
	display: block;
}

/* HERO STYLES */

.hero-logo {
	max-width: 30vw;
}
body.site .md-hero.layout11 .media-content-v2 .media-info .title-text .site-subtitle h3 {
	font-weight: 200;
}
body.site .md-hero.layout11 .media-content-v2 h2{
	display: none;
}
body.site .md-hero.layout11 .media-content-v2 .media-info .title-text .site-subtitle {
	margin-top: 0px;
}

body.site .banner .single-picture{
	background-image: url('images/lifestyle/lifestyle-waterfront-condos.avif') !important;
}
body.site .banner .banner-mask {
	opacity: 0.8;
}
#design-container #section-welcome .photo-holder img {
	border-radius: 3px;
}

.search-group.layout11 .tab-header-ul .option {
	text-transform: uppercase;
}

.md-hero.layout11 .banner {
	padding-bottom: 0px;
}
.md-hero.layout11 .media-content-v2 {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}

.md-hero.layout11 .media-content-v2 .media-content-box {
	width: 100%;
	max-width: 100%;
}
.md-hero.layout11 .media-content-v2 .media-content-box .search-group.layout11 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


.md-hero.layout11 .media-content-v2 .media-content-box{
	background: rgba(45, 45, 45, 0.45);
	padding: 40px 20px;
}
.search-group.layout11 .tab-header {
	height: auto;
}
.search-group.layout11 .tab-header-ul .option {
	line-height: initial;
	margin-bottom: 20px;
}
.md-hero.layout11 .media-content-v2 .media-content-box {
	background: rgba(45, 45, 45, 0.45);
	padding: 30px 0px 40px 20px;
}
.banner.single {
	min-height: 40vh !important;
	height: auto;
}
.md-hero.layout11 .media-content-v2 {
	margin-top: 25vh;
}
body.site .banner .single-picture {
	background-attachment: fixed;
	background-size: cover !important;
}

body.site .md-footer.standard .f-col .top-content .left-content .site-logo .logo-item {
	filter: invert(100%);
}
body.site .search-bar.layout11 .search-by-section .search-category .keyword-submit {
	background: #848CA3;
}
/* .site-button.plain {
	border-color: #848CA3;
	color: #848CA3;
} */

.site-button.plain {
	border-color: #848CA3;
	color: #fff;
	background: #848CA3;
	letter-spacing: 0.01vw;
	border-radius: 2px;
}
.slick-dots {
	margin-top: 25px;
	margin-bottom: -20px;
}

#design-container .elementor-button {
	background-color: transparent;
	border: 1px solid #848CA3;
}

.site-button.plain {
	border-color: #848CA3;
	color: #fff;
	background: transparent;
	letter-spacing: 0.01vw;
	border-radius: 2px;
}


body.home main .md-custom-code.html-code,
body.home main .mg-container {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.home .search-group.layout11 .tab-body .tab-content .address-input.standard .right-box .submit-btn {
	background-color: #848CA3;
}

body.home .md-house.layout2.mg-bg.has-padding {
	background: transparent !important;
}
.house-slider-controls {
	margin-top: 0px;
	display: flex;
	justify-content: space-between;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#section-featured-listings .slick-dots {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 0px !important;
}
.house-grid.layout2.count_4 {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.house-slider-controls {
	position: relative;
	z-index: 10;
}
#section-featured-listings .slick-dots {
	position: relative;
	z-index: 12;
}
.area-tab-controls ul li a {
	cursor: pointer;
}
body.site .banner .banner-mask {
	opacity: 0.5;
}
.md-header.standard .header-container .head-menu {
	justify-content: center;
}


.md-hero.layout11 .media-content-v2 .media-content-box {
	background: transparent;
}
.md-hero.layout11 .banner {
	padding-bottom: 130px;
}
.md-hero.layout11 .media-content-v2 {
	margin-top: 20vh;
}
.md-hero.layout11 .media-content-v2 {
	row-gap: 20px;
}
#design-container section#section-lifestyle {
	padding-top: 0px !important;
}

#design-container #section-welcome p {
	font-size: 1.1rem;
}
body:has(#design-container) .text-white, body:has(#design-container) .text-white h1, body:has(#design-container) .text-white h2, body:has(#design-container) .text-white h3, body:has(#design-container) .text-white h4, body:has(#design-container) .text-white * {
	letter-spacing: 0.125vw;
}


/* FONT FIXES */
/*
#design-container #section-welcome p {
	font-family: 'ABC Normal White';
}
#design-container .section-subtitle, #design-container .section-subtitle h1, #design-container .section-subtitle h2, #design-container .section-subtitle h3, #design-container .section-subtitle h4, #design-container .section-subtitle h5 {
		font-family: 'ABC Normal White', "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-weight: 200 !important;
	font-style: normal;
}

#design-container .subtitle-font {
	font-family: 'ABC Normal White', "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-weight: 200 !important;
	font-style: normal;
}
*/

#design-container #section-welcome p {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#design-container .section-subtitle, #design-container .section-subtitle h1, #design-container .section-subtitle h2, #design-container .section-subtitle h3, #design-container .section-subtitle h4, #design-container .section-subtitle h5 {
		font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-style: normal;
}

#design-container .subtitle-font {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-style: normal;
}
#design-container #section-welcome p {
	font-size: 1rem;
}

#design-container .section-subtitle .title-font,
#design-container #section-welcome h2 {
	font-family: "Italiana", serif !important;
	font-weight: 400;
	font-style: normal;
}
#design-container .area-tab-controls ul {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	justify-content: center;
}

/* BEGIN MOBILE */
@media(max-width: 790px){
	#section-lifestyle .area-item-image img {
	display: block;
	max-width: unset;
	height: 100%;
	width: 100% !important;
	object-fit: cover;
	max-height: 28vh;
	min-height: unset;
	height: auto;
}
.area-tab-controls ul li a {
	font-size: 1rem !important;
}
#section-buyers-sellers h2 {
	font-size: 11vw !important;
}
#form-holder .md-form.column-agent .down-content .basic-info {
	flex-direction: column;
}

body.site .md-footer.standard .f-col .top-content .left-content .site-logo {
	text-align: center;
}
body.site .md-footer.standard .f-col .top-content .left-content .detail .co-name {
	text-align: center;
}
body.site .md-footer.standard .f-col .top-content .left-content .detail .detail-info {
	margin-left: auto;
	margin-right: auto;
}
body.site .md-footer.standard .f-col .bottom-content .download-closely {
	text-align: center;
}
body.site .md-footer.standard .f-col .bottom-content .download-closely .code-wrapper {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
body.site .md-footer.standard .f-col .top-content .left-content .detail .detail-addr {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
body.site .md-footer.standard .f-col .top-content .left-content .detail .detail-info {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.hero-logo {
	max-width: 60vw;
}
.md-hero.layout11 .media-content-v2 {
	margin-top: 15vh;
}
#design-container section .section-title{
	margin-bottom: 30px;
}
}/* END MOBILE */