.elementor-2734 .elementor-element.elementor-element-22f4b03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2734 .elementor-element.elementor-element-22f4b03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2734 .elementor-element.elementor-element-183e314 .elementor-heading-title{font-family:var( --e-global-typography-ecc8fff-font-family ), Sans-serif;font-size:var( --e-global-typography-ecc8fff-font-size );font-weight:var( --e-global-typography-ecc8fff-font-weight );line-height:var( --e-global-typography-ecc8fff-line-height );letter-spacing:var( --e-global-typography-ecc8fff-letter-spacing );color:var( --e-global-color-secondary );}.elementor-2734 .elementor-element.elementor-element-c3edb31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2734 .elementor-element.elementor-element-4125af9{font-family:var( --e-global-typography-4a080d3-font-family ), Sans-serif;font-size:var( --e-global-typography-4a080d3-font-size );font-weight:var( --e-global-typography-4a080d3-font-weight );line-height:var( --e-global-typography-4a080d3-line-height );color:var( --e-global-color-secondary );}.elementor-2734 .elementor-element.elementor-element-898848e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-2734 .elementor-element.elementor-element-183e314 .elementor-heading-title{font-size:var( --e-global-typography-ecc8fff-font-size );line-height:var( --e-global-typography-ecc8fff-line-height );letter-spacing:var( --e-global-typography-ecc8fff-letter-spacing );}.elementor-2734 .elementor-element.elementor-element-4125af9{font-size:var( --e-global-typography-4a080d3-font-size );line-height:var( --e-global-typography-4a080d3-line-height );}}@media(max-width:767px){.elementor-2734 .elementor-element.elementor-element-183e314 .elementor-heading-title{font-size:var( --e-global-typography-ecc8fff-font-size );line-height:var( --e-global-typography-ecc8fff-line-height );letter-spacing:var( --e-global-typography-ecc8fff-letter-spacing );}.elementor-2734 .elementor-element.elementor-element-4125af9{font-size:var( --e-global-typography-4a080d3-font-size );line-height:var( --e-global-typography-4a080d3-line-height );}}/* Start custom CSS for container, class: .elementor-element-898848e *//* keep the section dark */
.map-wrap{
  position: relative;
  background:#07090d;
}



