/* Stubbs brand overrides load after both source and minified MLS bundles. */
@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('/stylesheets/css/fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('/stylesheets/css/fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('/stylesheets/css/fonts/MyriadPro-Bold.woff2') format('woff2'),
       url('/stylesheets/css/fonts/MyriadPro-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --siteFont: var(--siteFont2), "Helvetica Neue", Helvetica, Arial, sans-serif;
  --siteFont1: 'Proxima Nova Rg';
  --siteFont2: 'Lato';
  --siteFont3: 'Myriad Pro';

  --siteColor1: 191, 70%, 18%;
  --siteColor2: 207, 100%, 26%;
  --siteColor3: var(--gray30);
  --siteColor4: var(--gray80);
  --siteColor5: 210, 70%, 56%;
  --siteColor6: 182, 49%, 71%;
}

/* Keep secondary-brand button backgrounds accessible in every button state. */
button.site-color-2-bg,
.btn.site-color-2-bg,
.is-btn.site-color-2-bg,
button.site-color-2-bg-hover:hover,
.btn.site-color-2-bg-hover:hover,
.is-btn.site-color-2-bg-hover:hover,
.content-builder-wrap .btn.site-color-2-bg,
.content-builder-wrap .is-btn.site-color-2-bg,
.content-builder-wrap .btn.site-color-1-bg:hover,
.content-builder-wrap .is-btn.site-color-1-bg:hover {
  color: hsl(var(--white)) !important;
}

.srp-header-filters-count {
  color: hsl(var(--white));
}

.mls-property-widget-img-area-banner.site-color-2-bg > .icon,
.mls-property-widget-img-area-banner.site-color-2-bg > .mls-property-widget-img-area-banner-text {
  color: hsl(var(--white)) !important;
}

.mls-header-logo-img {
  width: 11.25rem;
  max-width: 100%;
  height: auto;
}

/* Match the homepage: desktop contact links above navigation, mobile links in the menu. */
.mls-header-bar {
  gap: 0.5rem;
}

.mls-header-menu {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.mls-header-contact-actions {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 0.5rem;
}

.mls-header-contact-actions .mls-header-login,
.mls-header-contact-actions .mls-header-phone-number {
  margin: 0;
}

.mls-header-contact-actions .mls-header-login-link,
.mls-header-contact-actions .mls-header-phone-number-link {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border: none;
  background-color: transparent;
  color: hsl(var(--siteColor1));
  white-space: nowrap;
}

.mls-header-contact-actions .icon {
  position: static;
  flex-shrink: 0;
  margin-right: 0.35rem;
  transform: none;
  color: inherit;
}

.mls-header-contact-actions .mls-header-login-text,
.mls-header-contact-actions .mls-header-phone-number-text {
  display: block;
}

@media (min-width: 1025px) {
  .mls-header-logo {
    flex-grow: 0;
    flex-shrink: 0;
  }

  .mls-header-menu {
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5rem;
  }

  .mls-header-contact-actions {
    display: flex;
  }

  .mls-header-menu > .i-header-navigation {
    width: 100%;
    margin-right: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  .mls-header-bar,
  .mls-header-bar-sub {
    width: 100%;
  }
}

/* Match the homepage contact and social section inside the mobile menu. */
.i-header-navigation-sub-list {
  background-color: hsla(var(--siteColor1), 15%);
}

.i-header-navigation-sub-list .i-header-navigation-link {
  background-color: transparent;
}

.i-header-navigation-sub-list #socialNavItem {
  padding: 0.5rem 1rem;
}

/* Social Media */
.i-social-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
.i-social-item { list-style: none; margin: 0.125rem; }
.i-social-item a { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; position: relative; background: hsl(var(--white)); border-radius: 50%; text-decoration: none; transition: all 0.25s ease-in-out; }
.i-social-item a:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: 100% 100%; }
.i-social-link-facebookURL { background-color: hsl(221, 44%, 41%); }
.i-social-link-facebookURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>'); }
.i-social-link-facebookURL:hover { background: hsl(221, 44%, 61%) !important; }
.i-social-link-twitterURL { background: hsl(196, 100%, 46%); }
.i-social-link-twitterURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="hsl(191, 70%, 18%)" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>'); }
.i-social-link-twitterURL:hover { background: hsl(196, 100%, 66%) !important; }
.i-social-link-pinterestURL { background: hsl(358, 73%, 46%); }
.i-social-link-pinterestURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="hsl(191, 70%, 18%)" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg>'); }
.i-social-link-pinterestURL:hover { background: hsl(358, 73%, 66%) !important; }
.i-social-link-youtubeURL { background: hsl(0, 100%, 37%); }
.i-social-link-youtubeURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="hsl(191, 70%, 18%)" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>'); }
.i-social-link-youtubeURL:hover { background: hsl(0, 100%, 57%) !important; }
.i-social-link-linkedinURL { background: hsl(201, 100%, 35%); }
.i-social-link-linkedinURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 01107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>'); }
.i-social-link-linkedinURL:hover { background: hsl(201, 100%, 55%) !important; }
.i-social-link-instagramURL { background: hsl(230, 77%, 58%); }
.i-social-link-instagramURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>'); }
.i-social-link-instagramURL:hover { background: hsl(230, 77%, 78%) !important; }
.i-social-link-yelpURL { background: hsl(0, 93%, 35%); }
.i-social-link-yelpURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="hsl(191, 70%, 18%)" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 01-28.21-19.6 197.16 197.16 0 019-85.32 22.8 22.8 0 0131.61-13.21zm44 239.25a199.45 199.45 0 0079.42 32.11A22.78 22.78 0 00192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 004.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0034 5.5 198.36 198.36 0 0052.71-67.61A23 23 0 00364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 00-50.41-69.31 22.85 22.85 0 00-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0014.61-31.21zM62.11 30.18a22.86 22.86 0 00-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 00-24.5-22.8 320.37 320.37 0 00-112.33 30.1z"></path></svg>'); }
.i-social-link-yelpURL:hover { background: hsl(0, 93%, 55%) !important; }
.i-social-link-flickrURL { background: hsl(213, 100%, 43%); }
.i-social-link-flickrURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z"></path></svg>'); }
.i-social-link-flickrURL:hover { background: hsl(213, 100%, 63%) !important; }
.i-social-link-blogURL { background: hsl(31, 100%, 48%); }
.i-social-link-blogURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"></path></svg>'); }
.i-social-link-blogURL:hover { background: hsl(31, 100%, 68%) !important; }
.i-social-link-tiktokURL { background: hsl(0, 0%, 0%); }
.i-social-link-tiktokURL:before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(191, 70%, 18%)" d="M448 209.9a210.1 210.1 0 0 1-122.8-39.3v178.7A162.6 162.6 0 1 1 185 188.3v89.9a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1v87.4z"></path></svg>'); }
.i-social-link-tiktokURL:hover { background: hsl(348, 99%, 58%) !important; }
.i-social-link-text { display: none; }

/* PDP open-house callout */
.pdp-property-widget-special-wrap {
  padding: 1rem 1.5rem 0;
}

.pdp-property-widget-special {
  margin-bottom: 2rem;
}

.pdp-property-widget-special:last-child {
  margin-bottom: 0;
}

.pdp-property-widget-special .card {
  overflow: hidden;
  border: 0.0625rem solid hsla(var(--siteColor1), 18%);
  border-radius: var(--borderRadius);
  box-shadow: 0 0.75rem 2rem hsla(var(--siteColor1), 12%);
}

.pdp-property-widget-special .card-header {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 1rem 1.25rem;
  border: 0;
  background: linear-gradient(135deg, hsl(var(--siteColor1)) 0%, hsl(var(--siteColor2)) 100%);
  color: hsl(var(--white));
  font-family: var(--siteFont1), "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: var(--wMedium);
  letter-spacing: 0.035em;
}

.pdp-property-widget-special .card-body {
  padding: 1.25rem 1.35rem;
  background: linear-gradient(180deg, hsla(var(--siteColor6), 22%) 0%, hsl(var(--white)) 100%);
}

.pdp-open-house-event + .pdp-open-house-event {
  margin-top: 1.125rem;
  padding-top: 1.125rem;
  border-top: 0.0625rem solid hsla(var(--siteColor1), 14%);
}

.pdp-property-widget-special .pdp-open-house-date,
.pdp-property-widget-special .pdp-open-house-time,
.pdp-property-widget-special .pdp-open-house-description {
  margin: 0;
}

.pdp-property-widget-special .pdp-open-house-date {
  color: hsl(var(--siteColor1));
  font-size: 1.05rem;
  letter-spacing: 0.025em;
}

.pdp-property-widget-special .pdp-open-house-date strong {
  font-weight: var(--wBold);
}

.pdp-property-widget-special .pdp-open-house-time {
  margin-top: 0.2rem;
  color: hsl(var(--siteColor2));
  font-weight: var(--wMedium);
}

.pdp-property-widget-special .pdp-open-house-description {
  margin-top: 0.45rem;
  color: hsl(var(--bodyFontColor));
  line-height: 1.55;
}

.pdp-property-widget-special p:empty {
  display: none;
}

@media (min-width: 1025px) {
  .pdp-property-widget-special-wrap {
    padding: 1rem 0 0;
  }
}
