/* James Granat Real Estate — light nurture IDX skin */
:root {
  --jg-ivory: #f7f2e8;
  --jg-paper: #fffdf8;
  --jg-charcoal: #26221c;
  --jg-muted: #6f675d;
  --jg-stone: #e2d8c7;
  --jg-gold: #b58a3a;
  --jg-gold-dark: #8f6a2d;
}

html,
body,
.wp-site-blocks {
  background: var(--jg-ivory) !important;
  color: var(--jg-charcoal) !important;
}

body,
button,
input,
textarea,
select {
  font-family: Inter, Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

.wp-site-blocks > header,
.wp-block-template-part:first-child {
  background: rgba(255, 253, 248, .96) !important;
  border-bottom: 1px solid var(--jg-stone) !important;
  box-shadow: 0 10px 30px rgba(38, 34, 28, .06) !important;
}

.wp-site-blocks > header *,
.wp-block-template-part:first-child * {
  color: var(--jg-charcoal) !important;
}

.wp-block-site-title,
.wp-block-site-title a {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.wp-block-navigation a,
.wp-block-button__link {
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.wp-block-button__link {
  background: var(--jg-gold) !important;
  border: 1px solid var(--jg-gold) !important;
  color: #fffdf8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.wp-site-blocks > main,
.wp-site-blocks .wp-block-post-content,
#sidx-main-container,
.sidx-container {
  background: var(--jg-ivory) !important;
}

#sidx-main-container {
  max-width: 1220px !important;
  margin: 34px auto 48px !important;
  padding: 0 22px !important;
}

.sidx-main-app-body,
.sidx-listing-details,
.sidx-search-results,
.sidx-dashboard,
.sidx-listings,
.sidx-saved-searches {
  background: transparent !important;
  color: var(--jg-charcoal) !important;
}

.sidx-main-header {
  background: var(--jg-paper) !important;
  border: 1px solid var(--jg-stone) !important;
  border-bottom: 0 !important;
  padding: 14px 20px !important;
}

.sidx-main-header a,
.sidx-main-header span,
.sidx-header-link {
  color: var(--jg-charcoal) !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.sidx-columns,
.sidx-listing-details,
.sidx-listing-heading,
.sidx-primary-info,
.sidx-list-items,
.sidx-call-to-actions,
.sidx-open-houses,
.sidx-photo-array,
.mortgage-calculator,
.sidx-listing-description,
.sidx-listing-general-features,
.sidx-details-table,
.sidx-schools,
.sidx-listing-disclaimer {
  background: var(--jg-paper) !important;
  border-color: var(--jg-stone) !important;
}

.sidx-listing-details {
  border: 1px solid var(--jg-stone) !important;
  box-shadow: 0 20px 50px rgba(38, 34, 28, .08) !important;
}

.sidx-listing-heading {
  padding: 28px 24px !important;
}

.sidx-price,
.sidx-listing-heading h1,
.sidx-heading,
.mortgage-calculator h2,
.monthly-payment__title {
  color: var(--jg-charcoal) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.sidx-price {
  font-size: clamp(30px, 3.2vw, 46px) !important;
  line-height: 1.02 !important;
}

.sidx-listing-heading h1 {
  max-width: 460px !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.02 !important;
}

.sidx-address-2,
.sidx-sub-address,
.sidx-days-online,
.sidx-key,
.sidx-primary-info-item-title-top,
.sidx-primary-info-item-title-bottom,
.sidx-listing-disclaimer,
.sidx-powered-by {
  color: var(--jg-muted) !important;
}

.sidx-days-online {
  background: var(--jg-charcoal) !important;
  color: #fffdf8 !important;
  border-radius: 0 !important;
}

.sidx-primary-info,
.sidx-list-items,
.sidx-details-table,
.mortgage-calculator,
.sidx-open-houses {
  border: 1px solid var(--jg-stone) !important;
}

.sidx-primary-action,
.sidx-call-to-actions button,
.sidx-primary,
.sidx-button,
.sidx-call-button,
.mortgage-calculator button {
  background: var(--jg-gold) !important;
  border: 1px solid var(--jg-gold) !important;
  color: #fffdf8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.sidx-primary-action *,
.sidx-call-to-actions button *,
.sidx-primary *,
.sidx-button *,
.sidx-call-button * {
  color: #fffdf8 !important;
}

.sidx-primary-action:hover,
.sidx-call-to-actions button:hover,
.sidx-primary:hover,
.sidx-button:hover,
.sidx-call-button:hover {
  background: var(--jg-gold-dark) !important;
  border-color: var(--jg-gold-dark) !important;
}

.sidx-icon,
.sidx-fa,
.blue {
  color: var(--jg-gold) !important;
}

.sidx-primary-action .sidx-icon,
.sidx-primary .sidx-icon,
.sidx-button .sidx-icon {
  color: #fffdf8 !important;
}

.sidx-photo-array img,
.sidx-carousel img,
.sidx-listing-card img {
  border-radius: 0 !important;
}

input,
select,
textarea,
.idx-input input,
.idx-select select {
  background: #fff !important;
  border: 1px solid var(--jg-stone) !important;
  color: var(--jg-charcoal) !important;
  border-radius: 0 !important;
}

.wp-site-blocks > footer,
.wp-block-template-part:last-child {
  background: var(--jg-paper) !important;
  color: var(--jg-charcoal) !important;
  border-top: 1px solid var(--jg-stone) !important;
}

.wp-site-blocks > footer *,
.wp-block-template-part:last-child * {
  color: var(--jg-charcoal) !important;
}

@media (max-width: 782px) {
  #sidx-main-container {
    margin: 18px auto 32px !important;
    padding: 0 12px !important;
  }

  .wp-site-blocks > header,
  .wp-block-template-part:first-child {
    padding: 16px !important;
  }

  .sidx-main-header {
    padding: 12px !important;
  }

  .sidx-listing-heading {
    padding: 22px 18px !important;
  }

  .sidx-listing-heading h1 {
    font-size: 32px !important;
  }

  .sidx-price {
    font-size: 31px !important;
  }
}