/* This file is used to override css ruls. It has to be included in the the Template style -> Custom code -> Custom CSS files */
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1500px;
}
/*
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 100;
  src: url('../../../../common-components/fonts/antonio-v21-latin-100.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 200;
  src: url('../../../../common-components/fonts/antonio-v21-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 300;
  src: url('../../../../common-components/fonts/antonio-v21-latin-300.woff2') format('woff2'); 
}
*/
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../common-components/fonts/antonio-v21-latin-regular.woff2') format('woff2');
}
/*
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 500;
  src: url('../../../../common-components/fonts/antonio-v21-latin-500.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 600;
  src: url('../../../../common-components/fonts/antonio-v21-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'RWB Antonio';
  font-style: normal;
  font-weight: 700;
  src: url('../../../../common-components/fonts/antonio-v21-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'RWB Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../common-components/fonts/roboto-v48-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'RWB Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../../../../common-components/fonts/roboto-v48-latin-italic.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'RWB Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../../../common-components/fonts/roboto-v48-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'RWB Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../../../../common-components/fonts/roboto-v48-latin-700italic.woff2') format('woff2');
}
*/
#rwb-content-section {
    --white: white;
    --grey: #f9f9f9;
    background: linear-gradient(
    to bottom right, var(--white) 0 50%, var(--grey) 50% 100%);
} 
@font-face {
  font-family: 'RWB Bebas-neue';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../common-components/fonts/bebas-neue-v15-latin-regular.woff2') format('woff2');
}

.rwb-sold-listings-section {
	background-color: #fff;
	background-image: url('../images/buildings-background.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	background-size: cover;     
	border-top: 5px solid #ddd;
	border-bottom: 5px solid #ddd;
}
.rwb-quick-search-section,
.rwb-featured-listings-section,
.rwb-testimonials-section{
	padding: 50px 0;
}
.rwb-quick-search-section{
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 5px solid #ddd;
}
.rwb-testimonials-section{
	background: #f9f9f9;
	border-top: 5px solid #ddd;
}

.featured-listings{
  /* adjust these two to your brand */
  --white: white;
  --grey: #f9f9f9;
  background: linear-gradient(
    to bottom right, var(--white) 0 50%, var(--grey) 50% 100%);
}

.rwb-agent-contact-section,
.rwb-agent-contact-section a {
	background: var(--bs-primary);
	color: #fff;
	text-decoration: none;
}

#rwb-footer-section {
  flex-grow: 1; /* take up remaining space */
}
#rwb-footer-section a {
	text-decoration: underline !important;
	color: #fff;
}
#rwb-footer-section a:hover {
	color: #fff !important;
	text-decoration: none !important;
}
section#rwb-footer-section { /* DO NOT CHANGE! */
    background: var(--bs-primary);
    padding-bottom: 50px;
}


body.astroid-framework  .rwb-top-contact-and-social-links-section{
  font-family: 'RWB Antonio', Arial, Helvetica, sans-serif;
  font-weight: 400;     
}

body.astroid-framework .astroid-nav > li > .as-menu-item{
  padding-bottom: 20px;
}
body.astroid-framework .astroid-nav > li > .as-menu-item,
body.astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, 
body.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item {
  font-family: 'RWB Antonio', Arial, Helvetica, sans-serif;
  font-weight: 500;     
  line-height: 30px;
  text-transform: uppercase;
}
body.astroid-framework .astroid-nav > li > .as-menu-item .nav-subtitle{
  font-family: 'RWB Antonio', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 16px;
  color: var(--bs-gray-300);
  text-transform: capitalize;
}

.listing-header div.listing-addr,
.listing-header div.listing-municipality{
  font-family: 'RWB Antonio', Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: 300;
}
.rwb-button i{
	font-size: 80%;
}
.rwb-button {
   font-size: clamp(1.0em, .2em + 1.5vw, 2.0em);
   border: 7px solid var(--bs-primary);
   background: var(--bs-white);
   color: var(--bs-primary) !important;
   box-shadow: 0 6px 12px rgba(0,0,0,0.7);
}
.rwb-button:hover {
   border: 7px solid var(--bs-primary);
   background: var(--bs-primary);
   color: var(--bs-white) !important;
   box-shadow: 0 6px 12px rgba(0,0,0,0.7);
}


