:root { font-size: clamp(16px, 1vw, 20px) !important; }

/* FOR DEMO ONLY */
.brokerage-logo{
        position: absolute;
        top: 0;
        left: 0;
}
.brokerage-logo img {
  width: clamp(5rem, 10vw, 8rem);
  height: auto;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: clamp(0.1rem, 2vw, 1.5rem);
  margin-left: clamp(0.1rem, 2vw, 1.5rem);
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  border-bottom: 0.3rem solid var(--bs-primary);
}

.real-estate-logo{
    position: absolute;
    top: 0;
    left: 0;
}

/* END OF FOR DEMO ONLY */

body { --as-mobilemenu-menu-icon-color: #ffffff !important; }

body.itemid-101 .astroid-contact-address {
	display: none;
}
body.itemid-101 .astroid-contact-info span:not(:first-child) {
	margin-left: 0;
}
/* This file is used to override css ruls. It has to be included in the the Template style -> Custom code -> Custom CSS files */
body.view-nocontent .astroid-component-section {
    padding: 0;
}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1500px;
}

body .grecaptcha-badge { /* fixing the problem  position: initial !important; set in the media/com_joomtestimonials/list/default/default.css file */
    position: fixed !important;
 }
/* Force Bootstrap Icons font; If not, the icons won't display correctly if the testimonials module is loaded, which causes conflicts */
.pagination .icon-angle-double-left::before,
.pagination .icon-angle-left::before,
.pagination .icon-angle-right::before,
.pagination .icon-angle-double-right::before {
    font-family: "bootstrap-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-block;
}

/* Replace glyphs */
.pagination .icon-angle-double-left::before {
    content: "\f27f" !important;
}

.pagination .icon-angle-left::before {
    content: "\f284" !important;
}

.pagination .icon-angle-right::before {
    content: "\f285" !important;
}

.pagination .icon-angle-double-right::before {
    content: "\f280" !important;
}
.rwb-hr {
	border: 0;
	height: 1px;
	width: 95%;
	margin: 1rem auto;
	background: linear-gradient(
		to right,
		transparent 0%,
		currentColor 15%,
		currentColor 85%,
		transparent 100%
	);
}

.rwb-max-width-1500{
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 10px;
}


.rwb-max-width-2000{
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 10px;
}

.rwb-footer-sold-listings-section,
.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-footer-testimonials-section,
.rwb-footer-power-of-sale-alert-section,
.rwb-footer-real-estate-reports-subscription-section,
.rwb-footer-free-home-evaluation-section{
	border-top: 5px solid var(--bs-primary);
	padding: 3.125rem 0;
	
}
.rwb-real-estate-reports-subscription-section,
.rwb-explore-listings-your-way-section,
.rwb-my-services-section,
.rwb-calculators-section,
.rwb-video-channel-section,
.rwb-free-home-evaluation-section,
.rwb-quick-search-section,
.rwb-featured-listings-section,
.rwb-testimonials-section{
	padding: 3.125rem 0;
}
.rwb-free-home-evaluation-section{
	border-bottom: 5px solid #ddd;
}
.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-footer-section {
  flex-grow: 1; /* take up remaining space */
}
.rwb-agent-contact-section,
.rwb-agent-contact-section a,
section#rwb-footer-section { /* DO NOT CHANGE! */
    background: var(--bs-dark);
    color: #fff;
    text-decoration: none;
}

#astroid-mobilemenu-wrap .rwb-menu-heading a,
.rwb-menu-heading a {
    pointer-events: none;
    border-bottom: 1px solid var(--as-dropdown-link-color);
    text-transform: uppercase;
    font-weight: normal;
    
}
#astroid-mobilemenu-wrap .rwb-menu-heading a .nav-title-text,
.rwb-menu-heading a .nav-title-text {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}

#astroid-mobilemenu-wrap .rwb-menu-heading a .nav-title-text::after,
.rwb-menu-heading a .nav-title-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--as-dropdown-link-color);
}

body.astroid-framework  .rwb-top-contact-and-social-links-section{
  font-family: var(--rwb-font-primary-menu-heading);
  font-weight: 400;     
}

