/* Hide sub-dropdown menus only under the Listings menu item */
.listing-menu~.sp-dropdown .sp-dropdown-sub {
    display: none !important;
}

.listing-menu~.sp-dropdown .sp-has-child:hover>.sp-dropdown-sub {
    display: none !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child a::after {
    content: "" !important;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: auto !important;
    right: 100% !important;
}

.body-innerwrapper #sp-footer {
    background-color: #001235 !important;
    text-align: center;
    padding-bottom: 1rem;
}

/*article custom css*/
a.city-button:hover {
    background-color: #F1F1F1 !important;
}

.category-blog-page .page-header h1 {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 0;
}

.category-blog-page .article-list .article {
    border-top: 1px solid #d9dee8;
    padding-top: 32px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.category-blog-page .article-list>.row:first-child .article,
.category-blog-page .article-list .row:first-child .article {
    margin-top: 0;
}

.category-blog-page .article-introtext h3 {
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
    margin: 20px 0 12px;
}

.category-blog-page .article-introtext iframe {
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
}

.category-blog-page .category-blog-collections {
    margin: 0 0 32px;
    text-align: left;
}

.category-blog-page .category-desc>div,
.category-blog-page .category-blog-collections>div {
    justify-content: flex-start !important;
    margin: 0 0 32px !important;
}

.category-blog-page .video-search-form {
    margin: 0 0 32px;
}

.category-blog-page .video-search-form .video-search-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.category-blog-page .video-search-form .form-control {
    max-width: 420px;
    min-height: 48px;
    border: 1px solid #ccd3df;
    border-radius: 4px;
    padding: 10px 14px;
}

.category-blog-page .video-search-form .btn {
    min-height: 48px;
    padding: 10px 20px;
}

.category-blog-page .video-search-form .btn.btn-light {
    border: 1px solid #ccd3df;
    background: #fff;
    color: #0f244a;
}

#sp-header .logo-site-name {
    display: none;
}

@media (max-width: 992px) {
    #sp-logo,
    #sp-logo .sp-column,
    #sp-header .logo,
    #sp-header .logo a {
        min-width: 0;
    }

    #sp-header .logo a {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        max-width: 100%;
    }

    #sp-header .logo-site-name {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        white-space: normal;
        overflow-wrap: anywhere;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    }

    #sp-menu .sp-megamenu-wrapper,
    #sp-menu .mobile-header-controls {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    #sp-menu .mobile-header-controls {
        width: 100%;
    }

    #sp-menu .mobile-header-lang-switch {
        display: inline-flex;
        align-items: center;
        overflow: hidden;
        background: #061736;
        border-radius: 6px;
    }

    #sp-menu .mobile-header-lang-switch a {
        color: #b2b2b2;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        padding: 7px 10px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    #sp-menu .mobile-header-lang-switch a:hover {
        background-color: rgba(191, 175, 134, 0.2);
        color: #fff;
    }

    #sp-menu .mobile-header-lang-switch a.active {
        background-color: #bfaf86;
        color: #1E2F57;
    }

    #sp-menu .mobile-header-controls #offcanvas-toggler {
        float: none;
        margin-left: 0;
        height: auto;
        line-height: 1;
    }
}

@media (max-width: 767px) {
    .category-blog-page .page-header h1 {
        font-size: 28px;
    }

    .category-blog-page .video-search-form .video-search-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .category-blog-page .video-search-form .form-control {
        max-width: none;
        width: 100%;
    }

    #sp-header .logo a {
        gap: 10px;
    }

    #sp-header .logo-site-name {
        font-size: 14px;
    }

    #sp-menu .sp-megamenu-wrapper,
    #sp-menu .mobile-header-controls {
        gap: 8px;
    }

    #sp-menu .mobile-header-lang-switch a {
        font-size: 11px;
        padding: 6px 8px;
    }
}

/* LC2AR-428: "left side menu" module buttons — migrated from the Helix Custom Code
   (DB) selector #mod-custom155 to the module's class .left-side-menu, so COPIED modules
   (e.g. #mod-custom206) inherit the styling (every instance carries moduleclass_sfx
   "left-side-menu", rendered by Helix as class="sp-module left-side-menu").
   The module gets float:left from .sp-module:last-child, which made it shrink-wrap to its
   content -> buttons came out a different width on every page (different menu lengths).
   Fix: stop the float so the module fills its sidebar column, and cap the buttons so every
   page's buttons are the same width, stay wide enough for long labels, and never overflow a
   narrow column. */
.left-side-menu {
    float: none !important;
    width: 100%;
}

.left-side-menu p {
    background: #213963;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 10px 0;
    padding: 10px 25px;
}

.left-side-menu p:last-child {
    background: #BE0712;
}

.left-side-menu p a {
    color: #fff;
}

/* ============================================================================
   Migrated from Helix template Custom CSS (DB) → git, 2026-06-12 (full migration).
   Union of all 4 sites' template-style custom_css, deduplicated. Instance-id
   selectors kept verbatim (page-specific). Malformed unclosed @media repaired.
   The ~8 global rules that template.css/preset re-define (which load AFTER this
   file) carry !important so they keep winning — same as when they were the DB
   'Custom Code' injected last. Stays entirely in custom.css; template untouched.
   ============================================================================ */
/*home buyer inquiry*/
.sp-page-builder .page-content #section-id-1659547153978{
padding-bottom: 0px;
}

/*Breadcrumbs*/
#sp-section-4{
padding-top:20px;
}

#sp-main-body{ padding:0 0 50px 0 !important; }

#sppb-addon-wrapper-1666286623633 .col-md-4 .btn{
  color: white !important;
}

hr:not([size]){
height:0px;
}

.sp-page-builder .page-content #section-id-1659128589845{
background-color: #10316b !important;
}

#sp-header-top{
background-color:#10316b;
}

.sp-module:last-child{
float:left;
}

.sp-megamenu-parent .sp-dropdown .sp-has-child li.sp-menu-item .sp-menu-separator{
color:#000;
}

li.sp-menu-item span:hover{
color:#fff;
}

.container{ max-width:1320px !important; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item{ padding: 5px 8px !important; }

.sp-megamenu-parent .sp-dropdown li.sp-has-child:hover{
background:#10316b !important;
}

.sppb-column{
  height:90% !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-has-child .sp-dropdown .sp-dropdown-items li a{
color: #000;
}

.sp-megamenu-parent .sp-dropdown li.sp-has-child .sp-dropdown .sp-dropdown-items li:hover a{
color: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-has-child:hover span{
color:#fff;
}

#column-id-1659633891065{
height:100% !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover{
background:#10316b;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover a{
color:#fff;
}

.sp-megamenu-parent > li > span{ color:white !important; }

.justify-content-end{
justify-content: flex-start !important;
}

.sp-page-builder .page-content #section-id-1659128589845{
padding-top:10px !important;
padding-bottom:0px !important;
}

.sp-page-builder .page-content #section-id-1659128808419{
padding:20px 0 0 0 !important;
}

.sppb-article-info-wrap h3 a{
font-size:18px;
}

.article-details .article-ratings-social-share{ display:none !important; }

.article-info{ display:none !important; }

.article-header{
margin-bottom:0px !important;
}

table,td,th {
            border: 1px solid #000;
}

#sp-header .logo{ background-color:#10316b !important; }

#sppb-addon-wrapper-1659128589848{
margin:0 0 10px 0 !important;
}

#sp-bottom{ padding:25px 0 0 0 !important; }

.sp-module{
padding:0;
}

@media (min-width: 992px){
#sp-logo.col-lg-3{
width:17%;
}
}

@media screen and (max-width:430px){
  /*mobile version recent sales layout*/
  #sppb-addon-1665593910257 .property-lists .property-item .row{
    display: block ;
  }

  #sppb-addon-1665593910257 .property-lists .property-item .row .col-3{
    width: 100% ;
  }

  #sppb-addon-1665593910257 .property-lists .property-item .row .col-4{
    width: 100% ;
padding: 0 30px;
  }

 #sppb-addon-1665593910257 .property-lists .property-item .row .col-4 .property-entries .row{
    display:flex;
  }

  #sppb-addon-1665593910257 .property-lists .property-item .row .col-5{
    width: 100% ;
  }

/*mobile home realtor form*/
.modal-content{
top: 55px;
}

/*mobile offcanvas menu*/
.offcanvas-menu .offcanvas-inner ul.menu li .menu-separator{
width:250px;
}

.offcanvas-menu .offcanvas-inner ul.menu li ul.menu-child li .menu-separator{
font-size: 14px;
}

  /*mobile version left menu witdh*/
.left-side-menu{
width: 100%;
}

.view-article #sp-component{
flex: 0 0 100%;
}

/*Home mobile agents*/
#sppb-addon-1662774573123 .sppb-addon .sppb-addon-content .card-top .card-image{
flex: 0 0 50%;
}

#sppb-addon-1662774573123 .sppb-addon .sppb-addon-content .card-top .card-info{
flex: 0 0 50%;
}

#sppb-addon-1662774573123 .sppb-addon .sppb-addon-content .card-top{
padding: 0 20px;
}

#sppb-addon-1663097656778 .sppb-addon .sppb-addon-content .card-top .card-image{
flex: 0 0 50%;
}

#sppb-addon-1663097656778 .sppb-addon .sppb-addon-content .card-top .card-info{
flex: 0 0 50%;
}

/*Home mobile Award image*/
#section-id-1659633891089 .sppb-col-md-4{
flex: 0 0 33.33%;
}

#sppb-addon-1659633891092 img{
height: 33%;
width: 100%;
}


/*mobile version home recent sales detail page*/
#sp-main-body > .container > .container-inner 
 > .row > .col-lg-12 > .sp-column .row{
display: block;
}

