.elementor-kit-10{--e-global-color-primary:#0F2742;--e-global-color-secondary:#273D55;--e-global-color-text:#071320;--e-global-color-accent:#3D5EBD;--e-global-color-928d825:#FFFFFF;--e-global-color-f8834a3:#F1F1F1;--e-global-color-5c9a3f0:#253871;--e-global-typography-primary-font-family:"TT Norms-Bold";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"TT Norms Semi-Bold";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"TT Norms Semi-Bold";--e-global-typography-accent-font-weight:600;background-color:#FFFEFE;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-accent );font-family:"TT Norms Semi-Bold", Sans-serif;font-size:15px;font-weight:600;line-height:1.3;color:var( --e-global-color-928d825 );border-radius:30px 30px 30px 30px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-928d825 );background-image:linear-gradient(235deg, var( --e-global-color-accent ) 0%, var( --e-global-color-5c9a3f0 ) 100%);border-radius:30px 30px 30px 30px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{line-height:1.3;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================ */
/* Site Settings */
/* ============================================ */
/*CTA Text Link*/
    .mdbl-cta-text-link  .elementor-button  span.elementor-button-icon {
    margin-bottom: 2px;
}

    .mdbl-cta-text-link .elementor-button:hover { 
    background-image: none;
    border-radius: 0;
}

/* ============================================ */
/* Transparent Header Before Scroll */
/* ============================================ */

.elementor-sticky--active {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: none; /* no shadow before scroll */
}

/* ============================================ */
/* Sticky Header After Scroll */
/* ============================================ */
.elementor-location-header .elementor-sticky--effects {
  background-color: #0e233b !important; /* brand color on scroll */
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* ============================================ */
/* Menu Links Before Scroll */
/* ============================================ */
 .elementor-nav-menu a {
  color: #333; /* text color before scroll */
  transition: color 0.3s ease;
}

/* ============================================ */
/* Menu Links After Scroll */
/* ============================================ */
.elementor-location-header .elementor-sticky--effects  .elementor-nav-menu--main .elementor-item{
  color: #ffffff !important; /* white text on dark background */
}
.elementor-location-header .elementor-sticky--effects  .elementor-nav-menu--main .elementor-item svg path { fill: #fff; }

.elementor-location-header .elementor-sticky--effects .elementor-social-icon svg { fill:#ffffff !important }


/* Hide light logo by default */
.mdblinc-logo-on-scroll {
  display: none;
}

/* When header becomes sticky */
.elementor-sticky--effects .mdblinc-logo {
  display: none;
}
.elementor-location-header .elementor-sticky--effects .mdblinc-logo-on-scroll {
  display: block;
}

@media screen and (max-width: 1020px) {
        .elementor-menu-toggle {
            background-color: #0F2742 !important;
        }
    .elementor-menu-toggle .e-font-icon-svg {
        fill: #fff !important;
    }
}



/*MDBL Grid Watermark*/
.architectural-grid {
    background-image:
        linear-gradient(to right, rgba(12, 40, 65, 0.055) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(12, 40, 65, 0.055) 1px, transparent 1px);
        
    background-size: 60px 60px;

    -webkit-mask-image: linear-gradient(
        to right,
        black 0%,
        black 55%,
        transparent 85%
    );

    mask-image: linear-gradient(
        to right,
        black 0%,
        black 55%,
        transparent 85%
    );
}

.architectural-grid-light-reverse {
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
        
    background-size: 60px 60px;

    -webkit-mask-image: linear-gradient(
        to left,
        white 0%,
        white 55%,
        transparent 85%
    );

    mask-image: linear-gradient(
        to left,
        white 0%,
        white 55%,
        transparent 85%
    );
}

 /* =========================================
  Single Property Listing - Image Gallery
========================================= */

.mdbl-property-gallery {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* Gallery viewport */
.mdbl-gallery-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* Sliding track */

.mdbl-gallery-track {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: transform 0.5s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}


/* Individual images */

.mdbl-gallery-slide {
    flex: 0 0 65%;
    width: 65%;
    height: 500px;
    overflow: hidden;
}


.mdbl-gallery-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================
   LISTING GALLERY ARROWS
========================================= */

.mdbl-gallery-prev,
.mdbl-gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    border: none;
    background: #2C3E50;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s ease;
}


.mdbl-gallery-prev {
    left: 4%;
}


.mdbl-gallery-next {
    right: 4%;
}


.mdbl-gallery-prev:hover,
.mdbl-gallery-next:hover {
    background: #B58A3A;
}


/* =========================================
   LISTING GALLERY BOTTOM CONTROLS
========================================= */

.mdbl-gallery-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 18px;
}

/* View all photos */

.mdbl-view-photos {
    padding: 13px 20px;
    border:none;
    color: #2C3E50;
    font-size: 11px;
    cursor: pointer;
    transition: all .3s ease;
}


.mdbl-view-photos span {
    margin-left: 12px;
    color: #fff;
    font-size: 15px;
}


.mdbl-view-photos:hover {
    background: #2C3E50;
    color: #fff;
}


/* =========================================
   LISTING GALLERY LIGHTBOX
========================================= */

.mdbl-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(25, 32, 40, .96);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
}


.mdbl-lightbox.is-active {
    opacity: 1;
    visibility: visible;
}


.mdbl-lightbox-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 85vw;
    max-height: 90vh;
}


.mdbl-lightbox-image {
    display: block;
    max-width: 85vw;
    max-height: 78vh;
    object-fit: contain;
}


.mdbl-lightbox-counter {
    margin-top: 18px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
}


/* Lightbox buttons */

.mdbl-lightbox-close,
.mdbl-lightbox-prev,
.mdbl-lightbox-next {
    position: absolute;
    z-index: 10;
    width: 48px;
    height: 48px;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}


.mdbl-lightbox-close {
    top: 25px;
    right: 25px;
    border: none;
    font-size: 32px !important;
}


.mdbl-lightbox-prev {
    left: 30px;
    top: 50%;
    border: none;
    transform: translateY(-50%);
}


.mdbl-lightbox-next {
    right: 30px;
    top: 50%;
    border:none;
    transform: translateY(-50%);
}


.mdbl-lightbox-close:hover,
.mdbl-lightbox-prev:hover,
.mdbl-lightbox-next:hover {
    background: #fff;
    color: #222;
}


/* =========================================
   LISTING GALLERY MOBILE
========================================= */

@media (max-width: 767px) {

    .mdbl-gallery-slide {
        flex: 0 0 82%;
        width: 82%;
        height: 250px;
    }

    .mdbl-gallery-prev,
    .mdbl-gallery-next {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .mdbl-gallery-prev {
        left: 3%;
    }

    .mdbl-gallery-next {
        right: 3%;
    }
    
    .mdbl-gallery-bottom {
        justify-content: center;
    }

    .mdbl-view-photos {
        padding: 11px 14px;
        font-size: 9px;
    }

}
/* =========================================
   ASSOCIATE CARD FILTER
========================================= */

.elementor-widget-filter-widget .filter-container button.reset-form  {
    align-self: center;
}
    .mdbl-associate-id {
      font-family:"TT Norms Semi-Bold", sans-serif;
      font-size: 14px;
      font-weight: 500;
    }
    
/* =========================================
   ASSOCIATE PROFILE/ PRACTICE OWNER FORM 
========================================= */
.elementor-field-type-html {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TT Norms-Bold';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mdblinc.com/wp-content/uploads/2026/08/TTNormsPro-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TT Norms Semi-Bold';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://mdblinc.com/wp-content/uploads/2026/08/TTNormsPro-DemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */