@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --custom-font: 'Figtree', sans-serif;
  --custom-font-headers: 'Playfair Display', serif;
}


/* default page props */ nav .h-16, nav .h-24 { height: var(--anna-nav-height); } @media (min-width: 1440px) { .xl\:px-40 { padding-left: var(--full-page-padding); padding-right: var(--full-page-padding); } } .h-hero-image { height: var(--banner-height) !important; } body>section.mb-16>div>div.relative.h-full.flex.flex-col.justify-center.items-center>div.mx-1.text-center.text-hero.text-white.font-bold.text-shadow.mb-8 { margin-top: var(--search-top-margin); } /* Agent Sidebar Card */ .rgsb .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 350px; margin: 0 auto 15px; text-align: center; transition: 0.3s; } .rgsb .card:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .rgsb .card button { border: none; outline: 0; display: inline-block; padding: 8px; color: #fff; background-color: var(--primary-color); text-align: center; cursor: pointer; width: 75%; font-size: 18px !important; margin-bottom: 0; border: 1px solid transparent; margin: 0 5% 2% 5%; backface-visibility: hidden; transition: 0.3s ease; } .rgsb .cardPricePoint { color: #000 !important; font-weight: bold; font-size: 14px !important; /* padding: 10px !important; */ } .rgsb .cardHeader h1 { font-size: 20px !important; border-bottom: none !important; margin-bottom: 0; margin-top: 0.75rem; } .rgsb .cardHeader p { font-size: 14px !important; margin-top: 0 !important; color: #a6a6a6 !important; border-bottom: 1px solid #c7c7c7; margin-right: 5%; margin-left: 5%; } .rgsb .card a { text-decoration: none; font-size: 16px; } /* Button Regular Transition */ .rgsb .card button:hover { background-color: var(--secondary-color) !important; color: #fff; } .rgsb .card button:active { background-color: var(--secondary-color) !important; color: #fff; } .rgsb .card button:visited { background-color: var(--secondary-color) !important; color: #fff; } .rgsb .card button:focus { background-color: var(--secondary-color) !important; color: #fff; } /* Lender Sidebar Card */ .rgsb .lenderCard { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 300px; margin: 15px auto 15px auto; text-align: center; transition: 0.3s; } .rgsb .lenderCard:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .rgsb .lenderCard button { border: none; outline: 0; display: inline-block; padding: 8px; color: var(--lender-color); background-color: #fff; text-align: center; cursor: pointer; width: 75%; font-size: 18px !important; margin-bottom: 0; border: 1px solid var(--lender-color); margin: 0 5% 2% 5%; backface-visibility: hidden; transition: 0.3s ease; } .rgsb .lenderCardPricePoint { color: #000 !important; font-weight: bold; font-size: 14px !important; padding: 10px !important; } .rgsb .lenderCardHeader h1 { font-size: 26px !important; border-bottom: none !important; margin-bottom: 0; padding-bottom: 0.5rem; padding-top: 0.5rem; } .rgsb .lenderCardHeader p { font-size: 14px !important; margin-top: 0 !important; color: #a6a6a6 !important; border-bottom: 1px solid #c7c7c7; margin-right: 5%; margin-left: 5%; margin-bottom: 0; } .rgsb .lenderCard a { text-decoration: none; font-size: 16px; } .rgsb .lenderCardPricePoint { margin-bottom: 0; } .rgsb .lenderCard img { margin: auto; } /* Button Regular Transition */ .rgsb .lenderCard button:hover { background-color: var(--lender-color) !important; color: #fff; } .rgsb .lenderCard button:active { background-color: var(--lender-color) !important; color: #fff; } .rgsb .lenderCard button:visited { background-color: var(--lender-color) !important; color: #fff; } .rgsb .lenderCard button:focus { background-color: var(--lender-color) !important; color: #fff; } /* Update Mortgage Calc Button */ .rgsb .mortgage_calculator dd:last-child a { border: none !important; outline: 0 !important; display: inline-block !important; padding: 8px !important; color: #fff !important; background-color: var(--primary-color) !important; text-align: center !important; cursor: pointer !important; width: 100% !important; font-size: 16px !important; margin-bottom: 5px !important; border: 1px solid transparent !important; text-shadow: none !important; backface-visibility: hidden; transition: 0.3s ease; } .rgsb .mortgage_calculator dd:last-child a:hover { background-color: var(--secondary-color) !important; color: #fff !important; } .rgsb .mortgage_calculator dd:last-child a:active { background-color: var(--secondary-color) !important; color: #fff !important; } .rgsb .mortgage_calculator dd:last-child a:visited { background-color: var(--secondary-color) !important; color: #fff !important; } .rgsb .mortgage_calculator dd:last-child a:focus { background-color: var(--secondary-color) !important; color: #fff !important; } /* Site Buttons */ .rgsb .userButtonBody { width: 50%; margin: auto; } .rgsb .userButton button { border: none; outline: 0; display: inline-block; padding: 0.75rem; color: #fff; background-color: var(--primary-color); text-align: center; cursor: pointer; /* width: 100%; */ font-size: 1rem !important; margin-bottom: 0; border: 1px solid transparent; /* border-radius: 4px; */ transition: 0.3s ease; } .rgsb .userButton.full button { width: 100%; } .rgsb .userButton.body button { width: auto; } /* Button Regular Transition */ .rgsb .userButton button:hover { background-color: var(--secondary-color) !important; color: #fff; transform: var(--button-hover-shift); box-shadow: var(--button-hover-shadow); } .rgsb .userButton button:active { background-color: var(--secondary-color) !important; color: #fff; transform: var(--button-hover-shift); box-shadow: var(--button-hover-shadow); } .rgsb .userButton button:visited { background-color: var(--secondary-color) !important; color: #fff; transform: var(--button-hover-shift); box-shadow: var(--button-hover-shadow); } .rgsb .userButton button:focus { background-color: var(--secondary-color) !important; color: #fff; transform: var(--button-hover-shift); box-shadow: var(--button-hover-shadow); } /* sign up widget checkmark */ .sidebar .fa-check { color: var(--primary-color); font-size: 1.5em; } /* review stars */ .review-stars { margin-top: 10px; } .review-stars em { font-size: 1.5em; color: var(--review-stars-color) !important; } .review-stars em:hover { font-size: 1.5em; color: var(--review-stars-color-hover) !important; } /* Search header shadow */ #quicksearch-section h2 { text-shadow: 0px 2px 5px rgba(0, 0, 0, var(--search-header-shadow-transparency)); } /* rounds code */ .rgsb-rounds { margin-top: var(--rounds-margin-top) !important; } .rgsb-rounds ul { list-style-type: none; display: flex; justify-content: space-between; align-items: flex-start; } .rgsb-rounds li { flex: 1; margin: 0 0.5rem; text-align: center; } .rgsb-rounds li:first-child { margin-left: 0; } .rgsb-rounds li:nth-child(3) { margin-right: 0; } .rgsb-rounds img { background: #fff; border: 1px solid var(--rounds-border-color); border-radius: 100%; padding: 5px; filter: grayscale(0); } .rgsb-rounds h3 a { font-size: 24px; } .rgsb-rounds li img { opacity: 0.9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rgsb-rounds li:hover img { border: 1px solid var(--rounds-hover-border-color); opacity: 1; filter: grayscale(0); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .rgsb-rounds { margin-top: 0 !important; } .rgsb-rounds ul { flex-direction: column; align-items: center; } .rgsb-rounds li { margin: 0.5rem 0; } .rgsb-rounds li:first-child { margin-top: 0; } .rgsb-rounds li:nth-child(3) { margin-bottom: 0; } } @media only screen and (max-width: 420px) { .user-contact-icons ul li:first-child { display: none !important; } .user-contact-icons ul .phone { display: none !important; } .user-contact-icons ul .user { display: none !important; } /* nav.top-nav .user-info { left: 55% !important; width: 80%; } */ } /* sidebar social */ .soc-list-sidebar { display: flex; justify-content: flex-start; align-self: center; text-align: center; padding-top: 0.5rem; } .soc-list-sidebar .social-icon-footer { padding: 3px; } .soc-list-sidebar .social-icon-footer span { display: none; } .soc-list-sidebar .social-icon-footer [class*="fa"] { font-size: 3em; transition: 0.2s ease; } .soc-list-sidebar.actual-colors .facebook-icon .social-icon-footer [class*="fa"] { color: #3b5999 !important; } .soc-list-sidebar.actual-colors .twitter-icon .social-icon-footer [class*="fa"] { color: #55acee !important; } .soc-list-sidebar.actual-colors .instagram-icon .social-icon-footer [class*="fa"] { color: #e4405f !important; } .soc-list-sidebar.actual-colors .youtube-icon .social-icon-footer [class*="fa"] { color: #cd201f !important; } .soc-list-sidebar.actual-colors .linkedin-icon .social-icon-footer [class*="fa"] { color: #0077b5 !important; } .soc-list-sidebar.actual-colors .social-icon-footer [class*="fa"]:hover { opacity: 0.75; } .soc-list-sidebar a { color: var(--primary-color); } .soc-list-sidebar a:hover { color: var(--secondary-color); } /* footer adjustment */ footer .h-8.w-auto { display: none; } /* icon tiles */ .icon-tiles { display: flex; max-width: 100%; justify-content: space-between; align-items: flex-start; } .icon-tiles hr { height: 1px; width: 75%; border-bottom: 1px solid rgba(215, 215, 215); border-top: 0; margin-bottom: 0.5rem; transition: 0.2s ease; } .icon-tiles .icon-tile { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgba(215, 215, 215); padding: 2rem; text-align: center; box-shadow: 0 3px 5px 1px rgb(0 0 0 / 20%); transition: 0.2s ease; } .icon-tiles .icon-tile:hover { box-shadow: 0 4px 5px 2px rgb(0 0 0 / 25%); } .icon-tiles .icon-tile:hover hr { width: 90%; } .icon-tiles[number-of-tiles="three"i] .icon-tile { width: 31%; margin: 0 1rem 1rem; } /* icon */ .tile-icon { display: flex; align-items: center; justify-content: center; margin: 1rem !important; } .tile-icon em { font-size: 3em; color: var(--primary-color); transition: 0.2s ease; } .tile-icon span { display: none; } .tile-icon em:hover { color: var(--secondary-color); } /* title */ .tile-title { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem !important; } .tile-title a { color: var(--tile-link-color); transition: 0.2s ease; font-size: 1.25rem !important; } .tile-title a:hover { color: var(--primary-color); } /* rows */ .icon-tiles.rows { flex-wrap: wrap; justify-content: flex-start; } @media (min-width: 901px) { .icon-tiles.rows[number-of-tiles="three"i] .icon-tile { width: 31%; margin: 0 0.5rem 1rem; } } @media (min-width: 550px) and (max-width: 900px) { .icon-tiles.rows[number-of-tiles="three"i] { flex-direction: row; } .icon-tiles.rows[number-of-tiles="three"i] .icon-tile { width: 47%; margin: 0 0.5rem 1rem; } } @media (max-width: 549px) { .icon-tiles.rows[number-of-tiles="three"i] { flex-direction: column; justify-content: center; } } .icon-tiles.rows .tile-title a { font-size: 1rem !important; } /* responsive */ @media (max-width: 900px) { .icon-tiles[number-of-tiles="three"i] { flex-direction: column; align-items: center; justify-content: center; } } @media (min-width: 550px) and (max-width: 900px) { .icon-tiles[number-of-tiles="three"i] .icon-tile { width: 50%; } } @media (max-width: 549px) { .icon-tiles[number-of-tiles="three"i] .icon-tile { width: 100%; margin: 1rem 0; } } /* fix miranda footer */ footer { background-color: var(--footer-background-color); } .main-footer { background: var(--footer-background-color); } .text-dark-gray footer *:not(a):not(em), .main-footer p:not(a):not(em), .main-footer .footer-section:last-child h3 { color: var(--footer-txt-color) !important; } footer p a, footer a, .main-footer p a, .main-footer a { color: var(--footer-link-color) !important; transition: 0.2s ease; } footer a:hover, .main-footer a:hover { color: var(--footer-link-hvr-color) !important; } .focus\:text-palette-brand-color:focus, .hover\:text-palette-brand-color:hover, nav.top-nav a:hover, nav.top-nav .user-contact-icons li:hover a, nav.top-nav .user-contact-icons li:hover i { color: var(--nav-hover-clr); } .focus\:text-palette-brand-color:focus, .hover\:text-palette-brand-color:hover { border-color: var(--nav-hover-clr); } .main-footer, .footer-top-nav { box-shadow: none; } /* listings grid */ @media (min-width: 1440px) { .xl\:grid-cols-2 { grid-template-columns: repeat(var(--grid-layout-count), minmax(0, 1fr)); } } /* navigation logo */ @media (min-width: 640px) { .rgsb #nav-logo { height: var(--nav-logo-size) !important; } } @media (max-width: 639px) { .rgsb #nav-logo { height: var(--mobile-logo-size); } } /* about page agents border */ #agents li:not(:last-child) { border-bottom: 1px solid rgba(215, 215, 215, 1); padding-bottom: 0.75rem; } #agents .space-y-8> :not([hidden])~ :not([hidden]) { --tw-space-y-reverse: 0.63; margin-bottom: 0; } /* sidebar two column */ /* sidebar two column */ #sidebar ul.two_column { display: flex; flex-wrap: wrap; } #sidebar ul.two_column li { width: 50%; } .soc-list-sidebar div a { color: var(--sidebar-icon-color) !important; } .soc-list-sidebar div a:hover { color: var(--sidebar-icon-hover-color) !important; } .mce-sidebar-content a:not(.accordion-section-title, .social-icon-footer) { color: var(--sidebar-link-color) !important; } .mce-sidebar-content a:not(.accordion-section-title, .social-icon-footer):hover { color: var(--sidebar-link-hover-color) !important; } .mce-sidebar-content .links p em { color: var(--secondary-color) !important; } #sidebar iframe.h-anna-valuation-widget, #sidebar iframe.h-anna-valuation-widget[style] { height: 325px !important; } /* greatschools center */ #sidebar iframe[classname="greatschools"i] { margin: auto; max-width: 100%; } /* sidebar map search */ .sidebar-map-search { position: relative; max-width: 100%; width: 520px; margin: auto; transition: 0.2s ease; backface-visibility: hidden; } .link-overlay a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.2s ease; backface-visibility: hidden; } .link-overlay a:hover { color: var(--secondary-color); } .link-overlay span { display: none; } .map-image { background: #fff; transition: 0.2s ease; backface-visibility: hidden; } .map-image img { opacity: 0.9; border: 1px solid rgb(215, 215, 215); transition: 0.2s ease; backface-visibility: hidden; } .map-title { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; width: 100%; background: var(--primary-color); transition: 0.2s ease; backface-visibility: hidden; } .map-title h2 { padding: 0.75rem; margin: 0; border-bottom: none; color: #fff; transition: 0.2s ease; } .sidebar-map-search:hover .map-image { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); } .sidebar-map-search:hover img { opacity: 0.95; border: 1px solid rgb(var(--primary-rgb)); } .sidebar-map-search:hover .map-title { width: 75%; bottom: 36%; background: var(--secondary-color); } /* other fixes */ .bg-palette-brand-color { --palette-brand-color: var(--primary-color); } #banner div[role="banner"i] { background: var(--top-banner-color); } #gobbla .gobbla-link, #gobbla .gobbla__head { background-color: var(--primary-color) !important; background: linear-gradient(var(--primary-color), var(--primary-color)) !important; border-bottom: 1px solid var(--primary-color) !important; } #gobbla .gobbla.gob-minimized .gobbla__head { background-color: rgba(var(--primaryRGB), 0.8) !important; } #gobbla .gobbla-link:hover, #gobbla .gobbla__head:hover { background-color: var(--secondary-color) !important; background: linear-gradient(var(--secondary-color), var(--secondary-color)) !important; border-bottom: 1px solid var(--secondary-color) !important; } *:not(em):not(i):not(.fa) { font-family: var(--custom-font) !important; } #rgsb-custom h1, #rgsb-custom h2, #rgsb-custom h3, #rgsb-custom .text-hero { font-family: var(--custom-font-headers) !important; } #content strong { font-family: inherit !important; } /* sidebar checkmarks */ .buy-sell em { font-size: 1.5em; color: var(--secondary-color); } /* search tabs */ .h-hero-image>div:nth-child(2) ul li { background-color: var(--search-tab-color) !important; transition: 0.2s ease; opacity: 0.8; } .h-hero-image>div:nth-child(2) ul li:hover { background-color: var(--search-tab-hover-color) !important; opacity: 1; } .h-hero-image>div:nth-child(2) ul .bg-black { background-color: var(--secondary-color); } .h-hero-image>div:nth-child(2) ul .bg-off-white { background-color: var(--primary-color); color: #fff; } /* footer  */ .footer-disclaimer { font-size: 0.8em !important; } .body-map-search { position: relative; max-width: 1200px; margin: auto; transition: 0.2s ease; backface-visibility: hidden; } .body-map-search .link-overlay a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.2s ease; backface-visibility: hidden; } .body-map-search .link-overlay span { display: none; } .body-map-search .map-image { background: #fff; transition: 0.2s ease; backface-visibility: hidden; } .body-map-search .map-image img { opacity: 0.75; /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); */ /* filter: grayscale(1); */ border: 1px solid rgb(215, 215, 215); transition: 0.2s ease; backface-visibility: hidden; } .body-map-search .map-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; width: 75%; background: rgba(0, 0, 0, 0.75); transition: 0.2s ease; backface-visibility: hidden; align-items: center; } .body-map-search .map-title h2 { padding: 1rem; margin: 0; border-bottom: none; color: #fff; transition: 0.2s ease; } .body-map-search:hover .map-image { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); } .body-map-search:hover img { opacity: 0.9; border: 1px solid rgb(0, 0, 0); } .body-map-search:hover .map-title { width: 100%; background: rgba(0, 0, 0, 0.9); } @media (max-width: 410px) { .body-map-search .map-title h2 { font-size: 1rem !important; } } #modal-container .rag-modal.rag-modal-backdrop { padding: 50px 50px 10px 50px !important; } #modal-container h2 { text-align: center; color: black; border-bottom: 1px solid #d1d1d1; padding-bottom: 0.8rem; width: 320px; margin: 0.5rem auto 0; } #modal-container .row.lb-content { background: none; border: none; margin-top: 0; text-align: center; color: #8b8b8b; margin-bottom: 0; padding-bottom: 0; } #modal-container .rg-modal .rag-modal-window { border-bottom: 10px solid var(--primary-color); } #modal-container .miranda-lb .lb-content p { font-size: 15px; color: inherit; padding-bottom: 0.5em; } .rg-modal-signup .miranda-lb .lb-content input[type="text"], .rg-modal-signup .miranda-lb .lb-content input[type="email"] { padding: 20px 10px; } input#phone { padding: 20px 10px; } .miranda-lb .lb-content .signup-box .row:last-of-type input { background: transparent; width: auto; border: none; color: var(--primary-color); font-size: 23px; text-decoration: underline; } #modal-container .rg-modal-signup iframe { margin: 0 auto; } #modal-container .rg-modal-signup .alternative { color: inherit; font-size: 12px; margin: 0 auto 1rem; } .fineprint-top, .fineprint-bottom { margin: 0 auto 20px; text-align: center; } .rightColumn { display: none; } .leftColumn { width: 320px !important; margin: 0 auto !important; float: none !important; } .contact-us .firstName, .contact-us .lastName, .miranda-lb .lb-content form .columns { padding-right: 0; } .miranda-lb .return-user h3 { display: none; } .fineprint-top { margin-top: 10px; width: 328px; } a.hitarea { font-style: italic; color: var(--primary-color); text-decoration: underline; } #modal-container .rg-modal-signup .alternative strong { display: block; margin-top: 14px; font-size: 18px; } #modal-container .rg-modal-signup .alternative strong span { text-decoration: line-through; font-size: 10px; } @media only screen and (max-width: 550px) { #modal-container .rag-modal.rag-modal-backdrop { padding: 55px 0 0 !important; position: fixed; } #modal-container .rg-modal .rag-modal-window { border-bottom: none; } #modal-container h2 { display: block !important; margin-bottom: 0.5rem !important; } } #modal-container .miranda-lb .lb-content p { font-size: 15px; color: inherit; padding-bottom: 0.5em; border-bottom: none; margin-bottom: inherit; } @media (max-width: 46em) { .properties-found-alt { text-align: center; } } .miranda-wrapper .footer-top-nav { background-color: var(--footer-nav-color); } #footer-links-wrapper { background-color: var(--footer-nav-color); } #footer-links-wrapper ul li a { color: var(--footer-nav-link-color) !important; } /* #footer-links-wrapper ul li a:hover { color: var(--footer-nav-link-hover-color) !important; } */ @media only screen and (min-width: 46.063em) { .miranda-wrapper .footer-top-nav li a { color: var(--footer-nav-link-color) !important; } .miranda-wrapper .footer-top-nav li a:hover { color: var(--footer-nav-link-hover-color) !important; } .miranda-wrapper .footer-top-nav li:hover { background-color: var(--footer-nav-color); box-shadow: none; } } body>footer>div.text-sm.py-4.px-4.sm\:px-9.xl\:px-40.space-x-2.bg-rg-footer.w-full.flex.justify-between.md\:justify-start.items-center, .rg-footer { background-color: var(--rg-banner-color) !important; } .rg-footer a { background-color: var(--rg-banner-color) !important; } .miranda-wrapper .toggleNav { background: var(--footer-background-color) !important; color: #fff !important; } .text-palette-brand-color:hover { color: var(--secondary-color) !important; } .miranda-wrapper .main-footer .footer-section { border: none !important; } /* nav */ @media only screen and (min-width: 768px) { body .logo img { position: absolute; top: -9999px; } body .logo a { height: 100%; width: 280px; display: block; } body .logo { background: var(--miranda-nav-logo); background-size: auto var(--miranda-logo-size); background-repeat: no-repeat; background-position: 0 center; } body nav.top-nav, .nav-container { height: var(--miranda-nav-height); } .mapsearch #map-search { margin-top: calc(var(--miranda-nav-height) - 64px); } } /* miranda anna match */ .nav-container { max-width: none; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 1024px) { .nav-container { padding-left: 2rem; padding-right: 2rem; } } nav.top-nav .nav li { font-size: 14px !important; } /*----- Accordion -----*/ .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Background for the links */ .accordion { overflow: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 3px; background: var(--accordion-link-bg-color) !important; margin-top: 15px; } /*----- Section Titles -----*/ /* Sets the background color for the bar and the color of the title */ .accordion-section-title { width: 100%; padding: 12px; border-bottom: 1px solid #5d5d5d; background: var(--accordion-bg-color) !important; color: var(--accordion-tile-color) !important; transition: all linear 0.45s; /* Type text-shadow: 0px 1px 0px #1a1a1a;*/ padding-left: 20px; text-align: var(--accordion-text-align) !important; display: flex; justify-content: space-between; align-items: center; } /* Changes the color of the icon*/ .accordion-section-title:after { content: "\002B"; color: var(--accordion-icon-color) !important; font-size: 28px; line-height: 28px; text-shadow: none; float: right; margin-left: 5px; } /* Color of the icon once accordion is clicked */ .accordion-section-title.active:after { content: "\2212"; color: #ff0a00; } /* Color of the bar and title when hovered */ .accordion-section-title:hover { background: var(--accordion-hover-bg-color) !important; } /* Color of the icon when hovered */ .accordion-section-title:hover .accordion-section-title:after { color: var(--accordion-icon-hover-color) !important; } .accordion-section:last-child .accordion-section-title { border-bottom: none; } /*----- Section Content -----*/ .accordion-section-content { padding: 9px; font-size: 13px !important; display: none; } .accordion-section-content.open { display: block; } .accordion-section-content li { padding-right: 5px; font-size: 14px !important; } .h-hero-image>div:nth-child(2) { z-index: 2; } .h-hero-image::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--banner-overlay); z-index: 1; } .mce-content p a { color: var(--content-color) !important; } .mce-content p a:hover { color: var(--content-color-hover) !important; } .mce-content p:not(.custom-btn) a:not(.userButton) #nav-contact-button { color: var(--content-color) !important; } .mce-content p:not(.custom-btn) a:not(.userButton) #nav-contact-button:hover { color: var(--content-color-hover) !important; } #react-typeahead>form>div>button { background-color: var(--primary-color) !important; } #react-typeahead>form>div>button:hover { background-color: var(--secondary-color) !important; } body .uwy.userway_p1 .uai { top: 50%; } #content-banner-link { background-color: var(--anna-banner-button-color); color: var(--anna-banner-button-text-color); border: 1px solid var(--anna-banner-button-border-color); } #content-banner-link:hover { background-color: var(--anna-banner-button-color-hover); color: var(--anna-banner-button-text-color-hover); border: 1px solid var(--anna-banner-button-border-color-hover); } #rgsb-page-scroll-button { opacity: 0; position: fixed; bottom: 90px; right: 41px; z-index: 99; border: none; outline: none; cursor: pointer; padding: 0.4rem 0.6rem; border-radius: 500px; font-size: 1em; background-color: var(--scroll-button-color); color: var(--scroll-button-text-color) !important; border: 1px solid var(--scroll-button-border-color); box-shadow: rgb(51 51 51 / 30%) 0px 0px 1px, rgb(51 51 51 / 35%) 0px 2px 5px; transition: 0.2s ease; } #rgsb-page-scroll-button:hover { background-color: var(--scroll-button-color-hover); color: var(--scroll-button-text-color-hover) !important; border: 1px solid var(--scroll-button-border-color-hover); opacity: 1; } /* COMMUNITY TILES */ .anna-communities { margin-top: 2rem; } .anna-communities .community-container { position: relative; margin-bottom: 1rem; margin-left: 1%; margin-right: 1%; } .anna-communities .community-container img { border: 1px solid transparent; transition: 0.3s ease; backface-visibility: hidden; } .anna-communities .community-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.2; transition: 0.5s ease; background-color: #000; margin: auto; max-width: 500px; } .anna-communities .community-link-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; z-index: 5; } .anna-communities .community-link-overlay a { display: block; height: 100%; width: 100%; } .anna-communities .community-description h3 { color: white !important; font-size: 1.25em !important; text-shadow: 5px 5px 20px #000; /* font-weight: var(--community-title-font-weight) !important; */ text-align: center; position: absolute; left: 0; top: 45%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; transition: top 0.35s ease 0s, transform 0.35s ease 0s; /* font-family: var(--community-title-font) !important; */ } .anna-communities .community-description h3 span { display: block; font-size: 0.5em !important; line-height: 2; } .anna-communities .community-description p { position: absolute; top: 45%; width: 100%; height: auto; left: 0; font-size: 15px; text-transform: uppercase; color: white; text-align: center; opacity: 0; -webkit-font-smoothing: antialiased; transition: opacity 0.5s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); transition: top 0.35s ease 0s, transform 0.35s ease 0s; z-index: 5; backface-visibility: hidden; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; line-height: 1; } /* hover */ .anna-communities .community-container:hover .community-overlay { opacity: 0.5; background-color: var(--anna-community-overlay-color); } .anna-communities .community-container:hover img { filter: grayscale(1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6); } .anna-communities .community-container:hover .community-description p { opacity: 1; transform: scale(1); } .anna-communities .community-container:hover .community-description h3 { top: 30% !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .anna-communities .custom-section { max-width: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: var(--anna-community-section-spacing); } .anna-communities .custom-content { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 1440px) { .anna-communities .custom-section .custom-content, .anna-communities.home #listings { padding: 0 var(--anna-community-content-padding-large); } } @media (min-width: 1024px) and (max-width: 1439px) { .anna-communities .custom-section .custom-content, .anna-communities.home #listings { padding: 0 var(--anna-community-content-padding-medium); } } @media (min-width: 640px) and (max-width: 1023px) { .anna-communities .custom-section .custom-content, .anna-communities.home #listings { padding: 0 var(--anna-community-content-padding-small); } } @media (max-width: 639px) { .anna-communities .custom-section .custom-content, .anna-communities.home #listings { padding: 0 1rem; } } .anna-communities .content-row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } @media (max-width: 768px) { .anna-communities .content-row { flex-direction: column; } } .anna-communities .content-col { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* tool classes */ .anna-communities .custom-content.text-center { text-align: center; } /* color backgrounds */ .anna-communities .color-bg h1, .anna-communities .color-bg h2, .anna-communities .color-bg h3, .anna-communities .color-bg h4, .anna-communities .color-bg p, .anna-communities .img-bg h1, .anna-communities .img-bg h2, .anna-communities .img-bg h3, .anna-communities .img-bg h4, .anna-communities .img-bg p { color: #fff; } .anna-communities .color-bg .custom-content, .anna-communities .img-bg .custom-content { padding-top: calc(var(--anna-community-section-spacing) / 2); padding-bottom: calc(var(--anna-community-section-spacing) / 2); } .primary-bg { background-color: var(--primary-bg-color); } .secondary-bg { background-color: var(--secondary-bg-color); } .grey-bg { background-color: #f9f9f9; } /* **************** */ /* HEADER LINES */ /* **************** */ .anna-communities .header-line { text-align: center; margin-bottom: 1rem; padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 0; } .anna-communities .header-line.left { text-align: left; justify-content: flex-start; } @media (max-width: 768px) { .anna-communities .header-line.left { text-align: center; justify-content: center; } .anna-communities .header-line.left:before { content: ""; /* width: 50%; */ border-bottom: 2px solid var(--anna-community-header-line-color); height: 2px; display: inline; flex-grow: 1; margin-right: 1rem; } } .anna-communities .header-line::after { content: ""; /* width: 50%; */ border-bottom: 2px solid var(--anna-community-header-line-color); height: 2px; display: inline; flex-grow: 1; /* padding-left: 1rem; */ margin-left: 1rem; } .anna-communities .header-line:not(.left):before { content: ""; /* width: 50%; */ border-bottom: 2px solid var(--anna-community-header-line-color); height: 2px; display: inline; flex-grow: 1; margin-right: 1rem; } .anna-communities .community-container a.info { background-color: var(--primary-color) !important; color: #fff !important; font-size: 16px; text-transform: uppercase; padding: 8px 16px !important; border-radius: 0 !important; border: none; margin-bottom: 0; transition: 0.2s ease; } .anna-communities .community-container a.info:focus { background-color: var(--secondary-color); border: none; } .anna-communities .community-container a.info:hover { background-color: var(--secondary-color) !important; color: #fff; } @media (min-width: 1440px) { .xl\:pr-14 { padding-right: 1.5rem !important; } } /* **************** */ /* NAVIGATION */ /* **************** */ /* header.top-nav.scrolling-nav { position: fixed; } */ section.scrolling-nav { margin-top: calc(var(--anna-nav-height) * -1); } header.top-nav.scrolling-nav #nav-links a { transition: 0.2s ease; } header.top-nav.scrolling-nav #nav-links a.boldLinks { font-weight: 700; } header.scrolling-nav.scrolledDown { box-shadow: 0px 4px 3px rgb(0 0 0 / 15%); } header.scrolling-nav.scrolledDown nav div { opacity: 1 !important; } header.scrolling-nav:not(.scrolledDown) nav:not(#mobile-menu)>div:first-child { background-color: var(--nav-top-bg-color); transition: 0.2s ease; } header.scrolling-nav.scrolledDown nav>div:first-child { transition: 0.2s ease; } /* miranda */ nav.top-nav.scrolledDown { box-shadow: 0px 4px 3px rgb(0 0 0 / 15%); } nav.top-nav:not(.scrolledDown) { /* background-color: var(--nav-top-bg-color); */ transition: 0.2s ease; border-bottom: none; } nav.top-nav.scrolledDown { transition: 0.2s ease; } .miranda-wrapper .top-nav.unshrunk .nav { right: 50%; transform: translateX(50%); } .miranda-wrapper nav.top-nav .nav a { text-transform: uppercase; } /* buy sell tabs */ .buy-sell-tabs-container { width: 100%; margin: 30px auto 45px; } .buy-sell-tabs { margin: 0 !important; } .buy-sell-tabs li { padding: 0 !important; } .buy-sell-tabs a { display: block; padding: 10px 6px 12px; color: #fff !important; background: rgba(0, 0, 0, 0.88); } .buy-sell-tabs li:hover a { color: #fff !important; background: rgba(0, 0, 0, 1); } .buy-sell-tabs li#active a, .buy-sell-tabs li.active a { color: #fff !important; background: var(--primary-color); } .tab-title { font-size: 12px; font-weight: 500; text-transform: uppercase; display: block; margin-top: 1rem; } .tab-icon { font-size: 35px !important; padding-top: 0.5rem; } @media only screen and (max-width: 1025px) { .tab-title { /* display:none; */ } } @media only screen and (max-width: 750px) { .tab-icon { font-size: 30px !important; } } @media only screen and (max-width: 550px) { .tab-icon { font-size: 20px !important; } .buy-sell-tabs-sub .tab-title { display: none; } .buy-sell-tabs-container .tab-content { padding: 1rem !important; } .buy-sell-tabs a { padding: 10px 15px 12px; } } .buy-sell-tabs-container .tab-content { background: transparent; padding: 2rem; text-align: left; } .buy-sell-tabs-container .tab-content h3 { text-align: center; text-transform: uppercase; } .buy-sell-tabs { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .tab { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex: 1; } .tab a { flex: 1; } /* buy sell tabs sub*/ .buy-sell-tabs-container { width: 100%; margin: 30px auto 45px; } .buy-sell-tabs-sub { margin: 0 !important; } .buy-sell-tabs-sub li { padding: 0 !important; } .buy-sell-tabs-sub a { display: block; padding: 10px 6px 12px; color: #fff !important; background: rgba(0, 0, 0, 0.88); } .buy-sell-tabs-sub li:hover a { color: #fff !important; background: rgba(0, 0, 0, 1); } .buy-sell-tabs-sub li#active a, .buy-sell-tabs-sub li.active a { color: #fff !important; background: var(--primary-color); } @media only screen and (max-width: 550px) { .buy-sell-tabs-sub a { padding: 10px 15px 12px; } } .buy-sell-tabs-container .sub-tab-content { background: #f8f8f8; padding: 2rem; text-align: left; } .buy-sell-tabs-container .sub-tab-content h3 { text-align: center; text-transform: uppercase; } .buy-sell-tabs-sub { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .sub-tab-content>div { max-width: 720px; margin: auto; } /* sidebar cta buttons */ .sidebar-cta-wrapper { position: fixed; z-index: 99999999; right: var(--cta-right); bottom: var(--cta-bottom); } .sidebar-cta-wrapper button { opacity: 0; transition: 0.2s linear; border: none; outline: none; cursor: pointer; border-radius: 500px; font-size: 1rem; background-color: var(--scroll-button-color); color: var(--scroll-button-text-color) !important; border: 1px solid var(--scroll-button-border-color); padding: var(--cta-padding); box-shadow: rgb(51 51 51 / 30%) 0px 0px 1px, rgb(51 51 51 / 35%) 0px 2px 5px; } .sidebar-cta-wrapper button:hover { background-color: var(--scroll-button-color-hover); color: var(--scroll-button-text-color-hover); border: 1px solid var(--scroll-button-border-color-hover); } /* end cta buttons */ .anna-search-box { background-color: var(--search-box-bg); padding: 1rem; margin-inline: 1rem; width: 100%; max-width: 1024px; } .anna-search-box.search-shadow { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%); transition: 0.2s ease; } .anna-search-box.search-shadow:hover { box-shadow: 0 4px 8px 4px rgb(0 0 0 / 30%); } #react-typeahead+.anna-search-box { margin-top: 1rem; } .anna-search-box label { color: var(--search-box-label-color); } .anna-search-box option {background-color: var(--search-box-bg);} .custom-search { display: flex; flex-direction: column; } .search-field { display: flex; flex-direction: column; } .search-field:not(.search-button, .property-type) { width: 50%; flex-grow: 1; } @media (min-width: 730px) { .search-field:not(.search-button, .property-type) { width: 22%; flex-grow: 1; } } .search-field.search-button { width: 3rem; } .search-field.search-button button { width: 3rem; height: 3rem; background-color: var(--search-box-button-bg); transition: 0.2s ease; border: 1px solid transparent; } .search-field.search-button button:hover { border: 1px solid var(--search-box-button-bg); background-color: transparent; } .search-field.search-button button:hover svg { fill: var(--search-box-button-bg); } .search-field select, .search-field:not(.property-type) input { height: 3rem; background-color: transparent; border-bottom: 1px solid var(--search-box-label-color); padding-left: 0.5rem; color: var(--search-box-label-color); } .search-field:not(.property-type) { justify-content: flex-end; } .search-field.property-type { display: flex; flex-direction: row; gap: 0.5rem; } .fields-wrapper { display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; margin-bottom: 0.5rem; } @media (max-width: 767px) { .h-hero-image.custom-search-box { padding-inline: 1rem; height: auto !important; padding-bottom: 1rem; padding-top: var(--anna-nav-height); } } footer, #footer { border-top: 1px solid var(--footer-border-clr); } .marketDetails { display: flex; gap: 1rem; flex-grow: 1; flex-wrap: wrap; padding-bottom: 0.5rem; width: 100%; } .marketDetailItem { padding: 0.5rem; border-left: 2px solid var(--primary-color); flex-grow: 1; } .marketDetailText { font-size: .75em; } .marketDetailValue { font-size: 1.75rem; font-weight: bold; padding-bottom: 0.5rem; } .marketDetailItem:nth-child(odd) { --marketDetailBorder: var(--primary-color) } .marketDetailItem:nth-child(even) { --marketDetailBorder: var(--secondary-color) } .marketDetailItem { padding: 0.5rem; border-left: 5px solid var(--marketDetailBorder); flex-grow: 1; }