#sp-main-body .row .col-lg-12 .row .col-8{
width: 100%;
padding-top: 20px;
}

#sp-main-body .row .col-lg-12 .row .col-8 .view-list-detail .list-description .detail-description p{
font-family: 'Inter';
font-size: 16px;
line-height: 28px;
}

#sp-main-body .row .col-lg-12 .row .col-8 .view-list-detail .list-google-map .tabs{
padding-bottom: 20px;
}

#sp-main-body .row .col-lg-12 .row .col-4{
width: 100%;
padding-top: 20px;
}

/*mobile version left menu width top*/
#sp-main-body{
padding: 0 0 20px 0 !important;
}

  /*mobile version footer img*/
  #sppb-addon-wrapper-1659744341186{
    margin:  0 !important;
  }

#sp-menu{
position: absolute !important;
right: 20px;
}
.contact-info-right div{
text-align:center;
}
#sppb-addon-1659547153973 #btn-1659547153973.sppb-btn{
padding:12px 100px;
}

#column-id-1659547153947.sppb-column{
padding-right:10px !important;
padding-left:0px !important;
}
.sppb-column{
height:100% !important;
}
#sppb-addon-1659547153951{
padding-bottom: 0px;
}
.bottom-img .sppb-col-md-4{
margin-bottom: 20px;
}
#btn-1659633891107.sppb-btn{
padding: 12px 126px;
}
#btn-1659633891110.sppb-btn{
padding: 12px 126px;
}


.properties-wrapper{
margin-top:20px;
}
.property-lists .property-item{
padding-bottom:80px;
}
.properties-wrapper .property-lists .property-item .ant-row{
display:block;
}
.properties-wrapper .property-lists .property-item .ant-row .ant-col{
max-width:100%
}
#sp-main-body{
padding: 50px 0;
}
.advance-search .gx-5{
display: block;
}
.advance-search .gx-5 .col-6{
width:100%;
}

#sp-footer {
color: #001335 !important;
}

#sp-footer1 .sp-column {
    text-align: center !important;
}}

/*header menu*/
#sp-header .container #sp-menu.col-lg-9{
width:100%;
}

/*home btn width*/
#section-id-1670010862176 .sppb-col-md-6 a{
width:240px;
}

/*free evaluation*/
#custom-form-152 hr{
display:none;
}

#custom-form-152 .row{
margin-bottom: 30px;
}

#custom-form-152 .row:last-child{
margin-bottom: 0px;
}

/*Contact us page hide inquiry form title*/
#column-wrap-id-1661185219774 .mod-custom-form-json h2{
  display: none;
}

/*industrial properties for sale */
#sppb-addon-1669939846161 .sppb-addon-content a{
  width: 200px;
}

#sppb-addon-1669940433184 .card-info a{
color: white;
}

/*Homepage Why buy or sell section*/
#section-id-1667496721176{
  max-width: 1290px;
  margin: auto !important;
}

h3{
font-family: 'Inter' !important;
}

/*top menu background*/
#section-id-1659128589845{
background-color: #10316b !important;
}

.sp-megamenu-parent .sp-dropdown .sp-has-child li.sp-menu-item .sp-menu-separator:hover{
color:#fff;
}

@media screen and (max-width:430px){
#sp-menu{
position: absolute !important;
right: 20px;
}
.contact-info-right div{
text-align:center;
}
#sppb-addon-1659547153973 #btn-1659547153973.sppb-btn{
padding:12px 100px;
}

#column-id-1659547153947.sppb-column{
padding-right:10px !important;
padding-left:0px !important;
}
.sppb-column{
height:100% !important;
}
#sppb-addon-1659547153951{
padding-bottom: 0px;
}
.bottom-img .sppb-col-md-4{
margin-bottom: 20px;
}
#btn-1659633891107.sppb-btn{
padding: 12px 126px;
}
#btn-1659633891110.sppb-btn{
padding: 12px 126px;
}


.properties-wrapper{
margin-top:20px;
}
.property-lists .property-item{
padding-bottom:80px;
}
.properties-wrapper .property-lists .property-item .ant-row{
display:block;
}
.properties-wrapper .property-lists .property-item .ant-row .ant-col{
max-width:100%
}
#sp-main-body{
padding: 50px 0;
}
.advance-search .gx-5{
display: block;
}
.advance-search .gx-5 .col-6{
width:100%;
}}

/*header menu width*/
#sp-menu.mt-4{
width: 100%;
}

#sp-menu.col-lg-9{
width: 100%;
}

.header-sticky .header-top-content{
display: flex !important;
}

/*left side menu*/
#sp-left.col-lg-4{
width:25%;
}

/* article main column: scope by Bootstrap col so sidebar pages = 75%, full-width = 100% */
.view-article #sp-component.col-lg-9 { flex: 0 0 75%; }
.view-article #sp-component.col-lg-12 { flex: 0 0 100%; }