/* ============================================================
     .eqr-pulse — Market Pulse cards (today / next)
  ============================================================ */
 .eqr-pulse-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    min-width: 0;
  }
  @media (max-width: 600px) {
    .eqr-pulse-grid { grid-template-columns: minmax(0, 1fr); }
  }

  .eqr-pulse-card {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 1.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
    text-decoration: none;
  }

  .eqr-pulse-card p {
    font-family: 'Fraunces', Georgia, serif;
    font-style: italic;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.55;
    color: #1C1B19;
    margin: 0;
    overflow-wrap: anywhere;
  }  

/*   .eqr-pulse-card p::before {
    content: "“ "; 
    margin-left: -10px;
    font-weight: bold;
  }

  .eqr-pulse-card p::after {
    content: " ”"; 
    font-weight: bold;
  }

 */

/*    .eqr-pulse-card p > * {
    display: inline;
    margin: 0;
    padding: 0;
  } 


 */
  .eqr-pulse-card__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    font-weight:500;
    /* color: #6B6558; */
    color: #A9834F;
  }

  .eqr-pulse-card__label svg {
    width: 24px;
    height: 24px;
    color: #A9834F;
    flex-shrink: 0;
  }

  .eqr-pulse-card__quote {
    font-family: 'Fraunces', Georgia, serif;
    font-style: italic;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.55;
    color: #1C1B19;
    margin: 0;
    overflow-wrap: anywhere;
  }


  .eqr-pulse-card__byline {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 0.5px solid #D8D3C7;
    padding-top: .85rem;
    margin-top: .1rem;
    min-width: 0;
  }

  .eqr-pulse-card__avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #A9834F;
  }

  .eqr-pulse-card__byline-text { line-height: 1.35; min-width: 0; overflow-wrap: anywhere; }
  .eqr-pulse-card__name { font-size: .85rem; color: #1C1B19; display: block; font-weight: 400;}
  .eqr-pulse-card__title { font-size: .75rem; color: #6B6558; display: block; font-weight: 400;}

  /* ============================================================
     .eqr-values — Current home values + mini line chart
  ============================================================ */
  .eqr-values-card {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
    min-width: 0;
  }
  @media (max-width: 600px) {
    .eqr-values-card { grid-template-columns: minmax(0, 1fr); }
  }


  .eqr-values-card__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    font-weight: 500;
    color: #A9834F;
    margin: 0 0 .5rem;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .eqr-values-card__label svg {
    width: 24px;
    height: 24px;
    color: #A9834F;
    flex-shrink: 0;
  }
/*   .eqr-values-card__label {
    font-size: 1rem;
    font-weight: 500;
    color: #A9834F;
    margin: 0 0 .5rem;
    min-width: 0;
    overflow-wrap: anywhere;
  }
 */
  .eqr-values-card__copy {
    font-size: 1.15rem;
    line-height: 1.65;
    color: #1C1B19;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .eqr-values-card__copy strong { font-weight: 600; }

  .eqr-values-card__chart {
    min-width: 0;
  }

  .eqr-values-chart-svg {
    display: block;
    width: 100%;
    height: auto;
  }

  .eqr-values-chart-labels {
    display: flex;
    justify-content: space-between;
    font-size: .7rem;
    color: #6B6558;
    margin-top: .35rem;
  }

  /* ============================================================
     .eqr-track — Track Record (header, 2x2 stats, map)
  ============================================================ */
  .eqr-track-section {
    background: #F7F5F0;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
  }

  .eqr-track__heading {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .95rem;
    color: #1C1B19;
    margin: 0 0 .35rem;
  }
  .eqr-track__heading svg {
    width: 18px;
    height: 18px;
    color: #A9834F;
    flex-shrink: 0;
  }

  .eqr-track__lead {
    font-size: .82rem;
    color: #6B6558;
    line-height: 1.6;
    margin: 0;
    overflow-wrap: anywhere;
  }
  .eqr-track__lead a {
    color: #A9834F;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
  }
  .eqr-track__lead a:hover,
  .eqr-track__lead a:focus-visible { color: #1C1B19; }

  .eqr-track__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 1.5rem;
    align-items: stretch;
    min-width: 0;
  }
  @media (max-width: 700px) {
    .eqr-track__body { grid-template-columns: minmax(0, 1fr); }
  }

  /* --- 2x2 stat grid --- */
  .eqr-track__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    background: #f6f5f1;
    border-radius: 8px;
    min-width: 0;
  }

  .eqr-track__stat {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    min-width: 0;
  }
  .eqr-track__stat--tl { border-right: 0.5px solid #D8D3C7; border-bottom: 0.5px solid #D8D3C7; }
  .eqr-track__stat--tr { border-bottom: 0.5px solid #D8D3C7; }
  .eqr-track__stat--bl { border-right: 0.5px solid #D8D3C7; }

  .eqr-track__stat-value {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 500;
    font-size: 3.5rem;
    /* color: #00449F; */
    color: #A9834F;
    overflow-wrap: anywhere;
    min-width: 0;
    margin-bottom:1rem;
  }
  .eqr-track__stat-label {
    font-size: 1rem;
    /* color: #00449F; */
    color: #6B6558;
    margin-top: .25rem;
    overflow-wrap: anywhere;
    min-width: 0;
    line-height: 20px;
  }
@media (max-width: 1101px) {
.eqr-track__stat {
    padding: 1rem .25rem;
}
.eqr-track__stat-label {
    font-size: .75rem;
    line-height: 1rem;
}
.eqr-track__stat-value {
    font-size: 2.05rem;
}
}

  /* --- map + pins (unchanged component from the prior pass) --- */
  .eqr-track__map-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background-color: #E4E1D8;
    background-image:
      linear-gradient(#D0CCC0 1px, transparent 1px),
      linear-gradient(90deg, #D0CCC0 1px, transparent 1px);
    background-size: 14% 14%;
    min-width: 0;
  }

  .eqr-track__pin {
    position: absolute;
    top: var(--pin-top);
    left: var(--pin-left);
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }

  .eqr-track__pin-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #A9834F;
    border: 2px solid #FFFFFF;
    transition: transform .2s ease;
  }

  .eqr-track__pin:hover .eqr-track__pin-dot,
  .eqr-track__pin[aria-expanded="true"] .eqr-track__pin-dot {
    transform: scale(1.25);
  }

  .eqr-track__pin:focus-visible {
    outline: 2px solid #1C1B19;
    outline-offset: 2px;
    border-radius: 50%;
  }

  .eqr-track__tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #1C1B19;
    color: #F2F0EB;
    font-size: .75rem;
    white-space: nowrap;
    padding: .3rem .6rem;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    pointer-events: none;
  }

  .eqr-track__pin:hover .eqr-track__tooltip,
  .eqr-track__pin:focus-visible .eqr-track__tooltip,
  .eqr-track__pin[aria-expanded="true"] .eqr-track__tooltip {
    opacity: 1;
    visibility: visible;
  }

  @media (prefers-reduced-motion: reduce) {
    .eqr-track__pin-dot, .eqr-track__tooltip { transition: none; }
  }

 /*  Start market-trends.css */

/* Start of CSS to style the Current Trends and Projections content on city and neighborhood pages */
.market-trend-chart-legend {
    text-transform: uppercase;
    font-family: 'Poppins', arial, helvetica, sans-serif;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .15px;
    margin-top: .25rem;
}

.market-trend-box-wrapper {
background:#D2E5F4;
padding-left: 340px;
}



@media only screen and (max-width: 767px){
.market-trend-box-wrapper {
padding-left: 1rem;
}
}

.market-trend-box {
/* Reset to standard display so text flows naturally */
display: block; 
font-family: Poppins, arial, helvetica, sans-serif;
font-size: 1rem;
margin: 0 0 0 0;
padding: 1rem 1rem 0rem 0rem;
border: none;
}

.market-trend-box::before {
content: "“ "; 
margin-left: -10px;
font-weight: bold;
}

.market-trend-box::after {
content: " ”"; 
font-weight: bold;
}

.price-change-negative {
color:#a70000;
font-weight:800;
}
.price-change-positive {
color:#0b6623;
font-weight:800;
}

/* 
CRITICAL FIX: 
If the JSON injects a <p> or <div> tag, the following forces it 
to behave like a sentence rather than a block. 
This prevents the quote marks from breaking onto new lines.
*/
.market-trend-box > * {
display: inline;
margin: 0;
padding: 0;
}

.market-trend-box-footer {
text-align:right;
margin: 1rem 1rem -1rem 0;
}
.signature-line-1 {
margin-bottom:-.5rem;
font-size: 14px;
font-weight: 500;
}
.signature-line-2 {
font-size: 14px;
font-weight: 500;
}
.signature-line-3 {
margin-bottom:-.5rem;
line-height:22px;
}   
.sidebar-text{
position:relative;
top:1.3rem;
margin: 0 .5rem;
color:#ffffff
}


.combined-market-block-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 0;
  position: relative;
  width: 100%;
}

/* ===== DESKTOP & TABLET (768px and above) ===== */
@media (min-width: 768px) {
  .combined-market-block-container {
    /* Create a grid with 2 columns to allow overlap */
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    align-items: start;
  }

  /* Code Block 1: Market Trend Box */
  .combined-market-block-container [data-block="code-block-1"] {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
  }

  /* Code Block 2: Sidebar Image */
  .combined-market-block-container [data-block="code-block-2"] {
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    margin-left: 50px;
    margin-top: -50px;
    width: 240px;
    background-size: cover;
    display: flex;
    align-items: start;
    justify-content: start;
    background-image: url('https://images.squarespace-cdn.com/content/5db1a8c2af0b1a1c3004a035/8e645f5e-e4a6-4f54-8518-cdcd295e010e/sideBarImage074.png?content-type=image%2Fpng');
  }
}

/* ===== MOBILE (below 768px) ===== */
@media (max-width: 767px) {
  .combined-market-block-container {
    /* Stack vertically: Code Block 2 on top, Code Block 1 below */
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 0;
  }
.sidebar-text {
    color:#404040;
    border-bottom: 1px solid #5C7184;
}
  /* Code Block 1: Market Trend Box */
  .combined-market-block-container [data-block="code-block-1"] {
    grid-column: 1;
    grid-row: 2;
    z-index: 1;
  }
}
  
  /* Code Block 2: Sidebar Image */

@media (max-width: 767px) {
    .combined-market-block-container [data-block="code-block-2"] {
        grid-column: 1;
        grid-row: 1;
        z-index: 1;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: 125px !important;
        background-color: #D2E5F4;
        background-size: cover;
        display: flex;
        align-items: start;
        justify-content: start;
        background-image: none;
    }

}

/* ===== Sidebar Image Styling (All Breakpoints) ===== */
.sidebar-image {
  position: relative;
  overflow: hidden;
}

.signature-logo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0rem;
    margin-bottom:1rem;
}
.signature-logo img {
    width: 136px;
    margin-right: 1rem;
}


/* ===== MOBILE (below 768px) ===== */
@media (max-width: 767px) {
  .signature-logo {
  justify-content: center;
  margin-top: .75rem;
  }
.signature-logo img {
    margin-right: 0;
}
}

/* End of CSS to style the Current Trends and Projections content on city and neighborhood pages */







/* Start of CSS to style modal trigger links */

.feature a.modal-trigger {
  font-weight: 700;
  cursor: help;
  display: inline; 
  white-space: normal;
  text-decoration: none;
}

.feature a.modal-trigger::after {
    content: '\f0d8';
    font-family: FontAwesome;
    font-size: 0.75rem;
    margin-left: 4px;
    /* vertical-align: super; */
    position: relative;
    bottom:6px;
}

/* End of CSS to style modal trigger links */


.portfolio-grid-basic .grid-item .portfolio-title { 
   margin-top: -3rem !important;
   color: #fff;
}.portfolio-grid-basic .grid-item .portfolio-title a:hover {
    color: #404040;
}
.portfolio-grid-basic .grid-item .portfolio-title a:hover {
    color: #404040!important;
}


#welcomeText {text-align:left;}

.disclaimer-text {
  font-style: italic;
  font-size:12px;
  line-height:18px;
  font-weight:400;
  color:#404040;
}

  /*  End market-trends.css */