/* For WebKit-based browsers (Chrome, Edge, Safari) */
#pk_flex_content .flex_layout.locaties_map ::-webkit-scrollbar {
    width: 3px;
}

#pk_flex_content .flex_layout.locaties_map ::-webkit-scrollbar-track {
    background: #302E2F;
}

#pk_flex_content .flex_layout.locaties_map ::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 40px;
}

/* For Firefox */
#pk_flex_content .flex_layout.locaties_map * {
    scrollbar-width: thin;
    scrollbar-color: #FFF #302E2F;
}



#pk_flex_content .flex_layout.locaties_map {
    max-width: 100%;
    margin-inline: 0;
}

#pk_flex_content .flex_layout.locaties_map .flex_layout_wrapper {
    padding-block: 0px 60px;
}

#pk_flex_content .flex_layout.locaties_map .locaties_map_wrapper {
    position: relative;
}

#club-kaart {
    position: relative;
}


#pk_flex_content a.choose-club {
    display: none !important;
}

#pk_flex_content #filter {
    position: absolute;
    z-index: 2;
    overflow: scroll;
    top: 50%;
    transform: translateY(-50%);
    max-height: calc(100% - 60px);
    border-radius: 5px;
    background: rgb(48, 46, 47);
    overflow: clip;
    left: 30px;
}


#pk_flex_content .gmw-element-template .gmw-item-content>* {
    margin-bottom: 0;
}

#pk_flex_content .gm-style-iw.gm-style-iw-c {
    background-color: #292727;
}

#pk_flex_content button.gm-ui-hover-effect {
    background: #5EED8C;
}

#pk_flex_content .title.gmw-info-window-element a {
    color: #5EED8C;
}

#pk_flex_content .filter-wrapper {
    padding: 20px;
    max-width: 100%;
    max-height: 616px;
    overflow-y: scroll;
}

#pk_flex_content .gmw-results-wrapper.gmw-template-go-health-clubs {
    margin-top: 70px;
}

#pk_flex_content .gmw-element-template.gmw-list-view .gmw-results-list .gmw-item-content {
    grid-template-columns: repeat(1, 1fr);
    width: 315px;

}

#pk_flex_content form.gmw-form {
    background: transparent;
    border: unset;
    display: flex;
    flex-direction: column;
    padding: 0;
    max-height: 60px;
}

#pk_flex_content div.gmw-results-message {
    margin-bottom: 0px;
}

#pk_flex_content label.gmw-field-label {
    display: none;
}

#pk_flex_content input#gmw-submit-1 {
    display: none;
}

#pk_flex_content .flex_layout.locaties_map .gmw-element-template.gmw-form-wrapper {
    margin-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 999;
}

#pk_flex_content .gmw-results-message {
    background: transparent;
    border: unset;
    color: #fff;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
}

#pk_flex_content .gmw-results-filters.gmw-flexed-wrapper {
    display: none;
}

#pk_flex_content .gmw-element-template .gmw-item-content {
    background-color: rgba(41, 39, 39, 1);
}

#pk_flex_content .gmw-element-template .distance {
    position: relative;
    font-size: 16px;
    background: unset;
    color: #5EED8C;
    padding: 0;
    font-family: 'Inter', Sans-Serif;
    font-weight: 600;
    white-space: nowrap;
}

#pk_flex_content .top-container {
    aspect-ratio: 3/2;
}

#pk_flex_content .top-container img {
    max-width: 100%;
    height: 100%;
    aspect-ratio: 3/2;
}

#pk_flex_content .middle-container .usps {
    color: #fff;
    font-size: 13px;
}

#pk_flex_content .middle-container .usps ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#pk_flex_content .middle-container .usps ul li {
    position: relative;
    padding-left: 30px;
    display: flex;
    align-items: center;
    max-height: 22px;
    height: 100%;
}

#pk_flex_content .middle-container .usps ul li:after {
    content: '';
    position: absolute;
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M8.06655 14.4918L4.32928 10.7546L3.05664 12.0183L8.06655 17.0282L18.8213 6.27344L17.5576 5.00977L8.06655 14.4918Z" fill="%235EED8C"/></svg>');
    height: 21px;
    width: 21px;
}

#pk_flex_content .middle-container .title_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    padding-block: 20px;
}

#pk_flex_content .middle-container h3 {
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
}

