/*=================
  MAPS
=================*/

.maps .wrapper {
    width: 100%;
    height: 600px;
    position: relative;
}
.maps .wrapper::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
}
.maps .wrapper iframe {
    width: 100% !important;
    height: 100% !important;
}

@media (prefers-color-scheme: dark) {
    .maps .wrapper::before {
        background:  lightgray 50% / cover no-repeat;
        mix-blend-mode: exclusion;
    }
}

@media only screen and (max-width: 992px) {
    .maps .wrapper {
        height: 400px;
    }
}