/* Start custom CSS for html, class: .elementor-element-30380c62 */.page-header{display:none;}
a{ color:#2563eb; text-decoration:underline; }
    a:hover{ opacity:.85; }

    /* same narrow centered page like screenshots */
    .wrap{
      max-width: 980px;
      margin: 0 auto;
      padding: 28px 18px 80px;
    }

    h1{
      margin:0 0 18px;
      font-size:40px;
      line-height:1.08;
      letter-spacing:-.7px;
      font-weight:850;
      color:#111827;
    }

    h2{
      margin:34px 0 14px;
      font-size:34px;
      line-height:1.15;
      letter-spacing:-.6px;
      font-weight:850;
      color:#111827;
    }

    h3{
      margin:0 0 10px;
      font-size:18px;
      line-height:1.25;
      font-weight:850;
      color:#111827;
    }

    .p{
      margin:0 0 14px;
      font-size:16px;
      color:#374151;
    }

    /* HERO: left text + right map */
    .hero{
      display:grid;
      grid-template-columns: 1fr 1.05fr;
      gap: 30px;
      align-items:start;
      margin-top:10px;
    }

    .mapCard{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      gap:14px;
      padding-top:8px;
    }

    .mapImg{
      width:100%;
      max-width:520px;
      height:auto;
      display:block;
    }

    /* legend pill */
    .legend{
      display:flex;
      align-items:center;
      gap:18px;
      border:1px solid #d1d5db;
      border-radius:999px;
      padding:10px 16px;
      font-size:14px;
      color:#111827;
      width: 360px;
      max-width: 92%;
      justify-content:center;
      background:#fff;
      box-shadow: 0 6px 18px rgba(0,0,0,.06);
    }
    .legendItem{
      display:flex;
      align-items:center;
      gap:8px;
      font-weight:700;
      color:#0f172a;
      white-space:nowrap;
    }
    .dot{
      width:14px;
      height:14px;
      border-radius:999px;
      display:inline-block;
    }
    .dot.dark{ background:#0b4a6d; }
    .dot.light{ background:#76c6ee; }
    .legendSep{
      width:1px;
      height:22px;
      background:#d1d5db;
    }

    /* States list (2 columns like screenshot) */
    .statesGrid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(11, auto); /* 5th column me 11th row allow */
  column-gap: 50px;
  row-gap: 0px;
}

.statesGrid .stateLink{ display:block; padding:6px 0; }

/* Column 1 (1-10) */
.statesGrid .stateLink:nth-child(1){grid-column:1;grid-row:1;}
.statesGrid .stateLink:nth-child(2){grid-column:1;grid-row:2;}
.statesGrid .stateLink:nth-child(3){grid-column:1;grid-row:3;}
.statesGrid .stateLink:nth-child(4){grid-column:1;grid-row:4;}
.statesGrid .stateLink:nth-child(5){grid-column:1;grid-row:5;}
.statesGrid .stateLink:nth-child(6){grid-column:1;grid-row:6;}
.statesGrid .stateLink:nth-child(7){grid-column:1;grid-row:7;}
.statesGrid .stateLink:nth-child(8){grid-column:1;grid-row:8;}
.statesGrid .stateLink:nth-child(9){grid-column:1;grid-row:9;}
.statesGrid .stateLink:nth-child(10){grid-column:1;grid-row:10;}

/* Column 2 (11-20) */
.statesGrid .stateLink:nth-child(11){grid-column:2;grid-row:1;}
.statesGrid .stateLink:nth-child(12){grid-column:2;grid-row:2;}
.statesGrid .stateLink:nth-child(13){grid-column:2;grid-row:3;}
.statesGrid .stateLink:nth-child(14){grid-column:2;grid-row:4;}
.statesGrid .stateLink:nth-child(15){grid-column:2;grid-row:5;}
.statesGrid .stateLink:nth-child(16){grid-column:2;grid-row:6;}
.statesGrid .stateLink:nth-child(17){grid-column:2;grid-row:7;}
.statesGrid .stateLink:nth-child(18){grid-column:2;grid-row:8;}
.statesGrid .stateLink:nth-child(19){grid-column:2;grid-row:9;}
.statesGrid .stateLink:nth-child(20){grid-column:2;grid-row:10;}

/* Column 3 (21-30) */
.statesGrid .stateLink:nth-child(21){grid-column:3;grid-row:1;}
.statesGrid .stateLink:nth-child(22){grid-column:3;grid-row:2;}
.statesGrid .stateLink:nth-child(23){grid-column:3;grid-row:3;}
.statesGrid .stateLink:nth-child(24){grid-column:3;grid-row:4;}
.statesGrid .stateLink:nth-child(25){grid-column:3;grid-row:5;}
.statesGrid .stateLink:nth-child(26){grid-column:3;grid-row:6;}
.statesGrid .stateLink:nth-child(27){grid-column:3;grid-row:7;}
.statesGrid .stateLink:nth-child(28){grid-column:3;grid-row:8;}
.statesGrid .stateLink:nth-child(29){grid-column:3;grid-row:9;}
.statesGrid .stateLink:nth-child(30){grid-column:3;grid-row:10;}

/* Column 4 (31-40) */
.statesGrid .stateLink:nth-child(31){grid-column:4;grid-row:1;}
.statesGrid .stateLink:nth-child(32){grid-column:4;grid-row:2;}
.statesGrid .stateLink:nth-child(33){grid-column:4;grid-row:3;}
.statesGrid .stateLink:nth-child(34){grid-column:4;grid-row:4;}
.statesGrid .stateLink:nth-child(35){grid-column:4;grid-row:5;}
.statesGrid .stateLink:nth-child(36){grid-column:4;grid-row:6;}
.statesGrid .stateLink:nth-child(37){grid-column:4;grid-row:7;}
.statesGrid .stateLink:nth-child(38){grid-column:4;grid-row:8;}
.statesGrid .stateLink:nth-child(39){grid-column:4;grid-row:9;}
.statesGrid .stateLink:nth-child(40){grid-column:4;grid-row:10;}

/* Column 5 (41-51) */
.statesGrid .stateLink:nth-child(41){grid-column:5;grid-row:1;}
.statesGrid .stateLink:nth-child(42){grid-column:5;grid-row:2;}
.statesGrid .stateLink:nth-child(43){grid-column:5;grid-row:3;}
.statesGrid .stateLink:nth-child(44){grid-column:5;grid-row:4;}
.statesGrid .stateLink:nth-child(45){grid-column:5;grid-row:5;}
.statesGrid .stateLink:nth-child(46){grid-column:5;grid-row:6;}
.statesGrid .stateLink:nth-child(47){grid-column:5;grid-row:7;}
.statesGrid .stateLink:nth-child(48){grid-column:5;grid-row:8;}
.statesGrid .stateLink:nth-child(49){grid-column:5;grid-row:9;}
.statesGrid .stateLink:nth-child(50){grid-column:5;grid-row:10;}
.statesGrid .stateLink:nth-child(51){grid-column:5;grid-row:11;}


	.statesGrid .stateLink{
	  display: block;
	  padding: 6px 0;
	}
	
.statesGrid .stateLink:nth-child(41),
.statesGrid .stateLink:nth-child(42),
.statesGrid .stateLink:nth-child(43),
.statesGrid .stateLink:nth-child(44),
.statesGrid .stateLink:nth-child(45),
.statesGrid .stateLink:nth-child(46),
.statesGrid .stateLink:nth-child(47),
.statesGrid .stateLink:nth-child(48),
.statesGrid .stateLink:nth-child(49),
.statesGrid .stateLink:nth-child(50),
.statesGrid .stateLink:nth-child(51){padding: 4px 0 !important;}
	

    /* Light blue info cards (California / Tribal Lands) */
    .infoCards{
      margin-top: 18px;
      display:flex;
      flex-direction:column;
      gap:16px;
    }
    .infoCard{
      position:relative;
      background:#f3f9ff;
      border:1px solid #dbeafe;
      border-radius:14px;
      padding:22px 22px 18px;
      box-shadow: 0 10px 24px rgba(37,99,235,.06);
    }
    .tag{
      position:absolute;
      top:-12px;
      left:16px;
      background:#0b4a6d;
      color:#fff;
      font-size:14px;
      font-weight:850;
      padding:6px 12px;
      border-radius:999px;
      letter-spacing:.2px;
    }
    .infoCard p{
      margin:0 0 12px;
      font-size:14px;
      color:#374151;
    }
    .infoCard b{ color:#111827; }

    /* Quote style box (left border) */
    .quoteBox{
      margin-top: 14px;
      border-left:4px solid #0b4a6d;
      padding-left:16px;
     
    }
    .quoteBox p{
      margin:0 0 12px;
      font-size:14px;
      color:#374151;
    }

    /* Footer-ish section spacing */
    .section{
      margin-top: 26px;
    }

    /* small responsive */
    @media (max-width: 920px){
      h1{ font-size:34px; }
      h2{ font-size:32px; }
      .hero{ grid-template-columns: 1fr; }
      .p{ max-width: 100%; }
      .mapCard{ align-items:flex-start; }
    }
	@media (max-width: 1024px){
	  .statesGrid{ grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); grid-template-rows: unset; }
	}/* End custom CSS */