.rwb-h1{
     text-align: center;
}
.rwb-button-color-1{
     background-color: var(--bs-primary, #000);
     color:   var(--bs-primary, #000);
     border: 1px solid  var(--bs-secondary, #000);
     text-transform: uppercase;
     font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
     font-size: 150%;
}
.rwb-button-color-1:hover{
     color:   var(--bs-primary, #000);
     background-color: var(--bs-white, #fff);
     border: 1px solid  var(--bs-primary, #000);
}

.rwb-button-bg{
    background-color:  var(--bs-primary, #000);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ddd;
}
.rwb-button-bg:hover{
    background-color:  var(--bs-secondary, #000);
    color: white;
}


body.astroid-framework h1, body.astroid-framework .h1,
body.astroid-framework h2, body.astroid-framework .h2,
body.astroid-framework h3, body.astroid-framework .h3,
body.astroid-framework h4, body.astroid-framework .h4,
body.astroid-framework h5, body.astroid-framework .h5,
body.astroid-framework h6, body.astroid-framework .h6{
  font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
  font-weight: 400;      /* uses regular */

}
body.astroid-framework h1, body.astroid-framework .h1 { font-size: clamp(2.0em, 1.2em + 2.5vw, 3.5em); }
body.astroid-framework h2, body.astroid-framework .h2 { font-size: clamp(1.75em, 1.15em + 2.0vw, 2.5em); }
body.astroid-framework h3, body.astroid-framework .h3 { font-size: clamp(1.35em, 1.0em + 1.5vw, 1.8em); }
body.astroid-framework h4, body.astroid-framework .h4 { font-size: clamp(1.20em, 0.95em + 1.1vw, 1.6em); }
body.astroid-framework h5, body.astroid-framework .h5 { font-size: clamp(1.10em, 0.90em + 0.9vw, 1.4em); }
body.astroid-framework h6, body.astroid-framework .h6 { font-size: clamp(1.00em, 0.85em + 0.6vw, 1.2em); }

body.astroid-framework h1, body.astroid-framework .h1{
     margin-bottom: 20px;
}

body.astroid-framework .astroid-container, .body.astroid-framework .astroid-container{
  font-family: 'RWB Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;      /* uses regular */
}
body .btn {
     border-radius: 0;
     color:white;
}

body.astroid-framework h1, body.astroid-framework .h1,
.astroid-component-section .container-fluid{
     max-width: 100%;
}


/* START: EXPAND FOOTER TO FILL VIEWPORT */
html, body {
  height: 100%;
  margin: 0;
}

.astroid-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* take full height of viewport */
}

/* let all other sections size naturally, but footer grows to fill remaining space if needed */
.astroid-wrapper > section {
  flex-shrink: 0; /* prevent squishing */
}


form#leadForm {
    margin-top: 30px;
}
.rwb-agent-header-section{
     background: var(--bs-white);
     box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.rwb-top-contact-and-social-links-section{
     background: var(--bs-primary);
     padding: 10px 0;
}
.rwb-top-contact-and-social-links-section a{
     color: var(--bs-white);
     text-decoration: none;
}
.rwb-top-contact-and-social-links-section .rwb-top-contact-links{
     justify-content: flex-start;
     display: flex;
}
.rwb-top-contact-and-social-links-section .rwb-top-social-links{
     justify-content: flex-end;
     display: flex;
}
/* Override for medium screens and smaller */
@media (max-width: 991.98px) {
    .rwb-top-contact-and-social-links-section .rwb-top-contact-links,
    .rwb-top-contact-and-social-links-section .rwb-top-social-links {
        justify-content: center;
        text-align: center !important;
    }
}
.astroid-header-section.rwb-main-menu-section{
     background: var(--bs-secondary);
}
.rwb-main-menu-section .astroid-nav .nav-link{
     color: var(--bs-primary);
}

.website-slideshow-section{
	border-bottom: 2px solid var(--bs-gray-500);
	box-shadow: 0 4px 6px -2px rgba(0,0,0,0.2);
}
nav span i.fab,
nav span i.fas {
     font-size: 30px;
     padding-right: 10px;
}
.megamenu-container{
     border-top: 1px solid var(--bs-border-color);
     border-left: 1px solid var(--bs-secondary);
     border-right: 1px solid var(--bs-secondary);
     border-bottom: 12px solid var(--bs-secondary);
     border-radius: 0 0 10px 10px;
     padding-bottom: 30px;
}
.astroid-nav .nav-submenu>li{
     border-bottom: 1px solid var(--bs-border-color);
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky){
     padding: 0;
}

.astroid-framework .astroid-nav > li > .as-menu-item {
     padding-top: 20px;
}
.astroid-nav .nav-submenu>li>.as-menu-item {
     padding: 10px 15px;
}

ul.nav-submenu.megamenu-submenu-level-1 {
    padding-bottom: 0 !important;
}
a.as-menu-item.megamenu-title.megamenu-item-link.item-link-component.item-level-2{
     padding: 12px;
}

.astroid-framework .nav-submenu-container .nav-submenu > li{
     line-height: 3em;
}
.astroid-mobilemenu {
     color: var(--bs-primary);
     z-index: 9999;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back{
     color: var(--bs-primary);
     text-transform: uppercase;
     font-size: 130%;
     font-family: 'RWB Antonio', Arial, Helvetica, sans-serif;
}
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back,
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus-item{
     color: var(--bs-primary);
}
li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-megamenu:hover,
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back:hover,
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back:hover,
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus-item:hover{
     color: var(--bs-white);
     background: var(--bs-primary);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{
     background: var(--bs-secondary);
     color: var(--bs-white);
}
a.as-menu-item.nav-link.active.item-link-heading.item-level-1:hover{
     color: inherit;
}
a.as-menu-item.megamenu-title.active.megamenu-item-link.item-link-component.item-level-2:hover,
.megamenu-container li.nav-item-submenu>a.active:hover,
li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-dropdown:hover,
li.nav-item-submenu.nav-item-level-2.nav-item-current.nav-item-active.menu-item.dropdown-menus-item:hover,
li.nav-item.nav-item-level-1.nav-item-current.nav-item-active:hover,
li.nav-item-level-1:hover,
.astroid-mobilemenu span.menu-indicator:hover,
a.as-menu-item.nav-link.megamenu-item-link.item-link-heading.item-level-1:focus,
a.as-menu-item.nav-link.megamenu-item-link.item-link-heading.item-level-1:hover,
li.nav-item.nav-item-level-1.nav-item-default.nav-item-current.nav-item-active:hover,
li.nav-item-level-1:hover > a,
li.nav-item-level-1:hover >.nav-title-text,
.megamenu-container li.nav-item-submenu>a:hover{
     background: var(--bs-primary);
     color: var(--bs-white);
}
.burger-menu-button .box {
     margin: 10px 2px 12px;
     background: var(--bs-primary);
}
.burger-menu-button.header-mobilemenu-trigger .inner, 
.burger-menu-button.header-mobilemenu-trigger .inner:before, 
.burger-menu-button.header-mobilemenu-trigger .inner:after{
     background-color:  var(--bs-white);
}
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a+.menu-indicator,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a,
.astroid-mobilemenu span.menu-indicator,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner{
     color: inherit;
}
a.as-menu-item.nav-link.item-link-component.item-level-1:hover,
a.as-menu-item.nav-link.active.item-link-component.item-level-1{
     color: var(--bs-primary);
     background: var(--bs-white);
     text-decoration: underline;
}
.megamenu-container li.nav-item-submenu>a.active,
.astroid-mobilemenu .astroid-mobilemenu-container a.as-menu-item.nav-link.active.item-link-component.item-level-1,
a.as-menu-item.megamenu-title.active.megamenu-item-link.item-link-component.item-level-2,
li.nav-item.nav-item-level-1.nav-item-default.nav-item-current.nav-item-active,
li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-dropdown,
li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-megamenu,
li.nav-item.nav-item-level-1.nav-item-current.nav-item-active,
a.nav-link.active.megamenu-item-link.item-link-heading.item-level-1{
     background: var(--bs-primary);
     color: var(--bs-white);
}

.astroid-nav .nav-link:focus{
     color: var(--bs-secondary);
}

.rwb-designed-and-powered-by {
     text-align: center;
     font-size: 85%;
}

h1,h2,h3{
     color: var(--bs-primary);
     text-align: center;
}
label{
     color:  var(--bs-primary, #000);
     font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
     font-size: 110%;
}
.control-label{
     text-transform: uppercase;
}
.read-only{
     cursor: not-allowed;
     color: var(--bs-primary, #000);
}
form .btn.rwb-button-disabled {
    background-color: var(--bs-primary, #000);
    opacity: .4;
    border: 1px solid var(--bs-primary, #000);
}

form .rwb-select-type select {
    @media screen and (min-width: 768px){
      padding: 52px 20px; /* property match */
    }
}
label span.star {
     color: #ff0000;
}
.controls input::placeholder {
    color: var(--bs-gray-500, #b2b2b2) !important;
    opacity: 1;
}
/* For better browser support, include vendor prefixes */
.controls input::-webkit-input-placeholder { color: var(--bs-gray-100, #b2b2b2); } /* Chrome, Safari, Edge */
.controls input:-moz-placeholder { color: var(--bs-gray-100, #b2b2b2); } /* Firefox 4-18 */
.controls input::-moz-placeholder { color: var(--bs-gray-100, #b2b2b2); } /* Firefox 19+ */
.controls input:-ms-input-placeholder { color: var(--bs-gray-100, #b2b2b2); } /* Internet Explorer 10-11 */

form .options-form > legend {
     color: var(--bs-primary, #000);
     text-transform: uppercase;
     font-weight: 400;
     font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
}

.rwb-radio-inline {
    width: 100%;
    padding: 20px 0 21px 0;
    margin-bottom: 1rem;
    color: #495057;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid #b2bfcd;
}
.rwb-radio-inline .form-check {
    display: inline-block;
    margin-left: 25px;
}

.rwbform_working_with_agent fieldset{
     margin-bottom: 0;
}
gmp-place-autocomplete {
    border: 1px solid var(--bs-primary);
}
gmp-place-autocomplete:focus,
gmp-place-autocomplete:focus-visible {
    border: 1px solid var(--bs-primary);
}
button.btn.btn-primary.single-property-class,
.search-class-options .search-single-property-class,
input.search-options-submit {
     font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
     font-size: 150%;
}
label.btn.btn-outline-primary.quick-search-property-class,
label.btn.btn-outline-primary.search-property-class{
     font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
     font-size: 130%;
}
/* Tune these two knobs */
:root{
  /* use the SAME value you previously had as the button's top margin */
  --rwb-section-top: clamp(96px, 16vw, 360px);  /* was the button's old top margin */
  --rwb-gap: 50px;                               /* distance between sentence and button */
}

/* container */
.leased-sold-listings{ margin: 0; text-align: center; }

/* tagline line */
.rwb-tagline{
  max-width: 60ch;
  margin: var(--rwb-section-top) auto 0;   /* put the big top margin here */
  text-align: center;
  font-size: clamp(1.5rem, 0.4rem + 1.5vw, 2rem);
  line-height: 0.5;
  font-style: italic;
}

/* opening quote */
.rwb-tagline::before{
  content: "\201C";
  display: inline-block;
  font-size: 5em;
  line-height: 0.1;
  vertical-align: -0.42em;
  color: var(--bs-primary);
  margin-right: .15em;
  font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
}

/* responsive outlined button (same as before, but with a fixed 50px top gap) */
.leased-sold-listings .btn-lease-sold{
  display: inline-block;

  /* NEW: 50px gap above; keep a fluid bottom margin below the button */
  margin-top: var(--rwb-gap);
  margin-bottom: clamp(96px, 16vw, 360px);

  padding: clamp(.7rem, .4rem + 1.8vw, 1.6rem) clamp(1.2rem, .7rem + 3vw, 3rem);
  font-size: clamp(1.1rem, .9rem + 2.6vw, 2.6rem);
  border: clamp(4px, 1.2vw, 12px) solid currentColor;

  background: transparent;
  color: var(--bs-red);
  text-decoration: none;
  line-height: 1.2;
  min-height: 44px;
  transition: color .2s ease, border-color .2s ease;
}

.leased-sold-listings .btn-lease-sold:hover,
.leased-sold-listings .btn-lease-sold:focus{
  color: var(--bs-primary);
  border-color: currentColor;
  text-decoration: none;
  outline: none;
}

.leased-sold-listings .btn-lease-sold:focus-visible{
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
/* target your links */
.group_links .rwb-arrow-bullet a{
  display: inline-flex;
  align-items: center;
  gap: .6em;           
  text-decoration: none;
}

/* the “double arrow” */
.group_links .rwb-arrow-bullet a::before{
  content: "››";         
  letter-spacing: -0.2em; 
  font-size: 1.2em;        
  color: var(--bs-primary); 
  opacity: .85;
  transition: transform .15s ease;
}

.group_links .rwb-arrow-bullet a:hover{
  color: var(--bs-secondary);

}
.group_links .rwb-arrow-bullet a:hover::before{
  transform: translateX(4px);
}
img.agent-img,
img.company-logo {
	max-width: 180px;
}
.independently-operated,
.agent-designation{
	font-size: 90%;
}