/* verberg de filter knop van facet wp */
.facetwp-facet .facetwp-map-filtering {
    display: none;
}

/* afgeronde hoekjes voor de tandarts groepen in de facet lijst */
.dental_group {
    padding-right: 12px;
    max-height: 600px;
    overflow: scroll;

    .list-regioteam {
        .list-item {
            background-color: #fff;
            border-radius: 5px;
            display: grid;
            height: 75px;
            grid-template-columns: 75px 4fr;
            grid-template-rows: 1fr 1fr;
            grid-template-areas: "logo titel" "logo plaats";
            gap: 8px;
            align-items: center;
            justify-items: start;
            padding: 0px 16px;

            .logo {
                grid-area: logo;
                align-self: center;
                max-height: 65px;

                img {
                    max-width: 65px;
                    height: auto;
                }
            }

            .titel {
                grid-area: titel;
                align-self: end;
                line-height: 1.0;
            }

            .plaats {
                grid-area: plaats;
                align-self: start;
                text-transform: capitalize;

                svg {
                    margin-right: 4px;
                }
            }
        }
    }
}

#facetwp-map {
    border-radius: 5px;
}

/* styling van de pop-up */
.gm-style {
    .gm-style-iw-c {
        padding: 21px;

        .gm-style-iw-chr {
            flex-direction: row-reverse;
            background: none;

            .gm-style-iw-ch {
                display: none;
            }

            button {
                height: 15px !important;
                width: 15px !important;
                margin: 6px 0 0 0 !important;

                span {
                    height: 15px !important;
                    width: 15px !important;
                    margin: 0 !important;
                }
            }
        }

        .gm-style-iw-d {
            >div {
                display: grid;
                grid-template-columns: 75px 4fr;
                grid-template-rows: 24px 13px 1fr;
                grid-template-areas: "logo titel" "logo plaats" "logo buttons";
                gap: 8px;
                align-items: center;
                justify-items: start;

                img {
                    grid-area: logo;
                    align-self: center;
                    height: auto;
                    width: 100%;
                }

                & h4.titel {
                    grid-area: titel;
                    color: #ca063d;
                    margin: 0;
                    align-self: end;
                    line-height: 1.0;
                }

                .plaats {
                    grid-area: plaats;
                    align-self: start;
                    margin: 0;
                }

                & .wp-block-buttons {
                    grid-area: buttons;

                    & .wp-block-button {
                        & .wp-block-button__link {
                            padding: 0.7em;
                            font-size: 0.7rem;
                            font-weight: normal;

                            &:hover {
                                text-decoration: none;
                                background-color: #8a062b !important;
                            }
                        }
                    }
                }
            }
        }
    }
}

.wp-block-query-pagination {
    .wp-block-query-pagination-numbers {
        span.page-numbers.current {
            padding-top: .5em;
            padding-right: 1em;
            padding-bottom: .5em;
            padding-left: 1em;
        }
    }
}

figure.wp-block-post-featured-image {
    figcaption.wp-element-caption {
        font-size: 0.7rem;
        font-style: italic;
        text-align: right;
    }
}