/* Metro group: when one is hovered, all three glow */
svg:has(#Clackamas:hover) #Clackamas,
svg:has(#Clackamas:hover) #Washington,
svg:has(#Clackamas:hover) #Multnomah,

svg:has(#Washington:hover) #Clackamas,
svg:has(#Washington:hover) #Washington,
svg:has(#Washington:hover) #Multnomah,

svg:has(#Multnomah:hover) #Clackamas,
svg:has(#Multnomah:hover) #Washington,
svg:has(#Multnomah:hover) #Multnomah{
  fill: rgba(57,255,118,0.35) !important;
  filter:
    drop-shadow(0 0 10px rgba(57,255,118,.6))
    drop-shadow(0 0 24px rgba(57,255,118,.35));
}

/* NEARBY COUNTIES GROUP (all light up together) */
svg:has(#Columbia:hover, #Yamhill:hover, #Marion:hover, #Hood_River:hover) #Columbia,
svg:has(#Columbia:hover, #Yamhill:hover, #Marion:hover, #Hood_River:hover) #Yamhill,
svg:has(#Columbia:hover, #Yamhill:hover, #Marion:hover, #Hood_River:hover) #Marion,
svg:has(#Columbia:hover, #Yamhill:hover, #Marion:hover, #Hood_River:hover) #Hood_River{
  fill: rgba(255, 200, 80, 0.30) !important;
  filter:
    drop-shadow(0 0 10px rgba(255, 200, 80, .55))
    drop-shadow(0 0 24px rgba(255, 200, 80, .35));
}

/* WITHIN ~1–2 HOURS OF PORTLAND */
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Polk,
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Linn,
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Wasco,
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Tillamook,
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Clatsop,
svg:has(
  #Polk:hover,
  #Linn:hover,
  #Wasco:hover,
  #Tillamook:hover,
  #Clatsop:hover,
  #Jefferson:hover
) #Jefferson{
  fill: rgba(80, 220, 255, 0.28) !important;
  filter:
    drop-shadow(0 0 10px rgba(80,220,255,.55))
    drop-shadow(0 0 26px rgba(80,220,255,.35));
}
/* WITHIN ~2–3 HOURS OF PORTLAND */
svg:has(
  #Benton:hover,
  #Lane:hover,
  #Sherman:hover,
  #Gilliam:hover,
  #Lincoln:hover
) #Benton,
svg:has(
  #Benton:hover,
  #Lane:hover,
  #Sherman:hover,
  #Gilliam:hover,
  #Lincoln:hover
) #Lane,
svg:has(
  #Benton:hover,
  #Lane:hover,
  #Sherman:hover,
  #Gilliam:hover,
  #Lincoln:hover
) #Sherman,
svg:has(
  #Benton:hover,
  #Lane:hover,
  #Sherman:hover,
  #Gilliam:hover,
  #Lincoln:hover
) #Gilliam,
svg:has(
  #Benton:hover,
  #Lane:hover,
  #Sherman:hover,
  #Gilliam:hover,
  #Lincoln:hover
) #Lincoln{
  fill: rgba(160, 120, 255, 0.28) !important;
  filter:
    drop-shadow(0 0 10px rgba(160,120,255,.55))
    drop-shadow(0 0 28px rgba(160,120,255,.35));
}

/* FARTHER FROM PORTLAND */
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Deschutes,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Crook,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Wheeler,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Douglas,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Klamath,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Lake,
svg:has(
  #Deschutes:hover,
  #Crook:hover,
  #Wheeler:hover,
  #Douglas:hover,
  #Klamath:hover,
  #Lake:hover,
  #Grant:hover
) #Grant{
  fill: rgba(255, 90, 90, 0.26) !important;
  filter:
    drop-shadow(0 0 10px rgba(255,90,90,.55))
    drop-shadow(0 0 30px rgba(255,90,90,.35));
}




.map-tip{
  position: absolute;
  z-index: 9999;
  pointer-events: none;
  background: rgba(7,9,13,.92);
  border: 1px solid rgba(109,255,138,.45);
  color: #eafff1;
  padding: 8px 10px;
  border-radius: 12px;
  font: 12px/1.2 system-ui;
  white-space: nowrap;
}


/* map sizing */
.neon-map{
  max-width:520px;
  width:90%;
  margin:0 auto;
  display:block;
}

/* THE MONEY SHOT */
.neon-map *{
  fill: none;
  stroke: #39ff76;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;


  filter:
    drop-shadow(0 0 2px rgba(57,255,118,.35))
    drop-shadow(0 0 6px rgba(57,255,118,.45));
  animation: glowDrift 6.5s ease-in-out infinite;
}

@keyframes glowDrift{
  0%{
    filter:
      drop-shadow(0 0 2px rgba(57,255,118,.30))
      drop-shadow(0 0 6px rgba(57,255,118,.40));
  }
  32%{
    filter:
      drop-shadow(0 0 3px rgba(57,255,118,.38))
      drop-shadow(0 0 8px rgba(57,255,118,.48));
  }
  61%{
    filter:
      drop-shadow(0 0 2.5px rgba(57,255,118,.34))
      drop-shadow(0 0 7px rgba(57,255,118,.44));
  }
  100%{
    filter:
      drop-shadow(0 0 2px rgba(57,255,118,.30))
      drop-shadow(0 0 6px rgba(57,255,118,.40));
  }
}

.neon-map{
  filter:
    drop-shadow(0 0 2px rgba(57,255,118,.35))
    drop-shadow(0 0 8px rgba(57,255,118,.45));
}

.neon-map svg { background: transparent !important; }

/* nukes the Illustrator “st0 fill #fff” type stuff */
.neon-map .st0,
.neon-map [class*="st"]{
  fill: none !important;
}

/* keep your county lines */
.neon-map path{
  fill: none !important;
  stroke: #39ff76;
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-linecap: round;
}

/* make sure the shape has a fill area */
#clackamas, #Clackamas { fill: transparent; }

/* the hover "solid glow" */
#clackamas:hover, #Clackamas:hover { fill: rgba(109,255,138,.28); }

.map-wrap{ position:relative; overflow:visible !important; }

.county-pop{
  position:absolute;
  left:18px;
  bottom:18px;
  width:min(420px, calc(100% - 36px));
  background:#1a1f24;
  color:#fff;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
  z-index:9999;
  pointer-events:none;
}

.county-title{ font-size:22px; font-weight:700; }
.county-line{ height:1px; background:rgba(255,255,255,.18); margin:10px 0 9px; }
.county-cities{ font-size:14px; line-height:1.35; color:#6dff8a; }/* End custom CSS */