#pk_flex_content .bottom-container {
    display: flex;
    flex-direction: column;
    gap: 14px;

}

#pk_flex_content .bottom-container a {
    border-radius: 3px;
    padding-block: 14px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s;
}

#pk_flex_content .bottom-container a:hover {
    background: #fff;
}

#pk_flex_content a.club-btn {
    background: #5EED8C;
    color: #302E2F;
}

#pk_flex_content a.lid-btn {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

#pk_flex_content a.lid-btn:hover {
    color: #302E2F;
}


#pk_flex_content .gmw-form-field-wrapper.gmw-locator-enabled .gmw-field-inner .gmw-address-field::placeholder {
    color: #878787;
}

#pk_flex_content .gm-style .gm-style-iw-tc::after {
    color: #302e2f;
    background-color: #302e2f;
}

#pk_flex_content .top-container img {
    object-fit: cover;
}

#pk_flex_content .gmw-element-template h3.gmw-item-title {
    text-transform: unset;
    text-overflow: unset;
    white-space: wrap;
    line-height: 1.2;
}


/* img icon */
.locatie-wrapper .top-container {
    position: relative;
}

.locatie-wrapper .top-container a {
    height: 100%;
    width: 100%;
    display: inline-block;
    transition: all 0.3s
}

.locatie-wrapper .top-container .link_icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #5EED8C;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 13px;
    right: 13px;

}

.locatie-wrapper .top-container .link_icon svg {
    transform: rotate(45deg);
    transition: all 0.3s
}

.locatie-wrapper .top-container a:hover svg {
    transform: rotate(-5deg);
}

#pk_flex_content .flex_layout.locaties_map #filter .gmw-field-inner {
    position: relative;
}

#pk_flex_content .flex_layout.locaties_map #filter .gmw-field-inner:after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.5232 11.4626L15.7353 14.6746L14.6746 15.7353L11.4626 12.5232C10.3077 13.4472 8.843 14 7.25 14C3.524 14 0.5 10.976 0.5 7.25C0.5 3.524 3.524 0.5 7.25 0.5C10.976 0.5 14 3.524 14 7.25C14 8.843 13.4472 10.3077 12.5232 11.4626ZM11.0185 10.9061C11.9356 9.96095 12.5 8.6717 12.5 7.25C12.5 4.34937 10.1506 2 7.25 2C4.34937 2 2 4.34937 2 7.25C2 10.1506 4.34937 12.5 7.25 12.5C8.6717 12.5 9.96095 11.9356 10.9061 11.0185L11.0185 10.9061Z" fill="%23302E2F"/></svg>');
    background-position: center;
    background-size: cover;
    height: 15px;
    width: 15px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}


#pk_flex_content .gmw-element-template .gmw-single-item {
    background: transparent;
    border-radius: none;
    box-shadow: unset;
}

@media screen and (max-width: 992px) {
    #pk_flex_content #filter {
        position: relative;
        transform: unset;
        top: unset;
        left: unset;
    }

    #pk_flex_content .filter-wrapper {
        max-width: 100%;
    }

    #pk_flex_content .gmw-element-template.gmw-list-view .gmw-results-list .gmw-item-content {
        width: 100%;
    }

    #pk_flex_content .gmw-results-message {
        margin-top: 20px;
    }
}


@media screen and (min-width: 992px) {
    #pk_flex_content div#gmw-map-wrapper-1 {
        height: calc(100vh - 100px) !important;
    }
}

@media screen and (max-width: 992px) {
    #pk_flex_content .gmw-element-template.gmw-list-view .gmw-results-list .gmw-item-inner {
        display: block;
    }

    #pk_flex_content div#gmw-map-wrapper-1 {
        height: 500px !important
    }

    #pk_flex_content .gmw-element-template.gmw-list-view .gmw-results-list {
        grid-template-columns: repeat(2, 1fr);
    }

    #pk_flex_content .filter-wrapper {
        max-height: 100%;
        overflow-y: unset;
    }

    #pk_flex_content .gmw-element-template.gmw-form-wrapper {
        position: relative;
        top: unset;
    }

    #pk_flex_content .gmw-results-wrapper.gmw-template-go-health-clubs {
        margin-top: 40px;
    }

}

@media screen and (max-width: 767px) {

    #pk_flex_content div#gmw-map-wrapper-1 {
        height: 300px !important
    }
}