/* Google Maps as the visual background of the four Oil Card location cards. */
.location-map-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:285px;
  padding:0 !important;
  background:#e9eef3 !important;
  isolation:isolate;
}
.location-map-bg{
  position:absolute;
  inset:-12px;
  width:calc(100% + 24px);
  height:calc(100% + 24px);
  border:0;
  z-index:0;
  pointer-events:none;
  filter:saturate(.82) contrast(.92);
  opacity:.72;
}
.location-map-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 52%,rgba(255,255,255,.58) 100%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(15,39,66,.06));
  pointer-events:none;
}
.location-card-content{
  position:relative;
  z-index:2;
  min-height:285px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.location-map-card .number{
  box-shadow:0 5px 14px rgba(15,39,66,.18);
}
.location-map-card h3{
  font-size:1.4rem;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.location-map-card p{
  color:#425466 !important;
  font-weight:650;
}
.location-map-card .phone-link{
  background:rgba(255,255,255,.86);
  padding:6px 10px;
  border-radius:8px;
  box-shadow:0 3px 12px rgba(15,39,66,.08);
}
.location-map-card .location-actions{
  margin-top:16px;
}
.location-map-card .location-action{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:600px){
  .location-map-card,
  .location-card-content{min-height:260px}
  .location-map-shade{
    background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.80) 70%,rgba(255,255,255,.55));
  }
}