.show-map-tooltip {
  display: none
}
.toggle-wrap {
    float: left;
    background-color: var(--alternative-color-3);
    border-radius: 24px;
    min-width: 38px;
    max-width: 38px;
    min-height: 20px;
    max-height: 20px;
    margin-top: 3px;
    margin-bottom: 0;
    margin-right: 12px;
    padding-left: 0;
    display: block;
    position: relative;
}
.toggle {
    z-index: 2;
    background-color: var(--text-dark-backgrounds) !important;
    border-radius: 100px;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-left: 4px;
    display: flex;
    position: absolute;
    inset: 0;
    transition: transform 330ms ease-in-out;
}
.toggle-wrap.active {
  background-color: rgb(63, 39, 103) !important;
}
.toggle-wrap.not-active {
 background-color: var(--alternative-color-3) !important;
}

.toggle-wrap.active .toggle{
    background-color: rgb(238, 70, 182) !important;;
transform: translate3d(18px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
transform-style: preserve-3d;
}
.map-placeholder svg#svg {
    max-width: 100%;
    height: auto;
    width: 100%;}
    
.map-placeholder svg#svg    path{
    cursor:pointer;
}

.map-placeholder {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block;
    max-width: 100%;
}
.show-map-tooltip {
  display: block
}

.modal-map {
  background: none;
  width: 100%;
  height: 250px;
  overflow: hidden;
  max-width: 100%;
}
#mobile_map_zoom {
  width: 100%;
  height: auto;
}
.tabs-menu {
  display: flex
}
.tab-item .section-title {
  text-transform: capitalize;
}

.reports-title a {
  color:#fff
}
.nav-bar .nav-icon-button img {max-width: 18px;}
.show-map-tooltip .indicator-highlight {
    border-radius: 100%;
    text-align: center;
    width: 30px;
    display: inline-block;
    line-height: 30px;
}

 .legend-color.grade-c{
 background-color: var(--purle);
   
}
.legend-color {
    border-radius: 100%;
    width: 20px;
    height: 20px;
}
.table-cell  span.score {
    width: 72px;
    display: inline-block;
    padding-left: 7px;
}

.acf-overview-block 
.indicator-highlight {
   border-radius: 100%;
    width: 33px;
    display: block;
    padding: 0;
    text-align: center;
    line-height: 33px;
}
.pilogo {height: 40px; width: auto;}
.p-small.align-right {
    align-self: flex-end;
    margin-left: auto;
}

.table-cell
.indicator-highlight {
    border-radius: 100%;
    text-align: center;
    width: 28px;
    display: inline-flex;
    line-height: 26px;
    height: 28px;
    text-align: center;
    padding: 0;
    align-items: center;
    justify-items: center;
    /* margin: auto; */
    flex-direction: column;
} 

.table-cell.intro {
    font-size: 15px;
}
@media screen and (min-width: 1440px) {
    .section.footer {
        padding: 0 24px 2vh;
    }
}

@media (max-width: 768px){
  .map-section {
    position: relative
  }
  .map-section:after {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    bottom: 0;
    
  }
  .modal-letter .faux-h3{
    color:#fff
  }
}