.gm-style .gm-style-iw  div[class^="event"] {
    --inner_padding:16px; max-width:300px; min-width: 180px;
    --inner_margin: 12px;
}
.gm-style .gm-style-iw div[class^="event"] > div > p.title {  font-size:16px; line-height: 120%; margin-bottom:var(--inner_margin);  padding-bottom:var(--inner_margin); border-bottom:1px solid var(--indigo); padding-right:44px; }
.gm-style .gm-style-iw div[class^="event"] > div > p.number {  font-size:12px; font-family:var(--headingfont);  line-height: 120%; margin-bottom:0; }
.gm-style .gm-style-iw div[class^="event"] > div > p.number sup {      top: -.25em;    font-size: .75em; }

.gm-style .gm-style-iw div[class^="event"] picture { width:100%; min-width:100%; padding-bottom: 50%;}
.gm-style .gm-style-iw div[class^="event"] a div { padding: var(--inner_padding); }

.gm-style .gm-style-iw div[class^="event"] a div p { color: black; font-size: 14px;}
.gm-style .gm-style-iw div[class^="event"] a div p.event_title { color: black; font-weight: 600;}

.gm-style .gm-style-iw div[class^="event"] a:is(:hover,:focus-visible) { background: var(--yellow-lighter); }

.gm-style .gm-style-iw  div[class^="event"] dl.meta { display:none; }

.gm-style .gm-style-iw-d a {
    display: block; color: black;
}


/*

.gm-style .gm-style-iw div.popup > a {
    color: #000
}

.gm-style .gm-style-iw div.popup > a > div, .gm-style .gm-style-iw div.popup > div {
    width: 150px;
    padding: 10px;
    font-family: 'lato', sans-serif
}

.gm-style .gm-style-iw div.popup > a > img, .gm-style .gm-style-iw div.popup > img {
    display: block;
    width: 250px;
    height: auto
}

.gm-style .gm-style-iw div.popup > a > div > h3, .gm-style .gm-style-iw div.popup > div > h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2
}

.gm-style .gm-style-iw div.popup > a > div > p, .gm-style .gm-style-iw div.popup > div > p {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.4
}
*/
.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    max-height: 1000px !important
}




.gm-style .gm-style-iw-c {
    padding: 0 !important;
    max-height: 1000px !important
}

.gm-style .gm-style-iw > button {
    filter: invert(1) !important;
    transform: scale(1.5);
    transform-origin: right top;
    z-index: 100
}

.gm-style .gm-style-iw div.popup:before {
    opacity: .75;
    content: "";
    display: block;
    top: -2px;
    left: 0;
    width: 100%;
    height: 50px;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    box-sizing: content-box;
    background: -webkit-linear-gradient(top, #000 0%, hsla(180, 0%, 100%, .738) 19%, hsla(180, 0%, 100%, .541) 34%, hsla(180, 0%, 100%, .382) 47%, hsla(180, 0%, 100%, .278) 56.5%, hsla(180, 0%, 100%, .194) 65%, hsla(180, 0%, 100%, .126) 73%, hsla(180, 0%, 100%, .075) 80.2%, hsla(180, 0%, 100%, .042) 86.1%, hsla(180, 0%, 100%, .021) 91%, hsla(180, 0%, 100%, .008) 95.2%, hsla(180, 0%, 100%, .002) 98.2%, hsla(180, 0%, 100%, 0) 100%);
    background: linear-gradient(top, #000 0%, hsla(180, 0%, 100%, .738) 19%, hsla(180, 0%, 100%, .541) 34%, hsla(180, 0%, 100%, .382) 47%, hsla(180, 0%, 100%, .278) 56.5%, hsla(180, 0%, 100%, .194) 65%, hsla(180, 0%, 100%, .126) 73%, hsla(180, 0%, 100%, .075) 80.2%, hsla(180, 0%, 100%, .042) 86.1%, hsla(180, 0%, 100%, .021) 91%, hsla(180, 0%, 100%, .008) 95.2%, hsla(180, 0%, 100%, .002) 98.2%, hsla(180, 0%, 100%, 0) 100%)
}

.gm-style-iw-chr {
    position: absolute; pointer-events:none;
    z-index: 100;
    width: 100%
}
.gm-style-iw-chr button { pointer-events:auto;
    opacity: 1;}
.gm-style-iw-chr button:before {
    display: block;
    content: "";
    background:var(--yellow);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    top: 8px;
    left: 8px;
    position: absolute
}