/* **************** */ /* RESETS */ /* **************** */ .rgsb-custom.home #content { width: 100%; padding-right: 0; } .rgsb-custom.home #content>section { margin-bottom: 0; } .rgsb-custom.home #sidebar { display: none; } body.rgsb-custom.home>div.lg\:px-40 { padding-left: 0; padding-right: 0; } body.rgsb-custom.home>div.sm\:px-12 { padding-left: 0; padding-right: 0; } body.rgsb-custom.home>div.px-4 { padding-left: 0; padding-right: 0; } @media (max-width: 767px) { iframe.h-anna-valuation-widget, iframe.h-anna-valuation-widget[style] { height: 308px !important; } } @media (min-width: 768px) { iframe.h-anna-valuation-widget, iframe.h-anna-valuation-widget[style] { height: 292px !important; } } /* headers */ .rgsb-custom.home .mce-content h1, .rgsb-custom.home .mce-content h2, .rgsb-custom.home .mce-content h3, .rgsb-custom.home .mce-content h4, .rgsb-custom.home .mce-content p { border: none; } .rgsb-custom .mce-content h1, .rgsb-custom .mce-content h2, .rgsb-custom .mce-content h3, .rgsb-custom .mce-content h4 { font-weight: var(--header-font-weight); } /* listings */ @media (min-width: 1440px) { .rgsb-custom.home #listings .xl\:grid-cols-2 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .rgsb-custom.home #listings { margin-left: 0; margin-right: 0; } .rgsb-custom.home #listings h2 { text-align: center; padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 2rem; border-bottom: none; padding: 0; margin-bottom: 0; margin-top: var(--custom-section-spacing); line-height: 48px; margin-right: 0; margin-left: 0; } .home #board-disclaimer { padding: 0; } .mce-content .pt-listing-image-container { padding-top: 0; } @media (max-width: 767px) { #listings .splide { padding: 1em; } #listings .mt-listing-image-small { margin-top: -49.28%; } } #listings img { display: block; } /* **************** */ /* BANNER */ /* **************** */ .rgsb-custom.home>section { margin-bottom: 0; } .h-hero-image>div:nth-child(2) { justify-content: var(--banner-search-position); padding-bottom: var(--banner-padding-bottom); z-index: 2; } @media (max-width: 767px) { .h-hero-image>div:nth-child(2) { justify-content: center; padding-bottom: 0; } } .h-hero-image>div:nth-child(2) ul { margin-bottom: var(--banner-button-spacing); } .h-hero-image>div:nth-child(2) ul li { margin-top: 0 !important; } .h-hero-image>div:nth-child(2) ul li a { font-size: 0.9rem !important; text-transform: uppercase; } .h-hero-image>div:nth-child(2) ul li { width: 33.3%; text-align: center; margin: var(--banner-button-spacing); opacity: 0.9; } .h-hero-image>div:nth-child(2) ul li:first-child { margin-left: 0; } .h-hero-image>div:nth-child(2) ul li:last-child { margin-right: 0; } /* **************** */ /* CONTENT SECTIONS */ /* **************** */ .rgsb-custom .custom-section { max-width: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: var(--custom-section-spacing); } .rgsb-custom .custom-content { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 1440px) { .rgsb-custom .custom-section .custom-content, .rgsb-custom.home #listings { padding: 0 var(--home-content-padding-large); } } @media (min-width: 1024px) and (max-width: 1439px) { .rgsb-custom .custom-section .custom-content, .rgsb-custom.home #listings { padding: 0 var(--home-content-padding-medium); } } @media (min-width: 640px) and (max-width: 1023px) { .rgsb-custom .custom-section .custom-content, .rgsb-custom.home #listings { padding: 0 var(--home-content-padding-small); } } @media (max-width: 639px) { .rgsb-custom .custom-section .custom-content, .rgsb-custom.home #listings { padding: 0 1rem; } } .rgsb-custom .custom-section .custom-content.full { padding: 0 !important; } .rgsb-custom .content-row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } @media (max-width: 768px) { .rgsb-custom .content-row { flex-direction: column; } } .rgsb-custom .content-col { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* color backgrounds */ .rgsb-custom .mce-content>.custom-section.color-bg:first-child { margin-top: 0; } .rgsb-custom .color-bg .custom-content, .rgsb-custom .img-bg .custom-content { padding-top: calc(var(--custom-section-spacing) / 2); padding-bottom: calc(var(--custom-section-spacing) / 2); } /* **************** */ /* COMMUNITY TILES */ /* **************** */ .rgsb-custom .community-tiles { width: 100%; } .rgsb-custom .community-container { position: relative; display: grid; overflow: hidden; } .rgsb-custom .community-container img { transition: 0.35s ease; backface-visibility: hidden; width: 100%; aspect-ratio: 5/4; object-fit: cover; } .rgsb-custom .--slim-tiles .community-container img { aspect-ratio: 5/2.5; } .rgsb-custom .--grayscale .community-container img { filter: grayscale(1); } .--2-col-grid .community-container img { aspect-ratio: 5/2; } .community-container[class*="--solid"] img { visibility: hidden; } .community-container[class*="--solid"] .community-overlay { display: none; } .community-container.--solid-secondary { background-color: var(--secondary-color); } .community-container.--solid-primary { background-color: var(--primary-color); } .community-container.--solid-alt { background-color: var(--alt-color); } .community-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: 0.35s ease; margin: auto; } .--outline .community-overlay { outline: 2px solid #fff; outline-offset: -1.25rem; } .--outline-hvr .community-overlay { outline: 2px solid transparent; outline-offset: -1.25rem; } .--overlay-75 .community-overlay { opacity: 0.75; } .--overlay-50 .community-overlay { opacity: 0.5; } .--overlay-25 .community-overlay { opacity: 0.25; } .--primary-overlay .community-overlay { background-color: var(--primary-color); } .--secondary-overlay .community-overlay { background-color: var(--secondary-color); } .--dark-overlay .community-overlay { background-color: #000000; } .--alt-overlay .community-overlay { background-color: #aadcdb; } .rgsb-custom .community-link-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; z-index: 10; } .rgsb-custom .community-link-overlay a { display: block; height: 100%; width: 100%; } .sub-links .community-link-overlay { display: none; } .rgsb-custom .community-container h3 { color: white !important; font-size: var(--community-tile-font-size) !important; font-family: var(--custom-font) !important; text-shadow: 0px 1px 0.5rem #000; /* font-weight: var(--community-title-font-weight) !important; */ text-align: center; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; transition: top 0.35s ease 0s, transform 0.35s ease 0s; margin-top: 0; } .rgsb-custom .community-container h3 span { display: block; font-size: 0.5em !important; line-height: 2; } .rgsb-custom .community-container p { position: absolute; top: 55%; height: auto; left: 50%; 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) translateX(-50%); transform: scale(0) translateX(-50%); transition: top 0.35s ease 0s, transform 0.35s ease 0s; z-index: 97; backface-visibility: hidden; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; line-height: 1; width: auto; transform-origin: left; letter-spacing: 2px; } .rgsb-custom .sub-links .community-container p { flex-direction: column; top: 40%; } .rgsb-custom .sub-links .community-container p a { color: #fff !important; transition: 0.35s ease; } .rgsb-custom .sub-links .community-container p a:hover { color: #ccc !important; } /* hover */ .hover { transition: 0.35s ease; } .community-container:hover .community-overlay { opacity: 0.8; /* background-color: var(--primary-color); */ width: 100%; /* height: 100%; */ } .--outline .community-container:hover .community-overlay { outline: 2px solid #fff; outline-offset: -1.75rem; } .--outline-hvr .community-container:hover .community-overlay { outline: 2px solid #fff; outline-offset: -1.75rem; } .--primary-hvr-overlay .community-container:hover .community-overlay { background-color: var(--primary-color); } .--secondary-hvr-overlay .community-container:hover .community-overlay { background-color: var(--secondary-color); } .--dark-hvr-overlay .community-container:hover .community-overlay { background-color: #000000; } .--alt-hvr-overlay .community-container:hover .community-overlay { background-color: #aadcdb; } .rgsb-custom .--zoom .community-container:hover img { transform: scale(1.05); } .--hvr-overlay-75 .community-container:hover .community-overlay { opacity: 0.75; } .--hvr-overlay-50 .community-container:hover .community-overlay { opacity: 0.5; } .--hvr-overlay-25 .community-container:hover .community-overlay { opacity: 0.25; } .rgsb-custom .--grayscale-hvr .community-container:hover img { filter: grayscale(1); } .rgsb-custom .community-container:hover p { opacity: 1; transform: scale(1) translateX(-50%); } .rgsb-custom .community-container:hover h3 { top: 40% !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .rgsb-custom .sub-links .community-container:hover h3 { top: 30% !important; } /* button */ .rgsb-custom .community-container a.info { background-color: transparent; color: #fff !important; font-size: 0.8rem; text-transform: uppercase; padding: 0.75rem 1.5rem !important; border-radius: 0 !important; border: 2px solid #fff; margin-bottom: 0; transition: 0.2s ease; } .rgsb-custom .community-container a.info:focus { background-color: var(--primary-color); border: none; } .rgsb-custom .community-container a.info:hover { background-color: var(--primary-color) !important; color: #fff; } .rgsb-custom .--secondary-hvr-overlay .community-container a.info:focus { background-color: var(--primary-color); border: none; } .rgsb-custom .--secondary-hvr-overlay .community-container a.info:hover { background-color: var(--primary-color) !important; color: #fff; } .rgsb-custom .--primary-hvr-overlay .community-container a.info:focus { background-color: var(--secondary-color); border: none; } .rgsb-custom .--primary-hvr-overlay .community-container a.info:hover { background-color: var(--secondary-color) !important; color: #fff; } /* tool classes */ .rgsb-custom .community-tiles.stacked .community-container>* { grid-column: 1/2; grid-row: 1/2; } .rgsb-custom .community-tiles.stacked.center .community-container { place-content: center; } /* collage */ .rgsb-custom .--grid-collage .community-container { display: flex; } @media (min-width: 768px) { .--grid-collage { grid-template-columns: repeat(9, 1fr); grid-auto-rows: 100px; } .--grid-collage .span-3 { grid-column: span 3; grid-row: span 3; } .--grid-collage .span-2 { grid-column: span 2; grid-row: span 2; } .--grid-collage .span-3x2 { grid-column: span 3; grid-row: span 2; } } .rgsb-custom .--grid-collage .community-container img { height: 100%; } /* **************** */ /* ABOUT */ /* **************** */ .content-row.reverse { flex-direction: row-reverse; } .content-row.about { gap: calc(var(--custom-section-spacing) / 2); } @media (min-width: 768px) { .rgsb-custom .content-col.bio { align-items: flex-start; width: 60%; } .rgsb-custom .content-col.headshot { align-items: flex-start; width: 40%; } } @media (max-width: 768px) { .rgsb-custom .content-col.bio { width: 100%; align-items: center; justify-content: center; text-align: center; } .rgsb-custom .content-col.headshot { width: 100%; align-items: center; justify-content: center; text-align: center; } .rgsb-custom .about { flex-direction: column; } } @media (max-width: 768px) { .rgsb-custom.home .text-hero, .rgsb-custom.home h1, .rgsb-custom.home #listings h2 { font-size: 2rem; } #react-typeahead, .h-hero-image>div:nth-child(2) ul { width: 95%; } .embed-container { margin-bottom: 1rem; } } #react-typeahead>form { color: #fff; } #react-typeahead input { color: #000; } /* **************** */ /* TESTIMONIALS */ /* **************** */ .testimonials { text-align: center; /* margin-top: var(--testimonial-section-padding); */ } .testimonials.img-background { background: linear-gradient(to bottom, var(--testimonial-bg-overlay), var(--testimonial-bg-overlay)), var(--testimonial-img-background) no-repeat center center fixed; height: 50vh; } .testimonials .testimonial-content-wrapper { background-color: var(--testimonial-content-bg); } /* .testimonials .content-section { max-width: 1440px; width: 100%; background: var(--testimonial-content-bg); } */ /* .rgsb-custom .testimonials h1, .rgsb-custom .testimonials h2, .rgsb-custom .testimonials h3, .rgsb-custom .testimonials p, .rgsb-custom .testimonials li, .rgsb-custom .testimonials .img-background h1, .rgsb-custom .testimonials .img-background h2, .rgsb-custom .testimonials .img-background h3, .rgsb-custom .testimonials .img-background p, .rgsb-custom .testimonials .img-background li { color: var(--testimonial-txt-color) !important; } */ .testimonial-slider { position: relative; text-align: center; } .testimonial-wrapper { /* max-width: 100%; */ margin: auto; padding: 0 1rem; } .rgsb-custom .testimonial-slider cite { font-size: 14px; margin-top: 10px; font-weight: bold; display: block; line-height: 1; } .rgsb-custom .testimonial-slider .tile { padding: 0 1.5rem; } @media (max-width: 768px) { .testimonials.img-background { background-attachment: initial; height: 100vh; } } /* **************** */ /* FOOTER */ /* **************** */ /* resets */ #footer-links-wrapper, .footer-top-nav, footer>div:nth-child(2)>ul { display: none; } footer>div:nth-child(2)>div:first-child {} footer>div:nth-child(2)>div:first-child { width: 100%; max-width: none; } footer>div:nth-child(2)>div:first-child>div { width: 100%; height: auto !important; margin-bottom: 0; } /* three col */ /* footer>div:nth-child(2)>div:first-child>div { display: flex; justify-content: space-between; text-align: center; align-items: center; gap: 1rem; } footer>div:nth-child(2)>div:first-child>div .custom-footer-section { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 1rem; } footer>div:nth-child(2)>div:first-child>div>p { display: none; } #footer-links-wrapper, .footer-top-nav { display: block; } */ /* end three col */ .customFooter p, .customFooter h3, .customFooter a { margin: 0; padding: 0; } .customFooter .soc-list-footer>div { font-size: 1.25rem; } .customFooter a.social-icon-footer { font-size: inherit; border: 1px solid; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 0.25rem; width: 2.5rem; height: 2.5rem; } .customFooter .soc-list-footer a.social-icon-footer:hover { color: var(--footer-link-color) !important; border-color: var(--footer-link-hvr-color) !important; background-color: var(--footer-link-hvr-color) !important; } a.social-icon-footer span { display: none; } footer>div:nth-child(2) { padding-top: calc(var(--custom-section-spacing) / 2); padding-bottom: calc(var(--custom-section-spacing) / 2); } @media (min-width: 1440px) { .main-footer { padding-left: var(--full-page-padding); padding-right: var(--full-page-padding); } } @media (min-width: 640px) and (max-width: 1339px) { .main-footer { padding-left: 2.25rem; padding-right: 2.25rem; } } @media (max-width: 639px) { .main-footer { padding-left: 1rem; padding-right: 1rem; } } .bg-rg-footer { justify-content: center; flex-wrap: wrap; } /* footer */ .customFooter { display: grid; width: 100%; gap: 1rem; } .footerHeader { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid var(--footer-txt-color); } .footerLogos { display: grid; grid-auto-flow: column; } .footerLogos img { max-height: 70px; width: auto; } .footerLogos img+img { border-left: 1px solid var(--footer-txt-color); padding-left: 1rem; margin-left: 1rem; } .footerContent { display: grid; grid-auto-flow: column; grid-auto-columns: 30% 50% calc(20% - 2rem); gap: 1rem; } .footerTitle { font-size: 1.5rem !important; line-height: 1 !important; } .contactItem { font-size: 1rem; display: flex; align-items: center; gap: 0.5rem; margin: 1rem 0 !important; } .contactItem em { font-size: 1rem !important; } .contactItem em span { display: none; } .footerLinks { display: grid; grid-auto-flow: column; gap: 1rem; } .linkColumn h3 { font-size: 1.25rem; text-transform: uppercase; margin-bottom: 1rem; } .linkColumn p { margin-bottom: 0.25rem; } .footerMLS { display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 768px) { .footerContent { grid-auto-flow: row; grid-auto-columns: 100%; } .footerMLS { align-items: flex-start; } } @media (max-width: 500px) { .footerHeader { flex-direction: column; align-items: flex-start; } .footerLinks { grid-auto-flow: row; } } /* alt footer */ @media (min-width: 768px) { .customFooter.alt-footer { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* miranda fixes */ .miranda-wrapper .footer-section:nth-child(2) { display: none; } .miranda-wrapper .rg-footer { text-align: center; } .rg-footer p { margin-bottom: 0 !important; display: inline !important; font-size: 13px !important; } /* **************** */ /* SIGN IN BAR */ /* **************** */ .custom-content[data-style="sign-in-bar"i] { flex-direction: row; justify-content: space-between; /* max-width: 1440px; */ padding: calc(var(--custom-section-spacing) / 4) !important; } .custom-content[data-style="sign-in-bar"i] .content-col.large { width: 70%; align-items: flex-start; } .custom-content[data-style="sign-in-bar"i] .content-col.small { width: 25%; align-items: center; } .custom-content[data-style="sign-in-bar"i] .content-col h2 { margin-bottom: 0; padding-bottom: 0; } .custom-content[data-style="sign-in-bar"i] .content-col h2 span { display: block; font-size: 0.75em; } .rgsb .secondary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:active { background-color: var(--primary-color) !important; box-shadow: 0 0 0 0.25rem var(--primary-color); } .rgsb .secondary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:visited { background-color: var(--primary-color) !important; box-shadow: 0 0 0 0.25rem var(--primary-color); } .rgsb .secondary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:hover { background-color: var(--primary-color) !important; box-shadow: 0 0 0 0.25rem var(--primary-color); } .rgsb .primary-bg .custom-content[data-style="sign-in-bar"i] .userButton button { background-color: var(--secondary-color) !important; } .rgsb .primary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:active { box-shadow: 0 0 0 0.25rem var(--secondary-color); } .rgsb .primary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:visited { box-shadow: 0 0 0 0.25rem var(--secondary-color); } .rgsb .primary-bg .custom-content[data-style="sign-in-bar"i] .userButton button:hover { box-shadow: 0 0 0 0.25rem var(--secondary-color); } @media (max-width: 600px) { .custom-content[data-style="sign-in-bar"i] { flex-direction: column; text-align: center; } .custom-content[data-style="sign-in-bar"i] .content-col:first-child { padding-bottom: 1rem; width: 100%; } .custom-content[data-style="sign-in-bar"i] .content-col:nth-child(2) { width: 100%; align-items: center; } } /* **************** */ /* HOME VALUE */ /* **************** */ .rgsb-custom.home iframe.h-anna-valuation-widget, .rgsb-custom.home iframe.h-anna-valuation-widget[style] { height: 20rem !important; } :not(.h-hero-img) .rgsb-custom.home .js-rg-anna-valuation-root { padding-top: 5rem; } @media (min-width: 1150px) { :not(.h-hero-img) .rgsb-custom.home .js-rg-anna-valuation-root { width: 50%; } } @media (min-width: 730px) and (max-width: 1149px) { :not(.h-hero-img) .rgsb-custom.home .js-rg-anna-valuation-root { width: 75%; } } @media (max-width: 729px) { :not(.h-hero-img) .rgsb-custom.home .js-rg-anna-valuation-root { width: 100%; } } .h-hero-img .rgsb-custom.home .js-rg-anna-valuation-root { width: 100%; } .custom-section.home-value { background: linear-gradient(to bottom, var(--home-value-bg-overlay), var(--home-value-bg-overlay)), var(--home-value-background) no-repeat center center fixed; padding: var(--custom-section-spacing) 0; } .rgsb-custom.home>.js-rg-anna-valuation-root { display: none; } @media (max-width: 768px) { .custom-section.home-value { background-attachment: initial; } } /* slider overrides */ .splide__arrow svg { fill: var(--primary-color); height: 1.5em; width: 1.5em; } .splide__arrow:hover svg { fill: var(--secondary-color); } .splide__pagination__page.is-active { background-color: var(--primary-color); } .splide__pagination__page:hover { background-color: var(--primary-color); } @media (max-width: 800px) { .splide__arrows { display: none; } } .splide { padding-top: 1em; } /* footer icons */ .soc-list-footer { display: flex; margin-top: 1rem; } .soc-list-footer>div { font-size: 2rem; } #nav-logo { opacity: 1; transition: 0.2s ease; } @media (min-width: 640px) { .rgsb #nav-logo { min-width: 232px; } } /* nav */ header.top-nav #nav-links a { border: 0; letter-spacing: 1px; } header.top-nav #nav-links a::before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 1rem; left: 0; background-color: var(--nav-underline-clr); visibility: hidden; transform: scaleX(0); transition: all 0.2s ease-in-out 0s; } header.top-nav #nav-links a:hover::before { visibility: visible; transform: scaleX(1); } /* lariva search button */ .search-section.w-9\/12.md\:w-6\/12.xl\:w-5\/12>* { width: 100% !important; } .search-section { opacity: 1; transition: 0.3s ease; } .search-section.hide-search { opacity: 0; } .banner-search-buttons { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; margin-top: var(--banner-search-button-margin-top); } .banner-search-buttons .search-button { padding: 0.75rem 1.5rem; font-size: 0.8rem !important; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.3); border: 2px solid #fff; transition: 0.3s ease; color: #fff; cursor: pointer; letter-spacing: 2px; } .banner-search-buttons .search-button:hover { background-color: var(--primary-color) !important; border: 2px solid var(--primary-color); } .home .h-hero-image>div:nth-child(2) .search-section.hide-search ul, .home .search-section.hide-search #react-typeahead { opacity: 0; transition: 0.3s ease; } .home .h-hero-image>div:nth-child(2) .search-section ul, .home .search-section #react-typeahead { opacity: 1; } /* nav shrink */ header #nav-links.force-hide { display: none !important; } header #nav-menu-button.force-hide { display: flex !important; } /* hide icons */ header #nav-icons.force-hide .hidden { display: none; } header #nav-icons.force-hide-centered .hidden { opacity: 0; } header #nav-icons.force-hide-centered-top .hidden { transition: 0.2s ease; } header:not(.scrolledDown) #nav-icons.force-hide-centered-top .hidden { opacity: 1; } header #nav-icons.force-hide #nav-menu-button .w-5 { width: 2.5rem; } header #nav-icons.force-hide #nav-menu-button .h-5 { height: 2.5rem; } /* mobile-menu */ #mobile-menu .h-mobile-nav-inner .pl-12 { padding-left: 4rem; } #mobile-menu .h-mobile-nav-inner .pr-32 { padding-left: 4rem; } #mobile-menu .pb-2 a { border: 0; position: relative; } #mobile-menu .pb-2 a::before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -0.5rem; left: 0; background-color: var(--nav-hover-clr); visibility: visible; transform: scaleX(1); transition: all 0.2s ease-in-out 0s; transform-origin: left; } #mobile-menu .pb-2 a:hover::before { visibility: hidden; transform: scaleX(0); } #mobile-menu .sm\:hidden { display: block; } #mobile-menu .bg-dark-gray { background-color: var(--secondary-color); } /* padding fix */ @media (min-width: 1440px) { .home .xl\:pr-14 { padding-right: 0 !important; } } /* search header */ /* .pages .text-hero { font-weight: 500; } */ /* banner logo */ .bannerLogoWrapper { margin-bottom: 2rem; } .bannerLogo { min-width: var(--bannerLogoMinWidth); max-width: var(--bannerLogoMaxWidth); margin: auto; } @media (max-width: 900px) and (orientation: landscape) { .bannerLogo { width: 150px; min-width: 150px; } } /* info tiles */ .infoTile { aspect-ratio: 5/6; overflow: hidden; } @media (max-width: 768px) { .infoTile { height: 600px; width: 100%; } } .infoTile .tileContent { bottom: 0; padding: 1rem; transition: 0.35s ease; } .infoTile .tileBackground { transition: 0.35s ease; } .infoTile .tileBackground::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgb(0, 0, 0, 0.75) 0 15%, transparent 35% 100%); transition: 0.35s ease; } .infoTile .tileHeader { margin: 0; padding: 0; color: #fff; position: relative; } .infoTile .tileHeader::before { content: ""; position: absolute; width: 125%; height: 1px; bottom: 0; left: 0; background-color: #fff; /* visibility: hidden; */ transition: all 0.35s ease-in-out 0s; transform-origin: left; } .infoTile .tileSub { color: #fff; opacity: 0; transition: 0.35s ease; margin: 0; } .infoTile .link-overlay {} .infoTile .link-overlay a {} .infoTile .link-overlay a span { display: none; } .infoTile:hover .tileBackground::before { height: 150%; } .infoTile:hover .tileContent { bottom: 5%; } .infoTile:hover .tileSub { opacity: 1; } .infoTile:hover .tileHeader::before { width: 150%; } .infoTile:hover .tileBackground { transform: scale(1.1); } /* social in header */ .h-hero-image .soc-list-footer { position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); z-index: 2; gap: 2rem; } .h-hero-image .soc-list-footer a.social-icon-footer { color: #fff; transition: 0.2s ease; font-size: 1.5rem; } .h-hero-image .soc-list-footer a.social-icon-footer:hover { color: var(--primary-color); transition: 0.2s ease; } /* rounds */ .custom-rnd { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 1rem; } .custom-rnd img { border: 2px solid var(--secondary-color); border-radius: 100%; padding: 0.25rem; transform: scale(0.95); transition: 0.2s ease; } .custom-rnd img:hover { transform: scale(1); border-color: var(--primary-color) !important; } /* random adjustments */ .idx_logo { max-width: 100px; } #listings article>div:last-child>div { display: none; } #nav-menu-button svg path { transition: 0.2s ease; } #nav-menu-button svg:hover path { d: path("M 4 8 h 16 M 4 12 h 16 M 4 16 h 16"); } #mobile-menu button.icon-x { transition: 0.2s ease; } #mobile-menu button.icon-x:hover { transform: rotate(90deg); } /* agent section */ .agent img { max-width: 400px; aspect-ratio: 1; object-fit: cover; filter: grayscale(0); transition: 0.2s ease; } .agent:hover img { filter: grayscale(1); } .agent .agent-details {} .agent .agent-details h3 { margin-bottom: 0.5rem; } .agent .agent-details p:not(last-of-type) { margin-bottom: 0.25rem; margin-top: 0.25rem; line-height: 1; } .agent .agent-details p:last-of-type { margin-bottom: 0; } .agent .--secondary-bg, .agent p a { transition: 0.2s ease; } .mce-content .agent .--secondary-bg p a { color: #fff !important; } .agent:hover .--secondary-bg { background-color: var(--primary-color) !important; } .agent:hover .--secondary-bg p a { color: #fff !important; } .agent:hover .--secondary-bg p a:hover { color: var(--secondary-color) !important; } /* search hero shadow */ body .text-hero { text-shadow: 2px 2px 2px rgb(0 0 0 / 75%); } /* search box banner buttons */ .h-hero-image.custom-search-box>div:nth-child(2) ul { width: 100%; max-width: 1024px; } .h-hero-image>div:nth-child(2) ul li a { width: 100%; justify-content: center; display: flex; gap: 0.25rem; letter-spacing: 2px; } /* square listings */ /* listings */ #listings.square-listings h2 { margin-bottom: 2rem; } #listings.square-listings .truncate { display: none; } #listings.square-listings article { position: relative; } #listings.square-listings article>div:last-child { position: absolute; bottom: 0; background-image: linear-gradient(to top, #000, transparent); transition: 0.2s linear; padding-top: 1rem; } #listings.square-listings article:hover>div:last-child { padding-top: 3rem; } #listings.square-listings article>div:last-child>section>div { margin-bottom: 0; } #listings.square-listings article>div:last-child>section>div span, #listings.square-listings article>div:last-child>section>div p { color: #fff !important; } #listings article>div:last-child>section>div svg { fill: #fff !important; width: 2rem; height: 2rem; } #listings.square-listings article>div:nth-child(3)>div { display: none; } #listings.square-listings article { padding-bottom: 0; } #listings.square-listings img { /* height: 230px; */ object-fit: cover; } /* community slider */ .community-slider[class*="grid-"] { display: block; } .community-slider .splide__arrow--prev { left: 50%; top: auto; bottom: -3rem; transform: translateX(-225%); } .community-slider .splide__arrow--next { right: 50%; transform: translateX(225%); top: auto; bottom: -3rem; } .splide__pagination { bottom: -2.5rem; } /* .--hvr-overlay-75 .is-active .community-container .community-overlay { } */ @media (min-width: 800px) { .--outline-hvr .splide__slide.is-active .community-container .community-overlay { outline: 2px solid #fff; outline-offset: -1.75rem; } .--primary-hvr-overlay .splide__slide.is-active .community-container .community-overlay { background-color: var(--primary-color); } .--secondary-hvr-overlay .splide__slide.is-active .community-container .community-overlay { background-color: var(--secondary-color); } .--dark-hvr-overlay .splide__slide.is-active .community-container .community-overlay { background-color: #000000; } .--alt-hvr-overlay .splide__slide.is-active .community-container .community-overlay { background-color: #aadcdb; } .rgsb-custom .--zoom .splide__slide.is-active .community-container .community-overlay { transform: scale(1.05); } .--hvr-overlay-75 .splide__slide.is-active .community-container .community-overlay { opacity: 0.75; } .--hvr-overlay-50 .splide__slide.is-active .community-container .community-overlay { opacity: 0.5; } .--hvr-overlay-25 .splide__slide.is-active .community-container .community-overlay { opacity: 0.25; } .rgsb-custom .--grayscale-hvr .splide__slide.is-active .community-container .community-overlay { filter: grayscale(1); } .rgsb-custom .splide__slide.is-active .community-container p { opacity: 1; transform: scale(1) translateX(-50%); } .rgsb-custom .splide__slide.is-active .community-container h3 { top: 40% !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .rgsb-custom .sub-links .splide__slide.is-active .community-container h3 { top: 30% !important; } /* .splide__list { align-items: center; } .rgsb-custom .splide__slide:not(.is-active) .community-container img { aspect-ratio: 5/3; } */ } @media (max-width: 800px) { .community-slider .splide__arrows { display: flex; } } /*  */ body .text-hero { text-shadow: 2px 2px 2px rgb(0 0 0 / 75%); } /* banner down arrow */ @keyframes bounce { 0%, 4%, 10%, 16%, 20% { transform: translateY(0); } 8% { transform: translateY(-30px); } 12% { transform: translateY(-15px); } } .bounce:not(:active, :hover) { -webkit-animation-name: bounce; animation-name: bounce; animation-duration: 6s; animation-timing-function: ease; animation-fill-mode: both; animation-iteration-count: infinite; } .down { position: absolute; bottom: 4rem; left: 5%; /* transform: translateX(-50%); */ color: #fff; font-size: 2rem; transition: 300ms ease; z-index: 2; cursor: pointer; } .down:hover { color: var(--primary-color); bottom: 3.75rem; } /* fancy accordion */ .rgsb-custom .accordion { --accordion-bg-color: transparent; --accordion-hover-bg-color: #f8f8f8; --accordion-tile-color: var(--secondary-color); --accordion-icon-color: var(--secondary-color); border-bottom: 1px solid var(--secondary-color); box-shadow: none !important; } .rgsb-custom .accordion-section-title.active { --accordion-bg-color: var(--accordion-hover-bg-color); } .rgsb-custom .accordion-section-title.active, .rgsb-custom .accordion-section-title:hover { padding-left: 1rem !important; } .rgsb-custom .accordion-section-title:after { /* border: 1px solid #000; */ padding: 0.15rem 0.5rem; border-radius: 100%; font-size: 44px; } .rgsb-custom .accordion-section-title { padding-left: 0 !important; transition: 300ms ease !important; } /* templeton CTA tiles */ @media (min-width: 768px) { .rgsb-custom .custom-section.banner-override { margin-top: -14vh !important; } } .cta-tiles a { background-position: center; background-size: cover; position: relative; background-repeat: no-repeat; z-index: 3; } .cta-tiles.--overlay a::after { content: ""; background-color: var(--overlay-clr); opacity: var(--overlay-opacity); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .rgsb .cta-tiles a.--p-lg { padding: 13vh 5vw !important; } .cta-tiles .tile-content { display: flex; justify-content: center; align-items: center; } .cta-button { padding: 1rem 2.5rem; letter-spacing: 2px; transition: 300ms ease; cursor: pointer; line-height: 22px; font-size: 1.25rem; z-index: 3; } .cta-button.--outline { border: var(--border-size) solid var(--border-color); } .cta-button.--outline.--wht { --border-color: #fff; color: #fff; } .cta-button.--outline.--blk { --border-color: #000; color: #000; } .cta-button.--outline.--primary { --border-color: var(--primary-color); color: var(--primary-color); } .cta-button.--outline.--secondary { --border-color: var(--secondary-color); color: var(--secondary-color); } .cta-button.--outline.--alt { --border-color: var(--alt-color); color: var(--alt-color); } .cta-button.--outline.--hvr-wht:hover { --border-color: #fff; background-color: #fff; color: #000; } .cta-button.--outline.--hvr-blk:hover { --border-color: #000; background-color: #000; color: #fff; } .cta-button.--outline.--hvr-primary:hover { --border-color: var(--primary-color); background-color: var(--primary-color); color: #fff; } .cta-button.--outline.--hvr-secondary:hover { --border-color: var(--secondary-color); background-color: var(--secondary-color); color: #fff; } .cta-button.--outline.--hvr-alt:hover { --border-color: var(--alt-color); background-color: var(--alt-color); color: var(--alt-txt-clr); } .cta-button.--outline.--thin { --border-size: 1px; } .cta-button.--outline.--reg { --border-size: 2px; } .cta-button.--outline.--thick { --border-size: 3px; } /* 20. LARGE COMMUNITY SECTION */ .rgsb-custom #featuredCommunities { max-width: 2000px; margin: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; } /* general styles */ .rgsb-custom #featuredCommunities hr { border: none; border-bottom: 1px solid var(--hr-color); margin-top: 10px; clear: none; width: 100%; } .rgsb-custom #featuredCommunities img { width: max-content; height: 100%; max-width: none; } /* img right */ .rgsb-custom #featuredCommunities .imgRight { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; width: 100%; height: 400px; } .rgsb-custom .imgRight .imgRight-content { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 3rem; flex: 0 1 30%; height: 100%; } .rgsb-custom .imgRight .imgRight-image { flex: 0 1 70%; height: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; overflow: hidden; } /* img Left */ .rgsb-custom #featuredCommunities .imgLeft { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; width: 100%; height: 400px; flex-direction: row-reverse; } .rgsb-custom .imgLeft .imgLeft-content { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 0 3rem; flex: 0 1 30%; height: 100%; text-align: right; } .rgsb-custom .imgLeft .imgLeft-image { flex: 0 1 70%; height: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; align-items: center; overflow: hidden; } /* mobile */ @media (max-width: 736px) { .rgsb-custom #featuredCommunities .imgRight { flex-direction: column; height: auto; } .rgsb-custom #featuredCommunities .imgLeft { flex-direction: column; height: auto; } .rgsb-custom .imgRight .imgRight-image, .rgsb-custom .imgLeft .imgLeft-image { display: none; } .rgsb-custom .imgRight .imgRight-content, .rgsb-custom .imgLeft .imgLeft-content { justify-content: center; align-items: center; text-align: center; width: 100%; } .rgsb-custom #featuredCommunities { padding: 1rem; } }