/* Interactive Map Block Styles */

.wp-block-phd-interactive-map{width: 100%;  height: 600px; z-index: 1; margin: 50px auto; overflow: hidden; position: relative; border-radius: 0;}
.wp-block-phd-interactive-map .leaflet-popup-content-wrapper{ border-radius: 0; box-shadow: 0 26px 32px rgba(0, 0, 0, 0.4); padding: var(--content-padding-small); color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; }
.wp-block-phd-interactive-map .leaflet-popup-content{margin: 0; padding: 0;}

.interactive-map-popup{margin: 0; padding: 0;}
.interactive-map-popup p{margin: 0; padding: 0 0 5px 0;}

.leaflet-container{font: inherit; font-size: inherit;}
.leaflet-container a{color:  var(--primary);}
.leaflet-container a.btn-box{color:  var(--white);;}
.leaflet-popup-content-wrapper{border-radius: none;}
.leaflet-popup-content p{margin: 0;}

/* Hide map controls */
.wp-block-phd-interactive-map .leaflet-control-container{display: none !important;}

.wp-block-phd-interactive-map .leaflet-popup-close-button{padding: 8px 8px 0 0; color: #000;}
.wp-block-phd-interactive-map .leaflet-popup-close-button:hover{color: var(--primary);}
.wp-block-phd-interactive-map .leaflet-popup-tip {background:  var(--white);}

@media screen and (max-width: 768px) {
    .wp-block-phd-interactive-map{margin: 30px auto;}

    .wp-block-phd-interactive-map .leaflet-popup-content-wrapper {
        padding: 5px 10px 5px 5px;
        font-size: 13px;
        line-height: 22px;
    }
}