/* This file is used to override css ruls. It has to be included in the the Template style -> Custom code -> Custom CSS files */


/* antonio-100 - latin */
@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'); 
}
/* antonio-200 - latin */
@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');
}
/* antonio-300 - latin */
@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'); 
}
/* antonio-regular - latin */
@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');
}
/* antonio-500 - latin */
@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'); 
}
/* antonio-600 - latin */
@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');
}
/* antonio-700 - latin */
@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');
}
 
@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');
}

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

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-h1{
     text-align: center;
}
.rwb-button-color-1{
     background-color: var(--bs-primary, #000);
     color:  #fff;
     border: 1px solid  var(--bs-secondary, #000);
     text-transform: uppercase;
}
.rwb-button-color-1:hover{
     background-color: var(--bs-secondary, #000);
     border: 1px solid  var(--bs-primary, #000);
     color: var(--bs-white, #fff);
     text-transform: uppercase;
}
.rwb-button-bg{
    background-color:  var(--bs-primary, #000);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.rwb-button-bg:hover{
    background-color:  var(--bs-secondary, #000);
    color: white;
}
label{
     color:  var(--bs-primary, #000);
}


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{
  font-family: 'RWB Bebas-neue', Arial, Helvetica, sans-serif;
  font-weight: 400;      /* uses regular */

}
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 */
}

#rwb-footer-section {
  flex-grow: 1; /* take up remaining space */
}
/* END: EXPAND FOOTER TO FILL VIEWPORT */

section#rwb-footer-section {
    background: var(--bs-secondary);
}


form#leadForm {
    margin-top: 30px;
}
@media (min-width: 922px){
     nav{
          margin-left: -1.5rem;
          margin-right: -1.5rem;
     }
}
.rwb-agent-graphic-header{
     background: var(--bs-primary);
}
.rwb-top-contact-and-social-links{
     background: var(--bs-primary);
     padding: 10px 0;
}
.rwb-top-contact-and-social-links a{
     color: var(--bs-white);
     text-decoration: none;
}
.rwb-top-contact-and-social-links .rwb-top-contact-links{
     justify-content: flex-start;
     display: flex;
}
.rwb-top-contact-and-social-links .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 .rwb-top-contact-links,
    .rwb-top-contact-and-social-links .rwb-top-social-links {
        justify-content: center;
        text-align: center !important;
    }
}
.astroid-header-section.rwb-main-menu {
     background: var(--bs-secondary);
     box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.rwb-main-menu .astroid-nav .nav-link{
     color: var(--bs-white);
}
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;
}
.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-white);
     background: transparent;
}
.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{
     color: var(--bs-primary);
     text-align: center;
}