/* CSS for Pins and Map*/
.map-container {
  padding: 3.2rem 0.8rem;
  position: relative;
  display: inline-block;
  height: 100%;
  
}

.map-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.map-container img {
  width: 800px;
  height: 800px;
  display: inline;
}
h6 {
  display: none;
}
h5 {
  display: none;
}
.point {
  cursor: pointer;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #c32435;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(139, 0, 0, 0.4);
  animation: pulse 5s infinite;
}
.point:hover {
  animation: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.crater-lake { top: 12%; left: 32%; }
.nevada { top: 33%; left: 41%;}
.sacramento { top: 39%; left: 31.5%;}
.redwood { top: 40%; left: 21%; }
.solano-napa { top: 42.5%; left: 25.5%; }
.contra-costa { top: 44.5%; left: 27%; }
.san-joaquin { top: 45%; left: 32.5%; }
.alameda { top: 46%; left: 25%; }
.sf { top: 48%; left: 23%; }
.norther-ca { top: 48%; left: 27%; }
.central-valley { top: 48%; left: 35%; }
.san-mateo { top: 50.5%; left: 24%; }
.santa-clara { top: 51%; left: 28%; }
.tri-county { top: 56%; left: 28.5%; }
.fresno { top: 56%; left: 45%; }
.slo { top: 68%; left: 37%; }
.kern { top: 67%; left: 49%; }
.santa-barbara { top: 72.7%; left: 38%; }
.ventura { top: 78%; left: 48.5%; }
.northern-hollywood { top: 78%; left: 54%; }
.la { top: 80.5%; left: 55.5%; }
.san-bernadino { top: 78%; left: 64%; }
.orange-county { top: 82%; left: 58.5%; }
.san-diego { top: 90%; left: 64.5%; }
.imperial-valley { top: 90%; left: 75%; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(139, 0, 0, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(139, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(139, 0, 0, 0);
  }
}

/* TABS STYLES*/


.tabs-container {
  width: 100%;
  height: 100%;
  background-color: #edeff7;
  padding-top: 20px;
}

.tab {
  position: relative;
  border-bottom: 1px solid #edeff7;
  color: #fff;
  overflow: hidden;
    margin: 0 auto;
  max-width: 1200px;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #2e3965;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
   color: white;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #6172b7;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
  margin: 5px 10px 10px 15px;
  line-height: 1.5;
  color: white;
}
.tab-content p a {
  margin-top: 1em;
  color: white;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

    label span {
       display: none; 
    }



/* On screens that are 800px or less*/
@media screen and (max-width: 800px) {
  .map-container img {
    width: 500px !important;
    height: 500px !important;
  }
  h6 {
    margin: 3.5px 0px 0px 6px;
    font-size: 11px;
    color: white;
    text-align: center;
    display: inline;
    position: absolute;
  }
    
    label span {
       display: inline; 
       color: white;
    }
    
h5 {
    margin: 3.5px 0px 0px 3px;
    font-size: 11px;
    color: white;
    text-align: center;
    display: inline;
    position: absolute;
  }
    
  .point {
    width: 1.1rem;
    height: 1.1rem;
    animation: none;
  }
  .crater-lake { top: 14% !important; left: 33% !important; }
  .nevada { top: 34% !important; left: 41% !important; }
  .sacramento { top: 38.5% !important; left: 31.5% !important; }
  .redwood { top: 40% !important; left: 21.5% !important; }
  .solano-napa { top: 41% !important; left: 27% !important; }
  .contra-costa { top: 44% !important; left: 28.3% !important; }
  .san-joaquin { top: 44.5% !important; left: 33% !important; }
  .alameda { top: 46% !important; left: 25.5% !important; }
  .sf { top: 48.5% !important; left: 24% !important; }
  .norther-ca { top: 49% !important; left: 28% !important; }
  .central-valley { top: 47% !important; left: 36% !important; }
  .san-mateo { top: 51% !important; left: 26% !important; }
  .santa-clara { top: 51.5% !important; left: 29.5% !important; }
  .tri-county { top: 56% !important; left: 29% !important; }
  .fresno { top: 54% !important; left: 46% !important; }
  .slo { top: 67% !important; left: 37.5% !important; }
  .kern { top: 66% !important; left: 48% !important; }
  .santa-barbara { top: 71% !important; left: 39% !important; }
  .ventura { top: 75% !important; left: 49% !important; }
  .northern-hollywood { top: 75% !important; left: 54% !important; }
  .la { top: 78% !important; left: 56% !important; }
  .san-bernadino { top: 76% !important; left: 64% !important; }
  .orange-county { top: 80% !important; left: 59% !important; }
  .san-diego { top: 87% !important; left: 65% !important; }
  .imperial-valley { top: 87% !important; left: 75% !important; }
    
  .tab label {
    font-size: 10px;
  }

}


/* On screens that are 600px or less*/
@media screen and (max-width: 600px) {
  .map-container img {
    width: 365px !important;
    height: 365px !important;
  }
  h6 {
    margin: 2px 5px 0px 3.5px;
    font-size: 8px;
  }
  h5 {
    margin: 2px 5px 0px 1.5px;
    font-size: 8px;
  }
  .point {
    width: .7rem;
    height: .7rem;
  }
    
    .point {
        transition: none;
        will-change: none;
        box-shadow: none;
    }
    
  .crater-lake { top: 17% !important; left: 33% !important; }
  .nevada { top: 35% !important; left: 41% !important; }
  .sacramento { top: 40% !important; left: 32.5% !important; }
  .redwood { top: 41% !important; left: 21.5% !important; }
  .solano-napa { top: 42.5% !important; left: 27% !important; }
  .contra-costa { top: 45% !important; left: 29% !important; }
  .san-joaquin { top: 45.5% !important; left: 33.5% !important; }
  .alameda { top: 47% !important; left: 26.5% !important; }
  .sf { top: 48.5% !important; left: 24% !important; }
  .norther-ca { top: 48% !important; left: 30% !important; }
  .central-valley { top: 48% !important; left: 36.5% !important; }
  .san-mateo { top: 51% !important; left: 26% !important; }
  .santa-clara { top: 51.5% !important; left: 30% !important; }
  .tri-county { top: 55% !important; left: 30% !important; }
  .fresno { top: 55% !important; left: 44.5% !important; }
  .slo { top: 66% !important; left: 37.5% !important; }
  .kern { top: 66% !important; left: 50% !important; }
  .santa-barbara { top: 70% !important; left: 39% !important; }
  .ventura { top: 74% !important; left: 49% !important; }
  .northern-hollywood { top: 74% !important; left: 54% !important; }
  .la { top: 76.5% !important; left: 56% !important; }
  .san-bernadino { top: 74% !important; left: 64% !important; }
  .orange-county { top: 78.5% !important; left: 59% !important; }
  .san-diego { top: 85% !important; left: 64.5% !important; }
  .imperial-valley { top: 85% !important; left: 74% !important; }
    
  .tab label {
    font-size: 12px;
  }
}