body.astroid-framework .astroid-nav > li > .as-menu-item{
  padding-bottom: 1.25rem;
}
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: var(--rwb-font-primary-menu-heading);
  font-weight: 500;     
  line-height: 30px;
  text-transform: uppercase;
}
body.astroid-framework .astroid-nav > li > .as-menu-item .nav-subtitle{
  font-family: var(--rwb-font-primary-menu-heading);
  font-weight: 100;
  font-size: 1rem;
  color: var(--bs-gray-300);
  text-transform: capitalize;
}

.listing-header div.listing-addr,
.listing-header div.listing-municipality{
  font-family: var(--rwb-font-primary-menu-heading);
  font-size: 120%;
  font-weight: 300;
}
.rwb-h1{
     text-align: center;
}

.astroid-header a.rwb-button-color-1,
form .rwb-button-color-1,
.astroid-section .rwb-button-color-1,
.rwb-content-section .rwb-button-color-1,
.rwb-button-color-1{
     background-color: var(--bs-primary, #000);
     color:   var(--bs-white, #000);
     border: 1px solid  var(--bs-light, #000);
     text-transform: uppercase;
     font-family: var(--rwb-font-primary-heading);
     font-size: 150%;
}
.astroid-header a.rwb-button-color-1:hover,
form .rwb-button-color-1:hover,
.astroid-section .rwb-button-color-1:hover,
.rwb-content-section .rwb-button-color-1:hover,
.rwb-button-color-1:hover{
     color:   var(--bs-white, #000);
     background-color: var(--bs-secondary, #000);
     border: 1px solid  var(--bs-primary, #000);
}

.astroid-header a .rwb-button-bg,
form .rwb-button-bg,
.rwb-button-bg{
    background-color:  var(--bs-primary, #000);
    color: white;
    border: none;
    padding: .625rem clamp(0.25rem, 0.50rem, 1.25rem);
    cursor: pointer;
    border: 1px solid #ddd;
}
.astroid-header a .rwb-button-bg:hover,
form .rwb-button-bg:hover,
.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: var(--rwb-font-primary-heading);
  font-weight: 400;      /* uses regular */
  color: var(--bs-primary);
  text-transform: uppercase;
}


body.astroid-framework .h7{
  font-family: var(--rwb-font-primary-heading);
  font-weight: 400;      /* uses regular */
  color: var(--bs-primary);
  font-size: 1rem;
}


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

body.astroid-framework h1, body.astroid-framework .h1{
     margin-bottom: 1.25rem;
}

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;
}
body a{
    text-decoration: none;
    color: var(--bs-primary);
}
.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: 1.875rem;
}
.rwb-top-contact-and-social-links-section{
     background: var(--bs-primary);
     padding: .625rem 0;
}
/* Astroid address field is used to display agent's name */
.rwb-top-contact-and-social-links-section .astroid-contact-address{
     color: var(--bs-white);
     font-size: 150%;
}
.rwb-top-contact-and-social-links-section .astroid-contact-address i{
     display: none;
}
.rwb-top-contact-and-social-links-section .astroid-contact-address span{
    font-size: 50%;
    margin-left: 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);
     box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.rwb-main-menu-section .logo-wrapper {
     padding: 15px;
}
.rwb-main-menu-section .astroid-nav .nav-link{
     color: var(--bs-white);
}
nav span i.fab,
nav span i.fas {
     font-size: 1.875rem;
     padding-right: .625rem;
}
.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: 1.875rem;
}
.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 !important;
}

.astroid-framework .astroid-nav > li > .as-menu-item {
     padding-top: 1.25rem;
}
.astroid-nav ul .nav-submenu>li>.as-menu-item {
     padding: .625rem 1rem;
}

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: .75rem;
}

.astroid-framework .nav-submenu-container .nav-submenu > li{
     line-height: 3em;
}
.rwb-main-menu-section .astroid-mobilemenu {
     color: var(--bs-primary);
     z-index: 1050;
     width: min(300px, 80vw);
}
.rwb-main-menu-section .astroid-nav .nav-submenu>li>.as-menu-item{
	padding: 0.625rem 1rem;
}
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back{
     color: var(--bs-primary);
     text-transform: uppercase;
     font-size: 130%;
     font-family: var(--rwb-font-primary-menu-heading);
}
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back,
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus-item{
     color: var(--bs-primary);
}
.rwb-main-menu-section li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-megamenu:not(.rwb-menu-heading):hover,
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .menu-indicator-back:not(.rwb-menu-heading):hover,
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back:not(.rwb-menu-heading):hover,
.rwb-main-menu-section .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus .dropdown-menus-item:not(.rwb-menu-heading):hover{
     color: var(--bs-white);
     background: var(--bs-primary);
}

.rwb-main-menu-section a.as-menu-item.nav-link.active.item-link-component.item-level-1{
     color: var(--bs-white);
}
.rwb-main-menu-section a.as-menu-item.nav-link.item-link-component.item-level-1:hover,
.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{
     background: var(--bs-secondary);
     color: var(--bs-white);
}

.rwb-main-menu-section a.as-menu-item.nav-link.active.item-link-heading.item-level-1:hover{
     color: inherit;
}
.rwb-main-menu-section a.as-menu-item.megamenu-title.active.megamenu-item-link.item-link-component.item-level-2:hover,
.rwb-main-menu-section .megamenu-container li.nav-item-submenu:not(.rwb-menu-heading) > a.active:hover,
.rwb-main-menu-section li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-dropdown:not(.rwb-menu-heading):hover,
.rwb-main-menu-section li.nav-item-submenu.nav-item-level-2.nav-item-current.nav-item-active.menu-item.dropdown-menus-item:not(.rwb-menu-heading):hover,
.rwb-main-menu-section li.nav-item.nav-item-level-1.nav-item-current.nav-item-active:not(.rwb-menu-heading):hover,
.rwb-main-menu-section li.nav-item-level-1:not(.rwb-menu-heading):hover,
.rwb-main-menu-section .rwb-main-menu-section .astroid-mobilemenu span.menu-indicator:hover,
.rwb-main-menu-section a.as-menu-item.nav-link.megamenu-item-link.item-link-heading.item-level-1:focus,
.rwb-main-menu-section a.as-menu-item.nav-link.megamenu-item-link.item-link-heading.item-level-1:hover,
.rwb-main-menu-section li.nav-item.nav-item-level-1.nav-item-default.nav-item-current.nav-item-active:not(.rwb-menu-heading):hover,
.rwb-main-menu-section li.nav-item-level-1:not(.rwb-menu-heading):hover > a,
.rwb-main-menu-section li.nav-item-level-1:not(.rwb-menu-heading):hover > .nav-title-text,
.rwb-main-menu-section .megamenu-container li.nav-item-submenu:not(.rwb-menu-heading) > a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.rwb-main-menu-section .burger-menu-button .box {
     margin: .75rem;
}
.rwb-main-menu-section .burger-menu-button.header-mobilemenu-trigger .inner, 
.rwb-main-menu-section .burger-menu-button.header-mobilemenu-trigger .inner:before, 
.rwb-main-menu-section .burger-menu-button.header-mobilemenu-trigger .inner:after{
     background-color:  var(--bs-white);
}

.rwb-main-menu-section .nav-submenu a.active span.nav-title-text::before{
    background-color: var(--as-dropdown-menu-active-link-color);
}
/* Create a bullet square infront of a menu item */
.rwb-main-menu-section .nav-submenu span.nav-title-text::before {
    content: "";
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.5rem;
    background-color: var(--bs-primary);
    vertical-align: middle;
}

.rwb-main-menu-section .nav-submenu a:hover span.nav-title-text::before {
    background-color: var(--bs-white);
}

.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a+.menu-indicator,
.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a,
.rwb-main-menu-section .astroid-mobilemenu span.menu-indicator,
.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a,
.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner{
     color: inherit;
}

.rwb-main-menu-section .megamenu-container li.nav-item-submenu>a.active,
.rwb-main-menu-section .astroid-mobilemenu .astroid-mobilemenu-container a.as-menu-item.nav-link.active.item-link-component.item-level-1,
.rwb-main-menu-section a.as-menu-item.megamenu-title.active.megamenu-item-link.item-link-component.item-level-2,
.rwb-main-menu-section li.nav-item.nav-item-level-1.nav-item-default.nav-item-current.nav-item-active,
.rwb-main-menu-section li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-dropdown,
.rwb-main-menu-section li.nav-item-level-1.nav-item-active.nav-item-deeper.nav-item-parent.has-megamenu.nav-item-megamenu,
.rwb-main-menu-section li.nav-item.nav-item-level-1.nav-item-current.nav-item-active,
.rwb-main-menu-section a.nav-link.active.megamenu-item-link.item-link-heading.item-level-1{
     background: var(--bs-primary);
     color: var(--bs-white);
}


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

h1,h2,h3{
     color: var(--bs-primary);
     text-align: center;
}
.form-label{
     margin-bottom: 0;
}
label{
     color:  var(--bs-primary, #000);
     font-family: var(--rwb-font-primary-heading);
     font-size: clamp(1rem, 3vw, 1.2rem);
}
.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: 3.25rem 1.25rem; /* 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 { /*do not remove form */
     color: var(--bs-primary, #000);
     text-transform: uppercase;
     font-weight: 400;
     font-family: var(--rwb-font-primary-heading);
     background-color: transparent;
}

.rwb-radio-inline {
    width: 100%;
    padding: 1.25rem 0 1.27rem 0;
    color: #495057;
    background-color: transparent;
    border: 1px solid #b2bfcd;
    border-radius: 5px;
}
.rwb-radio-inline .form-check {
    display: inline-block;
    margin-left: 1.6rem;
}

.rwbform_working_with_agent fieldset{
     margin-bottom: 0;
}
gmp-place-autocomplete {
    border: 1px solid var(--bs-primary);
    background-color: transparent;
}
gmp-place-autocomplete:focus,
gmp-place-autocomplete:focus-visible {
    border: 1px solid var(--bs-primary);
    background-color: transparent;
}
.rwb-general-button,
button.btn.btn-primary.single-property-class,
.search-class-options .search-single-property-class,
input.search-options-submit {
     font-family: var(--rwb-font-primary-heading);
     font-size: 150%;
}
label.btn.btn-outline-primary.quick-search-property-class,
label.btn.btn-outline-primary.search-property-class{
     font-family: var(--rwb-font-primary-heading);
     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: var(--rwb-font-primary-heading);
}

/* 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: clamp(100px, 10vw, 180px);
}
.independently-operated,
.agent-designation{
	font-size: 90%;
}
.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section .options-form,
.com-rwbforms.layout-powerofsalealert .rwb-content-section .options-form,
.com-rwbforms.layout-findyourdreamhome .rwb-content-section .options-form,
.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section .options-form,
.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section .options-form,
.com-rwbforms.layout-bethefirsttoknow .rwb-content-section .options-form,
.com-rwbforms.layout-propertymatch .rwb-content-section .options-form,
.com-rwbforms.layout-freehomeevaluation .rwb-content-section  .options-form{
	background-color: transparent;
}

.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section::before {
    background-image: url("../images/sell-your-home-for-top-dollar-bg.jpg");
}

.com-rwbforms.layout-findyourdreamhome .rwb-content-section::before {
    background-image: url("../images/find-your-dream-home-bg.jpg");
}

.com-rwbforms.layout-freehomeevaluation .rwb-content-section::before {
    background-image: url("../images/free-home-evaluation-bg.jpg");
}

.com-rwbforms.layout-propertymatch .rwb-content-section::before {
    background-image: url("../images/property-match-bg.jpg");
}

.com-rwbforms.layout-bethefirsttoknow .rwb-content-section::before {
    background-image: url("../images/listing-alert-bg.jpg");
}

.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section::before {
    background-image: url("../images/sold-property-price-information-bg.jpg");
}

.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section::before {
    background-image: url("../images/in-depth-neighbourhood-report-bg.jpg");
}

.com-rwbforms.layout-powerofsalealert .rwb-content-section::before {
    background-image: url("../images/power-of-sale-alert-bg.jpg");
}
.com-rwbforms.layout-realestatereportssubscription .rwb-content-section::before,
.rwb-real-estate-reports-subscription-section:before,
.com-listingmanager.view-marketwatch .rwb-content-section::before {
    background-image: url("../images/market-report-bg.jpg");
}
.com-listingmanager.view-marketwatch .rwb-content-section::before {
	opacity: 0.4;
}
.com-rwbforms.layout-realestatereportssubscription .rwb-content-section::before,
.rwb-real-estate-reports-subscription-section:before{
	opacity: 0.05;
}
.com-rwbforms.layout-realestatereportssubscription .rwb-content-section .form-control,
.com-rwbforms.layout-realestatereportssubscription .rwb-content-section .options-form,
.rwb-real-estate-reports-subscription-section .form-control,
.rwb-real-estate-reports-subscription-section .options-form{
	background-color: transparent;
}

.rwb-video-channel-section::before,
.com-listingmanager.view-youtubechannel .rwb-content-section::before {
    background-image: url("../images/youtube-channel-bg.jpg");
}


@media (max-width: 767px) {
	.rwb-video-channel-section::before,
	.com-listingmanager.view-youtubechannel .rwb-content-section::before {
		background-image: none !important;
        	content: none;
    	}
}

.youtube-channel-wrapper,
.market-watch-wrapper {
    padding: clamp(1rem, 3vw, 3rem);
    background-color: rgba(255, 255, 255, 0.5);
}


.com-rwbforms.layout-realestatereportssubscription .rwb-content-section,
.rwb-real-estate-reports-subscription-section,
.rwb-video-channel-section,
.com-listingmanager.view-youtubechannel .rwb-content-section,
.com-listingmanager.view-marketwatch .rwb-content-section ,
.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section ,
.com-rwbforms.layout-findyourdreamhome .rwb-content-section ,
.com-rwbforms.layout-freehomeevaluation .rwb-content-section ,
.com-rwbforms.layout-propertymatch .rwb-content-section ,
.com-rwbforms.layout-bethefirsttoknow .rwb-content-section ,
.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section ,
.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section ,
.com-rwbforms.layout-powerofsalealert  .rwb-content-section {
    position: relative;
    z-index: 1;
}
.com-rwbforms.layout-realestatereportssubscription .rwb-content-section::before,
.rwb-real-estate-reports-subscription-section:before,
.rwb-video-channel-section::before,
.com-listingmanager.view-youtubechannel .rwb-content-section::before,
.com-listingmanager.view-marketwatch .rwb-content-section::before,
.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section::before,
.com-rwbforms.layout-findyourdreamhome .rwb-content-section::before,
.com-rwbforms.layout-freehomeevaluation .rwb-content-section::before,
.com-rwbforms.layout-propertymatch .rwb-content-section::before,
.com-rwbforms.layout-bethefirsttoknow .rwb-content-section::before,
.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section::before,
.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section::before,
.com-rwbforms.layout-powerofsalealert .rwb-content-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

.market-watch-wrapper {
    padding: clamp(1rem, 3vw, 3rem);
    background-color: rgba(255, 255, 255, 0.85);
}

.com-rwbforms.layout-sellyourhomefortopdollar .form-control,
.com-rwbforms.layout-powerofsalealert .form-control,
.com-rwbforms.layout-powerofsalealert .rwb-radio-inline,
.com-rwbforms.layout-findyourdreamhome .form-control,
.com-rwbforms.layout-findyourdreamhome .rwb-radio-inline,
.com-rwbforms.layout-indepthneighbourhoodreport .form-control,
.com-rwbforms.layout-soldpropertypriceinformation .form-control,
.com-rwbforms.layout-bethefirsttoknow .form-control,
.com-rwbforms.layout-propertymatch .form-control,
.com-rwbforms.layout-propertymatch .form-select,
.com-rwbforms.layout-freehomeevaluation .widget-container,
.com-rwbforms.layout-freehomeevaluation .form-select,
.com-rwbforms.layout-freehomeevaluation .form-control{
	background-color: transparent;
	border: 1px solid #ccc;
}
.form-control:focus,
.form-select:focus{
	box-shadow: none;
}
.rwb-content-section .rwb-form-page{
	 border: 1px solid rgba(0,0,0,.06);
	 padding: 2rem;
}



@media (min-width: 1200px) {
	.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-powerofsalealert .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-findyourdreamhome .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-bethefirsttoknow .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-propertymatch .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-freehomeevaluation .rwb-content-section .rwb-form-page{
		padding: 5rem;
		margin: 5rem;
		background-color: rgba(255, 255, 255, 0.95);
		text-align: justify;
	}
}

@media (max-width: 1199.98px) {
	.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-powerofsalealert .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-findyourdreamhome .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-bethefirsttoknow .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-propertymatch .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-freehomeevaluation .rwb-content-section .rwb-form-page{
		padding: 3rem;
		margin: 2rem;
		background-color: rgba(255, 255, 255, 0.95);
		text-align: justify;
	}
}
@media (max-width: 991.98px) {
	.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-powerofsalealert .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-findyourdreamhome .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-bethefirsttoknow .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-propertymatch .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-freehomeevaluation .rwb-content-section .rwb-form-page{
		padding: 2rem;
		margin: 1rem .5rem;
		background-color: rgba(255, 255, 255, 0.95);
		text-align: justify;
	}
}
@media (max-width: 767.98px) {
	.com-rwbforms.layout-sellyourhomefortopdollar .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-powerofsalealert .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-findyourdreamhome .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-indepthneighbourhoodreport .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-soldpropertypriceinformation .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-bethefirsttoknow .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-propertymatch .rwb-content-section .rwb-form-page,
	.com-rwbforms.layout-freehomeevaluation .rwb-content-section .rwb-form-page {
		padding: 1rem;
		margin: 0;
		background-color: rgba(255, 255, 255, 0.95);
  	}
}

.predefinedlisting{
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--bg) 15%, #ffffff 85%) 0%,
    color-mix(in srgb, var(--bg) 50%, #ffffff 50%) 50%,
    color-mix(in srgb, var(--bg) 95%, #000000 5%) 100%
  );
}
gmp-place-autocomplete {
	border: 1px solid #ccc;
	display: block;
	padding: .5rem;
}
.input-group gmp-place-autocomplete {
	flex: 1 1 auto;
	min-width: 0;
}
.rwb-form-page h5{
	color: var(--bs-red);
}

/* For mod_rwbforms in the sidebar positions, force 1-column only when the viewport is smaller than 2500px  */
@media (max-width: 2500px) and (min-width: 992px) {
  .col-lg-3 .mod-rwbforms .options-form .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#rwb-main-menu-section{position: sticky;top:0;}
/*----------------------------------------------*/
/* Over hang the menu on top of the hero banner */
/*----------------------------------------------*/

@media (min-width: 1400px) {

    
    body.itemid-101 .astroid-header-section.rwb-overlay-mode{
	    border-bottom: none !important;
    }
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode  .astroid-nav .nav-link{
            color: var(--bs-secondary);
    }

    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode li.nav-item.nav-item-level-1.nav-item-default.nav-item-current.nav-item-active,
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode li.nav-item-level-1:not(.rwb-menu-heading):hover > a,
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode a.as-menu-item.nav-link.megamenu-item-link.item-link-heading.item-level-1:focus,
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode li.nav-item-level-1:not(.rwb-menu-heading):hover{
            color: var(--bs-primary);
            background-color: transparent;
            text-decoration: underline;
    }
    .astroid-header-section.rwb-main-menu-section.rwb-overlay-mode{
        background-color: transparent;
        box-shadow: none !important;
    }


    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode {
        position: absolute !important;
        top: var(--rwb-overlay-top, 24px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 4000 !important;
    }

    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode .rwb-main-menu {
        display: flex;
    }

    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode .rwb-main-menu {
        justify-content: center; /* USE center, flex-start, flex-end for center, left, right */
    }


    /* Optional overlay styling */
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode nav,
    body.itemid-101 #rwb-main-menu-section.rwb-overlay-mode .astroid-module-position {
        background: rgba(255, 255, 255, 0.2);
    }
}