/*
Theme Name: boilerplate 
Theme URI: https://joshua-hall.com
Author: Joshua Hall
Author URI: https://joshua-hall.com
Description: Boiletplate powered by Joshua Hall.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.01
*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.woff2') format('woff2'),
        url('fonts/HelveticaNeue.woff') format('woff'),
        url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




* { box-sizing: border-box;}
html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important;}
body { margin:0; padding:0 }
::selection { background: var(--primary); background: var(--tertiary) }

.position-relative { position: relative; box-sizing: border-box;}

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.full-width { width: 100%;  margin: 0 auto; max-width: 100vw;}
.row-width-98 { width: 98%; max-width: 98%; margin: 0 auto; }
.row-width-95 { width: 95%; max-width: 95%; margin: 0 auto; }
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto; }
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto; }
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto; }
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto; }
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto; }
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto; }
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto; }


/* Widths */

.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col5{width: 41.33%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col11-5{width: 95%;}
.col11-75{width: 98%;}
.col12{width: 100%;}

.gap-10 > .col1  { width: calc((100% - (10px * 11)) / 12); }
.gap-10 > .col2  { width: calc((100% - (10px * 5)) / 6); }
.gap-10 > .col3  { width: calc((100% - (10px * 3)) / 4); }
.gap-10 > .col4  { width: calc((100% - (10px * 2)) / 3); }
.gap-10 > .col5  { width: calc((100% - (10px * 1.5)) / 2.4); }
.gap-10 > .col6  { width: calc((100% - (10px * 1)) / 2); }
.gap-10 > .col7  { width: calc((100% - (10px * 0.71)) / 1.71); }
.gap-10 > .col8  { width: calc((100% - (10px * 0.5)) / 1.5); }
.gap-10 > .col9  { width: calc((100% - (10px * 0.33)) / 1.33); }
.gap-10 > .col10 { width: calc((100% - (10px * 0.2)) / 1.2); }
.gap-10 > .col11 { width: calc((100% - (10px * 0.1)) / 1.09); }
.gap-10 > .col12 { width: 100%; }

.gap-20 > .col1  { width: calc((100% - (20px * 11)) / 12); }
.gap-20 > .col2  { width: calc((100% - (20px * 5)) / 6); }
.gap-20 > .col3  { width: calc((100% - (20px * 3)) / 4); }
.gap-20 > .col4  { width: calc((100% - (20px * 2)) / 3); }
.gap-20 > .col5  { width: calc((100% - (20px * 1.5)) / 2.4); }
.gap-20 > .col6  { width: calc((100% - (20px * 1)) / 2); }
.gap-20 > .col7  { width: calc((100% - (20px * 0.71)) / 1.71); }
.gap-20 > .col8  { width: calc((100% - (20px * 0.5)) / 1.5); }
.gap-20 > .col9  { width: calc((100% - (20px * 0.33)) / 1.33); }
.gap-20 > .col10 { width: calc((100% - (20px * 0.2)) / 1.2); }
.gap-20 > .col11 { width: calc((100% - (20px * 0.1)) / 1.09); }
.gap-20 > .col12 { width: 100%; }

.gap-30 > .col1  { width: calc((100% - (30px * 11)) / 12); }
.gap-30 > .col2  { width: calc((100% - (30px * 5)) / 6); }
.gap-30 > .col3  { width: calc((100% - (30px * 3)) / 4); }
.gap-30 > .col4  { width: calc((100% - (30px * 2)) / 3); }
.gap-30 > .col5  { width: calc((100% - (30px * 1.5)) / 2.4); }
.gap-30 > .col6  { width: calc((100% - (30px * 1)) / 2); }
.gap-30 > .col7  { width: calc((100% - (30px * 0.71)) / 1.71); }
.gap-30 > .col8  { width: calc((100% - (30px * 0.5)) / 1.5); }
.gap-30 > .col9  { width: calc((100% - (30px * 0.33)) / 1.33); }
.gap-30 > .col10 { width: calc((100% - (30px * 0.2)) / 1.2); }
.gap-30 > .col11 { width: calc((100% - (30px * 0.1)) / 1.09); }
.gap-30 > .col12 { width: 100%; }

.gap-40 .col1  { width: calc((100% - (40px * 11)) / 12); }
.gap-40 .col2  { width: calc((100% - (40px * 5)) / 6); }
.gap-40 .col3  { width: calc((100% - (40px * 3)) / 4); }
.gap-40 .col4  { width: calc((100% - (40px * 2)) / 3); }
.gap-40 .col5  { width: calc((100% - (40px * 1.5)) / 2.4); }
.gap-40 .col6  { width: calc((100% - (40px * 1)) / 2); }
.gap-40 .col7  { width: calc((100% - (40px * 0.71)) / 1.71); }
.gap-40 .col8  { width: calc((100% - (40px * 0.5)) / 1.5); }
.gap-40 .col9  { width: calc((100% - (40px * 0.33)) / 1.33); }
.gap-40 .col10 { width: calc((100% - (40px * 0.2)) / 1.2); }
.gap-40 .col11 { width: calc((100% - (40px * 0.1)) / 1.09); }
.gap-40 .col12 { width: 100%; }


.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.overflow-hidden { overflow: hidden;}

.flex-row {display: flex;flex-direction: row;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; align-items: center; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.align-center  {align-items: center; }
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-right {  align-items: flex-end;}

.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-30 {padding:30px 0}
.padding-b-30 {padding-bottom: 30px}
.padding-t-30 {padding-top: 30px}
.padding-l-30 {padding-left: 30px}
.padding-r-30 {padding-right: 30px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}


.mobile { display:none !important; }


.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-05 {gap:05px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-l-0 { margin-left: 0; }
.margin-r-0 { margin-right: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-l-5 { margin-left: 5px; }
.margin-r-5 { margin-right: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-l-20 { margin-left: 20px; }
.margin-r-20 { margin-right: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-l-30 { margin-left: 30px; }
.margin-r-30 { margin-right: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-l-40 { margin-left: 40px; }
.margin-r-40 { margin-right: 40px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-l-60 { margin-left: 60px; }
.margin-r-60 { margin-right: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-l-80 { margin-left: 80px; }
.margin-r-80 { margin-right: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100 { margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-l-100 { margin-left: 100px; }
.margin-r-100 { margin-right: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120 { margin-bottom: 120px; }
.margin-t-120 { margin-top: 120px; }
.margin-l-120 { margin-left: 120px; }
.margin-r-120 { margin-right: 120px; }

.width-auto { width: auto;}
.width-fit { width: fit-content;}

.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }

.border-1-primary { border: 1px solid var(--primary); }
.border-2-primary { border: 2px solid var(--primary); } 
.border-1-secondary { border: 1px solid var(--secondary); }
.border-2-secondary { border: 2px solid var(--secondary); }
.border-1-tertiary { border: 1px solid var(--tertiary); }
.border-2-tertiary { border: 2px solid var(--tertiary); }
.border-1-quartiary { border: 1px solid var(--quartiary); }
.border-2-quartiary { border: 2px solid var(--quartiary); }
.border-1-quinary { border: 1px solid var(--quinary); }
.border-2-quinary { border: 2px solid var(--quinary); }
.border-1-hexiary { border: 1px solid var(--hexiary); }
.border-2-hexiary { border: 2px solid var(--hexiary); }
.border-1-white { border: 1px solid var(--white); }
.border-2-white { border: 2px solid var(--white); }
.border-1-black { border: 1px solid var(--black); }
.border-2-black { border: 2px solid var(--black); }
.border-1-grey { border: 1px solid var(--grey); }
.border-2-grey { border: 2px solid var(--grey); }
.border-1-darkgrey { border: 1px solid var(--darkgrey); }
.border-2-darkgrey { border: 2px solid var(--darkgrey); }

.micro-text {font-size: var(--micro);}
.xxsm-text {font-size: var(--xxsmall);}
.xsm-text { font-size: var(--xsmall); }
.sm-text { font-size: var(--small); }
.med-text { font-size: var(--medium); }
.xmed-text { font-size: var(--xmedium); }
.lrg-text {font-size: var(--large); }
.xlrg-text {font-size: var(--xlarge);}
.xxlrg-text { font-size: var(--xxlarge); }


.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.primary-font {font-family: 'Helvetica Neue', sans-serif;font-weight: normal; line-height: 1.2;}
.secondary-font { font-family: 'Helvetica Neue', sans-serif; line-height: 1.1; }
.tertiary-font { font-family: 'Helvetica Neue'; text-transform: uppercase; line-height: 1.1; font-weight: 600;}


.image-fill {object-fit: cover; object-position: center;}

a, button, .text-link { cursor: pointer; text-decoration: none;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 {  font-size: var(--xlarge); font-family: 'Helvetica Neue', sans-serif; font-weight: normal }
h2{ font-size: var(--large); font-family: 'Helvetica Neue', sans-serif; font-weight: normal }
h3{ font-size: var(--medium); font-family: 'Helvetica Neue', sans-serif; font-weight: 500 }
h4{ font-size: var(--small); font-family: 'Helvetica Neue', sans-serif; font-weight: normal}
h5{ font-size: var(--small); font-family: 'Helvetica Neue', sans-serif; font-weight: normal}
h6{ font-size: var(--xxsmall); font-family: 'Enter Text Heres'; font-weight: normal}
body,p  { font-size: var(--xxsmall); font-family: 'Helvetica Neue', sans-serif; font-weight: 500}
span {line-height: 1.4; font-family:inherit;}
iframe {border: 0;}

img, svg {width: 100%;}
li, ul {list-style: none; padding: 0;}

.hide { display:none; transition: opacity 0.7s ease-in; opacity: 0;}

/* Colours */
:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #36443D;
    --secondary: #F4EDD8;
    --tertiary: #C8CCB3;
    --quartiary:#FFFCF3;
    --quinary: #CEA212;
    --xxlarge: 60px;
    --xlarge: 50px;
    --large: 42px;
    --xmedium: 32px;
    --medium: 24px;
    --small: 18px;
    --xsmall: 16px;
    --xxsmall: 14px;
    --micro: 12px;
    --xmicro: 10px;
        
}
.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.primary, .primary p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.quinary, .quinary p { color: var(--quinary);}
.quinarybg { background: var(--quinary);}

/* Input */
input.text, input.title, input[type=email], input[type=password],input[type=number], input[type=tel], input[type=text], select, textarea {background-color: var(--white); border: 1px solid var(--darkblue);padding: 15px 10px !important;  -webkit-appearance: none; border-radius: 0;  box-sizing: border-box;  letter-spacing: 1px; font-size: 12px;  width: -webkit-fill-available;}
::-webkit-input-placeholder, :-ms-input-placeholder, ::placeholder, ::input-placeholder {
 }

/* Buttons */
.button-wrapper {}

.primary-button { cursor: pointer; }
.primary-button:hover {}
.primary-button a {}

.secondary-button { cursor: pointer; }
.secondary-button:hover {}
.secondary-button a {}

.tertiary-button { cursor: pointer; }
.tertiary-button:hover {}
.tertiary-button a {}

.text-link { cursor: pointer; }
.text-link:hover {}
.text-link a {}


/* Menu */
header {margin: 0 auto; z-index: 100; position: fixed; top: 0;left: 0; right: 0;}
header .menu {flex-direction: row;display: flex; gap: 40px;}

.main-brand img { max-width: 200px; width: auto;}
.menu-item a { font-size: var(--small); color: var(--secondary);text-decoration: none;}
.current-menu-item a {color: var(--quinary);}

.menuslide { display: none;}

/* Forms */
label.gfield_label, legend.gfield_label { display: none !important;}
.gfield input, .gfield select, .gfield textarea {  line-height: 1 !important; font-family: 'Helvetica Neue'; background: transparent !important; padding: 5px 0 25px !important;  color: var(--secondary) !important;  letter-spacing: 0;font-size: var(--medium) !important; border-bottom: 2px solid var(--secondary);  box-sizing: border-box;}
.gfield ::placeholder{ color: var(--seconaary); }
.gfield :focus-visible { outline: 0; border-color: var(--tertiary) !important;}
.ginput_container_radio { border-bottom: 1px solid var(--secondary); padding-bottom: 20px;}
.gfield_radio { display: flex; justify-content: flex-start; position: relative;  width: 100%;   gap: 5vw;}
.gfield-choice-input+label {font-size: var(--medium) !important; color: var(--secondary); position: relative;}
.gchoice {opacity: 0.3;}
.gchoice.active {opacity: 1;}
.gfield-choice-input {accent-color: var(--secondary); outline: 0;}
.gform_button { background: transparent; border: 0; font-size: var(--medium); font-family: 'Helvetica Neue'; color: var(--secondary);}
.gform_confirmation_message {
    font-size: var(--medium);
    color: var(--secondary);
}
/* Hero Module */
.hero-module { margin-top: 60px !important;}
.hero-media-wrapper { position: relative; }
.hero-text-overlay { position: absolute;  top: 0; left: 0;padding: 40px ;z-index: 2;}
.hero-text-container { gap: 60px; align-items: flex-start; }
.hero-text-left { flex: 0 0 auto; }
.hero-text-right { flex: 1; gap: 20px; }
.hero-media-swiper img {aspect-ratio: 4 / 2; display: block; object-fit: cover;}

/* Video Components */
video{width: 100%;}

/* Indent Components */
.text-indent-circle {display: inline-flex; width: 12px; height: 12px;background: var(--quinary); margin: 10px 10px; border: 20px;border-radius: 10px;}

/* Statistics */
.statistic-item {  padding-bottom: 40px; padding-top: 20px; border-top: 1px solid var(--secondary);}
.statistic-circle {width: 60px; height: 60px;  border-radius: 50%; overflow: hidden; margin-left: -19px;border: 4px solid var(--primary);}

/* Accordion */
.dab-kicker { border-bottom: 1px solid var(--secondary);padding-bottom: 20px;}


.dtc-tab-bar--mobile { display: none; }
.dtc-tab-bar--desktop { display: flex; }

.property-grid-toggles--mobile { display: none; }
.property-grid-toggles--desktop { display: flex; }
              
/* Property Grid */
.property-grid-toggles { border-top: 1px solid var(--secondary); }
.property-grid-toggles .swiper-pagination { position: relative !important; width: auto;top: 0;}
.toggle-pagination .swiper-pagination-bullet {background: var(--secondary);}
.grid-toggle.active {opacity: 1;}
.grid-toggle { background: transparent; border: 0; opacity: 0.2; color: var(--secondary);}
.property-card a { text-decoration: none;font-weight: normal;}
.property-card-image { aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 10px;}
.property-card-image img {object-fit: cover; min-height: 100%;}
.card-placeholder { height: 100%; width: 100%; background: var(--tertiary);}
.property-card-title-row, .property-card-meta-row { border-bottom: 1px solid var(--secondary); padding-bottom: 10px;}

/* Home Page */
.dtc-tab-bar { border-top: 1px solid var(--secondary); }
.dtc-tab-button.active {opacity: 1;}
.dtc-tab-button   { background: transparent; border: 0; opacity: 0.2; color: var(--secondary);}
.dtc-tab-logo svg { max-height: 15PX; width: auto;}

.dcm-module .dcb-seperator {margin: 10px 0 20px;}

.dcb-seperator { width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px;}
.dcb-seperator.primary { background: var(--primary);}
.dcb-seperator.secondary {background: var(--secondary);}

.dcf-contact-icon { width: 80px; border-radius: 50px;}

/* Project Page */
.project-single {display: flex;align-items: center; justify-content: center;}

/* Footer */


@media (max-width: 768px) {
   :root {
    --xxlarge: 52px;
    --xlarge: 44px;
    --large: 36px;
    --xmedium: 28px;
    --medium: 22px;
    --small: 16px;
    --xsmall: 14px;
    --xxsmall: 12px;
    --micro: 10px;
    --xmicro: 8px;
        
} 
.col11-75 { width: 95%;} 

.desktop { display: none;}
.mobile { display: flex !important ;}
.m-flex-column { flex-direction: column !important;}

.m-flex-column .col4{ width: 100% !important;}
.m-flex-column .col5{ width: 100% !important;}
.m-flex-column .col6 { width: 100% !important;}
.m-flex-column .col7 { width: 100% !important;}
.m-flex-column .col8 { width: 100% !important;}
.row-width-98 {width: 95% !important;}

.header > .container {width: 95%; justify-content: flex-start; gap: 20px;}
.header > .container div {flex: 1;}
.hamburger-box { width: 26px !important;  height: 26px  !important;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background: var(--secondary);}
.main-brand {  width: auto;}
.main-brand img {max-height: 16px;}
header .menu {justify-content: flex-end;}
.mobilemenu {z-index: 9;}

.menuslide { position: fixed; top: 0;  left: -999999px;  right: 0;  bottom: 0;  background: var(--primary); display: none; justify-content: center; align-items: center;}
.menuslide.is-active { display: flex; left:0;}
.menuslide .menu {flex-direction: column; text-align: center;}
.menuslide .menu a { font-size: var(--xmedium);}

.top-menu-logo { opacity: 0.1;  position: absolute;  top: 0; left: 0;}
.bottom-menu-logo { opacity: 0.1;  position: absolute;  bottom: 0; left: 0;}

.hero-text-overlay {padding: 20px;}
.hero-text-container { gap: 20px;}
.hero-media-swiper img {  aspect-ratio: 9 / 12; display: block; object-fit: cover;}

.dcb-container { width: 95%;}  
.dab-heading {font-size: var(--medium);padding-bottom: 40px;}
.property-grid-module{padding-bottom: 0 !important;}   
.dynamic-tabbed-content-module {padding-bottom: 0 !important;}  
.toggle-wrapper { flex-direction: column; text-align: left;  align-items: flex-start; gap: 9px;}
.dcm-container { gap: 60px;}
.dcb-container {padding-top: 0 !important;}

.property-grid-toggles--desktop { display: none; }
.property-grid-toggles--mobile { display: block; }
.toggle-mobile-trigger {background: none;border: none;cursor: pointer;font: inherit;color:  var(--secondary);padding: 0;}
.toggle-mobile-chevron {color:  var(--secondary); transition: transform 0.3s ease;}
.toggle-mobile-dropdown.open .toggle-mobile-chevron { color:  var(--secondary) ;transform: rotate(180deg);}
.toggle-mobile-options { color: var(--secondary); display: none;padding-top: 10px;}
.toggle-mobile-dropdown.open .toggle-mobile-options {display: flex;}
.toggle-mobile-option {background: none;border: none;cursor: pointer;font: inherit;color:  var(--secondary);padding: 8px 0;text-align: left;opacity: 0.5;}
.toggle-mobile-option.active {opacity: 1;}
.toggle-mobile-trigger-label {min-width: fit-content;}

.dtc-tab-bar--desktop { display: none; }
.dtc-tab-bar--mobile { display: block; }
.dtc-mobile-trigger {background: none;border: none;cursor: pointer;font: inherit;color:  var(--secondary);padding: 0;}
.dtc-mobile-chevron {color:  var(--secondary); transition: transform 0.3s ease;}
.dtc-mobile-dropdown.open .dtc-mobile-chevron {transform: rotate(180deg);}
.dtc-mobile-options {color:  var(--secondary);  display: none;padding-top: 10px;}
.dtc-mobile-trigger-label { min-width: fit-content; color: var(--secondary);font-family: 'Helvetica Neue';font-weight: 600;}
.dtc-mobile-dropdown.open .dtc-mobile-options {display: flex;}
.dtc-mobile-option {background: none;border: none;cursor: pointer;font: inherit;color: inherit;padding: 8px 0;text-align: left;opacity: 0.5;}
.dtc-mobile-option.active {opacity: 1;}
.property-archive-container {padding-top: 0;}

.footer-bottom { margin-top: 0;}               
.footer-description {font-size: var(--xmedium); width: 95% !important;}
.footer-nav {display: flex;  align-items: flex-start; gap: 20px;}
.footer-top, .footer-bottom {width: 95%;}
.footer-menu { gap: 15px;}
.footer-menu li a { font-size: var(--xsmall);}
.footer-credit {opacity: 0.3;}

}