/*--------------------------------------------------------------
# Google Map One (greyscale + overlay that actually shows)
--------------------------------------------------------------*/
.google-map-one {
    position: relative;
    display: block;
  }
  
  /* The iframe */
  .google-map__one {
    position: relative;
    display: block;
    border: none;
    height: 775px;
    width: 100%;
    /* Greyscale the rendered map */
    filter: grayscale(100%) contrast(1.05) brightness(0.98);
    -webkit-filter: grayscale(100%) contrast(1.05) brightness(0.98);
  }
  
  /* Move the tint overlay to the container (iframes can't have ::before) */
  .google-map-one::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(8, 10, 7, .40); /* same tint as before */
    pointer-events: none; /* clicks still pass through to the map */
  }
  
  /*--------------------------------------------------------------
  # End
  --------------------------------------------------------------*/