/* Popup ----------------------------------------*/ .leaflet-popup-content  {     width: 270px;     margin:0px;     background-color: white;     border-radius: 8px;     padding: 12px; }  .leaflet-popup-tip-container {     width: 30px;     height: 30px;     position: absolute;     left: 52%;     margin-left: -15px;     overflow: hidden;     pointer-events: none;     background: transparent; }  .leaflet-container a.leaflet-popup-close-button {height: 25px;width: 25px;display: flex;justify-content: center;align-items: center;background: var( --weddingdir-color-cyan, #01a1a2 );border-radius: 50%;color: #fff;outline: none;font-size: 14px;position: absolute;top: -12px;right: -12px;}      .leaflet-container a.leaflet-popup-close-button:hover {     color: #fff;     background-color: var( --weddingdir-color-dark-cyan, #01aeaf ); }  .leaflet-container a.leaflet-popup-close-button:before {     font-family: 'Font Awesome 5 Free';     font-weight: 900;     /* content: "\f00d"; */     position: absolute;     top: 0;     left: 0;     right: 0;     font-size: 14px;     line-height: 29px;     height: 29px;     width: 29px;     border-radius: 100%; }  .leaflet-container a.title{     color: #4b4645; }  .marker-cluster-small div {     background-color: var( --weddingdir-color-dark-cyan, #01aeaf );     color: #fff; }  .marker-cluster-small {     background-color: rgb(1 174 175 / .5) }  .pin {     font-size: 24px;     background: #407D85;     width: 50px;     height: 50px;     -webkit-border-radius: 50% 50% 50% 0;     border-radius: 50% 50% 50% 0;     position: absolute;     -webkit-transform: rotate(-45deg);     -moz-transform: rotate(-45deg);     -o-transform: rotate(-45deg);     -ms-transform: rotate(-45deg);     transform: rotate(-45deg);     left: 50%;     top: 50%;     /*margin: -50px 0 0 -20px;*/ /*    -webkit-animation-name: bounce;     -moz-animation-name: bounce;     -o-animation-name: bounce;     -ms-animation-name: bounce;     animation-name: bounce;*/     -webkit-animation-fill-mode: both;     -moz-animation-fill-mode: both;     -o-animation-fill-mode: both;     -ms-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-duration: 1s;     -moz-animation-duration: 1s;     -o-animation-duration: 1s;     -ms-animation-duration: 1s;     animation-duration: 1s;     box-shadow: 0 0 5px rgba(0, 0, 0, .47) } .pin:hover, .pin.active{     background:#D3BFAE; }  .lpmap-icon-contianer {     width: 35px;     height: 35px;     border-radius: 50%;     background-color: #fff;     text-align: center;     line-height: 32px;     margin-left: 5px;     vertical-align: middle;     position: relative;     top: 8px;     border-width: 1px;     border-style: solid;     left: 3px;     transform: rotate(45deg) }  .lpmap-icon-contianer img {     margin-top: 0;     position: relative;     top: -1px;     width: 17px } .vendor-single-popup div{     font: 13px/20px "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .weddingdir-infowindow-request-quote, .weddingdir-infowindow-rating{     margin-bottom: 5px } .leaflet-geocode-list-result ul.list-group{     position: absolute;     z-index: 1001;     width: auto;     max-height: 200px;     overflow: scroll;     box-shadow: 0.1px 3.33px 5px 4px rgb(0 0 0 / 15%); }  .leaflet-geocode-list-result ul.list-group li{     cursor: pointer; }  .leaflet-geocode-list-result span.highlight {     color: #222;     font-weight: 700; }