@import url('https://fonts.googleapis.com/css2?family=Sarala&display=swap');@import url('https://fonts.googleapis.com/css2?family=Sarala&display=swap');@import url('https://fonts.googleapis.com/css2?family=Sarala&display=swap');@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');@import url('https://fonts.googleapis.com/css2?family=Playfair Display&display=swap');
/* IDX Colors */
:root {
    --idxcolors--main-background: #FFFFFF;
    --idxcolors--main-text: #000000;
    --idxcolors--secondary-background: #F8FAFC;
    --idxcolors--secondary-text: #000000;
    --idxcolors--featured-color: #000000;
    --idx-main-color: #000000;
    --idx-main-text-color: #ffffff;
    --idx-main-hover-color: #ffffff;
    --idx-main-hover-text-color: #be9f4c;
    --idx-sec-color: #000000;
    --idx-sec-text-color: #ffffff;
    --idx-sec-hover-color: #be9f4c;
    --idx-sec-hover-text-color: #ffffff;
    --idx-border: 0px solid #00000000;
    --idx-map-tag-color: #000000;
    --idx-map-tag-text-color: #ffffff;
    --idx-map-tag-color-sold:  rgba(223,51,38,1);
    --idx-main-font: 'Inter';
    --idx-title-font: 'Playfair Display';
    --idx-sec-font: 'Inter';
    --idx-link-color: #be9f4c;
    --idx-link-hover-color: #000000;
    --idx-map-pin-active: ;
    --idx-map-pin-featured: ;
    --idx-map-pin-sold: ;
    --idxcolors-popup--overlay-color: #000000;
    --idxcolors-popup--overlay-opacity: 0.9;
    --idxcolors-popup--box-radius: 0px;
    --idxcolors-popup--box-border: 1px solid #000;
    --idxcolors-popup--box-image: url('https://i.imgur.com/4j3B4pD.jpeg');
    --idxcolors-search--input-bg: #ffffff;
    --idxcolors-search--input-border-width: 1px;
    --idxcolors-search--input-border-color: #000000;
    --idxcolors-search--input-radius: 0px;
    --idxcolors-search--input-height: 40px; 
    --idxcolors-search--button-height: 40px;
    --idxcolors-search--button-radius: 25px;
    --idxcolors-search--button-border-size: 2px;
    --idxcolors-search--button-border-color: #00000000;
    --idxcolors-search--button-border-color-hover: #be9f4c;
    --idxcolors-search--sec-button-border-size: 2px;
    --idxcolors-search--sec-button-border-color: #000000;
    --idxcolors-search--sec-button-border-color-hover: #be9f4c;
    --idxcolors-dashboard--nav-bg: #343a40; 
   --idxcolors-dashboard--nav-text: #c9c9c9;
   --idxcolors-dashboard--nav-submenu-bg: #343a40;
   --idxcolors-dashboard--nav-submenu-text: #be9f4c;
   --idxcolors-dashboard--nav-submenu-bg-hover: #343a40;
   --idxcolors-dashboard--nav-submenu-text-hover: #ffffff;
   --idxcolors-dashboard--mobile-menu-bg: #ffffff;
   --idxcolors-dashboard--mobile-menu-text: #be9f4c;
   --idxcolors-dashboard--mobile-menu-bg-active: #ffffff;
   --idxcolors-dashboard--mobile-menu-text-active: #000000;
   --idxcolors--main-image: ;
   --idxcolors-page--text-featured: #000000;
   --idxcolors-search--input-text: #be9f4c;
   --idxcolors-search--input-placeholder: #000000;
   --idxcolors-btn--outlined-bg: transparent;
   --idxcolors-btn--outlined-text: #000000;
   --idxcolors-btn--outlined-border-color: #000000;
   --idxcolors-btn--outlined-border-size: 1px;
   --idxcolors-btn--outlined-bg-hover: #000000;
   --idxcolors-btn--outlined-text-hover: #ffffff;
   --idxcolors-btn--outlined-border-color-hover: #000000;
   --idx-map-tag-color-pending: #be9f4c;
   --idx-map-tag-color-activeundercontract: #c4d98e;
   --idxcolors--cell-bg: #FFFFFF;
   --idxcolors--cell-text: #000000;
   --idxcolors--cell-featured-text: #000000;
   --idxcolors--cell-radius: 0px;
   --idxcolors--cell-badge-bg: #000000;
   --idxcolors--cell-badge-text: #FFFFFF;
   --idxcolors--cell-badge-radius: 22px;
}