@-webkit-keyframes wdk_placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes wdk_placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .wdk-element .wdk-map { position: relative; /* custom marker */ /* end custom marker */ /* leaftet map */ } .wdk-element .wdk-map .map-hint { display: none; } @media (max-width: 767px) { .wdk-element .wdk-map .map-hint { position: absolute; left: 15px; top: 15px; display: inline-block; padding: 5px 10px; font-size: 16px; background: #ffffff94; color: #2c2c2cc4; border-radius: 5px; z-index: 2; } } .wdk-element .wdk-map .wdk-favorites-actions a.wdk-add-favorites-action { color: #fff; } .wdk-element .wdk-map .wdk-listing-card .wdk-footer { z-index: 5; position: relative; } .wdk-element .wdk-map img.leaflet-tile { box-shadow: none !important; } .wdk-element .wdk-map .wdk-listing-card .wdk-thumbnail .wdk-image { height: 190px; } .wdk-element .wdk-map .animated-background { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: wdk_placeHolderShimmer; animation-timing-function: linear; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: wdk_placeHolderShimmer; -webkit-animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; height: 96px; position: relative; } .wdk-element .wdk-map .map_infowindow .loading_content { height: 280px; margin: 0; margin-bottom: 5px; width: 100%; position: relative; z-index: 5; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line { height: 10px; background: #fff; width: 100%; margin: 0; margin-bottom: 0px; float: left; height: 16px; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line.m20 { margin-bottom: 16px; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line.side { width: 48%; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line.side:nth-child(odd) { margin-right: 2%; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line.side:nth-child(even) { margin-left: 2%; } .wdk-element .wdk-map .map_infowindow .loading_content .box_line.m170 { margin-bottom: 125px; height: 1px; } .wdk-element .wdk-map div#wdk_map_results { height: 350px; } .wdk-element .wdk-map .wdk_marker-cluster img, .wdk-element .wdk-map .wdk_cluster img { display: none !important; } .wdk-element .wdk-map .wdk_marker-cluster, .wdk-element .wdk-map .wdk_cluster { background: transparent !important; } .wdk-element .wdk-map .wdk_marker-cluster div, .wdk-element .wdk-map .wdk_cluster div { color: #fff !important; width: 36px !important; height: 36px !important; line-height: 36px !important; background: #0074e4 !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; position: relative; text-align: center; font-size: 14px !important; -webkit-animation: cluster-animation 2.5s infinite; animation: cluster-animation 2.5s infinite; } @-webkit-keyframes cluster-animation { 0%, 100% { -webkit-transform: scale(1.3) rotate(0deg); transform: scale(1.3) rotate(0deg); } 50% { -webkit-transform: scale(1.55) rotate(90deg); transform: scale(1.55) rotate(90deg); } } @keyframes cluster-animation { 0%, 100% { -webkit-transform: scale(1.3) rotate(0deg); transform: scale(1.3) rotate(0deg); } 50% { -webkit-transform: scale(1.55) rotate(90deg); transform: scale(1.55) rotate(90deg); } } .wdk-element .wdk-map .wdk_map-marker-container { position: absolute; margin-top: 10px; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } .wdk-element .wdk-map .wdk_marker-container { position: relative; margin: 10px auto; width: 49px; height: 49px; z-index: 1; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; top: -5px; margin-bottom: 21px; text-align: center; } .wdk-element .wdk-map .wdk_marker-container { -webkit-perspective: 1000; perspective: 1000; } .wdk-element .wdk-map .wdk_marker-card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; z-index: 1; } .wdk-element .wdk-map .wdk_marker-arrow { display: none; width: 0; content: ""; height: 0; /* filter: drop-shadow(0px 0px 1px #0074e4); */ border-style: solid; border-width: 40px 24px 0; margin-left: -0px; border-color: #0074e4 transparent transparent; top: 31px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; -webkit-border-radius: 0; border-radius: 0; z-index: 1; } .wdk-element .wdk-map .wdk_face { position: absolute; width: 100%; height: 124%; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; -webkit-border-radius: 10%; border-radius: 10%; color: #fff; z-index: 100; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: perspective(100px); transform: perspective(100px); } .wdk-element .wdk-map .wdk_face i { line-height: 61px; font-size: 18px; position: relative; z-index: 78; color: #0074e4; -webkit-transform: perspective(0); transform: perspective(0); left: -1px; transition: all .15s; } .wdk-element .wdk-map .wdk_face.front { color: #0074e4; z-index: 100; position: relative; z-index: 100; position: absolute; } .wdk-element .wdk-map .wdk_marker-container:hover .wdk_face i { color: #fff; } .wdk-element .wdk-map .wdk_marker-card:after { content: ''; position: absolute; top: 4px; margin-top: 0px; left: 2px; width: 44px; height: 63px; z-index: 1; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: perspective(34px) rotateX(20deg) rotateZ(-45deg); transform: perspective(34px) rotateX(20deg) rotateZ(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-border-radius: 60% 50% 60% 0; border-radius: 60% 50% 60% 0; padding: 0 3px 3px 0; width: 43px; height: 43px; background: #fff; z-index: 0; filter: blur(0.25px); } .wdk-element .wdk-map .wdk_marker-container:hover .wdk_marker-card:after { background: #0074e4; } .wdk-element .wdk-map .wdk_marker-card:before { content: ''; position: absolute; top: 2px; left: 0px; width: 44px; height: 63px; z-index: 1; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: perspective(38px) rotateX(20deg) rotateZ(-45deg); transform: perspective(38px) rotateX(20deg) rotateZ(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-border-radius: 60% 50% 60% 0; border-radius: 60% 50% 60% 0; padding: 0 3px 3px 0; width: 47px; height: 47px; background: #0074e4; z-index: 0; filter: blur(0.25px); } .wdk-element .wdk-map .wdk_marker-container:hover .wdk_marker-card:after { opacity: 0; } .wdk-element .wdk-map .wdk_face.back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-box-sizing: border-box; box-sizing: border-box; background: #0074e4; border-color: #0074e4; color: #fff; z-index: 25; } .wdk-element .wdk-map .wdk_face.back i { transform: scaleX(-1); line-height: 38px; font-size: 18px; } .wdk-element .wdk-map .wdk_face.back:after { content: ""; display: block; width: 36px; height: 36px; top: 2px; left: 2px; -webkit-border-radius: 10%; border-radius: 10%; position: absolute; } .wdk-element .wdk-map .wdk_marker-container.wdk_marker_label { height: auto; width: auto; padding: 0; border-radius: 0; margin: 0; margin-left: 0px; top: 0; position: initial; display: inline-block; margin-left: -50%; box-shadow: 0 0 2px 0 #ffffff69; transition: all .15s; } .wdk-element .wdk-map .wdk_marker-container.wdk_marker_label:not(.wdk_marker_clear) { padding: 1px 5px; border: 1px solid #d9304f; background: #e93e5f; color: #fff; } .wdk-element .wdk-map .wdk_marker-container.wdk_marker_label img { max-width: 55px !important; max-height: 50px !important; } .wdk-element .wdk-map .custom-zoom-in, .wdk-element .wdk-map .custom-zoom-out { background-color: #fff; color: #333; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; margin: 5px 15px; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); text-align: center; font-size: 15px; height: 34px; width: 34px; } .wdk-element .wdk-map .custom-zoom-in:hover, .wdk-element .wdk-map .custom-zoom-out:hover { background-color: #66676b; color: #fff; } .wdk-element .wdk-map .custom-zoom-in:before, .wdk-element .wdk-map .custom-zoom-out:before { font-family: "FontAwesome"; width: 100%; line-height: 35px; transition: -webkit-text-stroke 0.3s; -webkit-text-stroke: 1px #fff; } .wdk-element .wdk-map .zoomControlWrapper { position: absolute; left: 0; right: auto; width: 70px; } .wdk-element .wdk-map .custom-zoom-in:before { content: "\f067"; } .wdk-element .wdk-map .custom-zoom-out:before { content: "\f068"; } .wdk-element .wdk-map .custom-zoom-in:hover:before, .wdk-element .wdk-map .custom-zoom-out:hover:before { -webkit-text-stroke: 1px #66676b; } .wdk-element .wdk-map #mapnav-buttons { position: absolute; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 999; font-size: 14px; display: inline-block; bottom: 20px; right: 20px; list-style: none; padding: 0; } .wdk-element .wdk-map #mapnav-buttons.top { top: 20px; right: 20px; bottom: auto; } .wdk-element .wdk-map #mapnav-buttons li { float: left; margin-left: 4px; line-height: 20px; } .wdk-element .wdk-map #geoLocation, .wdk-element .wdk-map #mapnav-buttons a, .wdk-element .wdk-map #scrollEnabling, .wdk-element .wdk-map #streetView { color: #333; background-color: #fff; padding: 9px 18px 7px; font-weight: 500; -transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); } .wdk-element .wdk-map #geoLocation:hover, .wdk-element .wdk-map #mapnav-buttons a:hover, .wdk-element .wdk-map #scrollEnabling.enabled, .wdk-element .wdk-map #scrollEnabling:hover, .wdk-element .wdk-map #streetView:hover { background-color: #66676b; color: #fff; } .wdk-element .wdk-map #nextpoint:after, .wdk-element .wdk-map #prevpoint:before { font-family: "FontAwesome"; position: relative; font-weight: 500; margin: 0 0 0 6px; font-size: 17px; top: 0; line-height: 1px; } .wdk-element .wdk-map #prevpoint:before { content: "\f104"; margin: 0 6px 0 0; } .wdk-element .wdk-map #nextpoint:after { content: "\f105"; margin: 0 0 0 6px; } .wdk-element .wdk-map #geoLocation, .wdk-element .wdk-map #scrollEnabling, .wdk-element .wdk-map #streetView { position: absolute; top: 20px; right: 20px; z-index: 999; font-size: 13px; line-height: 21px; } .wdk-element .wdk-map #geoLocation:before, .wdk-element .wdk-map #scrollEnabling:before, .wdk-element .wdk-map #streetView:before { content: "\e015"; font-family: "simple-line-icons"; position: relative; top: 2px; margin: 0 6px 0 0; font-size: 15px; line-height: 1px; } .wdk-element .wdk-map #scrollEnabling:before { margin-left: -3px; } .wdk-element .wdk-map #streetView:before { content: "\f21d"; font-family: "FontAwesome"; font-size: 16px; top: 1px; margin-right: 8px; } .wdk-element .wdk-map #geoLocation { right: auto; left: 20px; padding: 8px 11px; } .wdk-element .wdk-map #geoLocation:before { content: "\f192"; font-family: "FontAwesome"; font-size: 16px; margin: 0; top: 2px; } .wdk-element .wdk-map .map-box { background-color: #fff; margin-bottom: 5px; border-radius: 0; -webkit-box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15); box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15); position: relative; } .wdk-element .wdk-map .map-box .rate-info { position: absolute; bottom: 84px; left: 0; padding-bottom: 20px; width: 100%; padding: 10px 10px 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; z-index: 5; } .wdk-element .wdk-map .map-box .rate-info > h5 { top: 4px; float: left; color: #fff; margin: 0px; color: #fff; font-size: 20px; font-weight: 600; float: left; /* padding-left: 24px; */ position: relative; top: 2px; z-index: 5; } .wdk-element .wdk-map .map-box h4 { margin: 0; padding: 0; } .wdk-element .wdk-map .map-box h4 a { padding: 0 0 2px; font-size: 17px; line-height: 25px; display: inline-block; } .wdk-element .wdk-map .listing-img-container { position: relative; height: 100%; display: block; -webkit-box-shadow: none !important; box-shadow: none !important; } .wdk-element .wdk-map .map-box h4 a:hover { color: #66676b; } .wdk-element .wdk-map .map-box p { padding: 0; line-height: 25px; margin: 2px 0 0; font-size: 14px; } .wdk-element .wdk-map .map-box ul.listing-details { padding: 0; font-size: 14px; display: none; } .wdk-element .wdk-map .map-box .listing-title { padding: 16px 22px; } .wdk-element .wdk-map .map-box .listing-img-content { padding: 18px 22px; } .wdk-element .wdk-map .map-box .listing-img-content span { font-size: 21px; } .wdk-element .wdk-map .map-box .listing-img-content .listing-price i { font-size: 15px; margin: -7px 0 0; } .wdk-element .wdk-map .infoBox > img { position: absolute !important; right: 0; top: 0; } .wdk-element .wdk-map .map-box .listing-img-container::before { content: ""; display: none; position: absolute; height: 100%; width: 100%; background: -o-linear-gradient(bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(35, 35, 37, 0.85)), color-stop(35%, rgba(35, 35, 37, 0.4)), color-stop(60%, rgba(22, 22, 23, 0)), to(transparent)); background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%); background-color: rgba(35, 35, 37, 0.2); } .wdk-element .wdk-map .map-box .listing-item-content { position: static; width: 100%; margin-top: -3px; background-color: #fff; padding: 15px 23px 20px 23px; border-left: 1px solid #e0e1e5; border-right: 1px solid #e0e1e5; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .wdk-element .wdk-map .map-box .listing-item-content h3 { color: #242526; font-size: 16px; padding: 0 0 2px; font-weight: 500; margin: 0; line-height: 27px; margin-bottom: 5px; } .wdk-element .wdk-map .map-box .listing-item-content span { font-size: 12px; font-weight: 400; display: inline-block; color: #aeb4b6; } .wdk-element .wdk-map .map-box .listing-item-content span i { padding-right: 5px; } .wdk-element .wdk-map .infoBox-close { position: absolute; top: 10px; right: 10px; display: inline-block; z-index: 999; text-align: center; line-height: 29px; cursor: pointer; font-size: 15px; font-weight: 500; height: 29px; width: 29px; background-color: #fff; color: #333; font-family: "FontAwesome"; -webkit-border-radius: 50%; border-radius: 50%; -webkit-text-stroke: 1px #fff; } .wdk-element .wdk-map .infoBox-close:hover { color: #fff; background-color: #66676b; -webkit-text-stroke: 1px #66676b; } .wdk-element .wdk-map .map-box-icon { height: 38px; width: 38px; position: absolute; bottom: 0; right: 0; background-color: #3685cf; display: block; color: #fff; font-size: 12px; z-index: 101; text-align: center; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; } .wdk-element .wdk-map .map-box-icon:before { content: "\f064"; font-family: "FontAwesome"; position: relative; top: 7px; display: block; } .wdk-element .wdk-map .map-box-image:hover .map-box-icon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateX(0); transform: translateX(0); } .wdk-element .wdk-map .map-box-image { position: relative; overflow: hidden; display: block; } .wdk-element .wdk-map .infoBox .star-rating { font-size: 16px; margin-top: 1px; } .wdk-element .wdk-map .infoBox .star-rating span { margin-right: 3px; } .wdk-element .wdk-map .infoBox .rating-counter { position: relative; top: -1px; } .wdk-element .wdk-map .infoBox:after { content: ""; position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; } .wdk-element .wdk-map .wdk-listing-card { border: 0; overflow: hidden; } .wdk-element .wdk-map .leaflet-container .leaflet-marker-pane .wdk_marker-container-image img { max-width: 100% !important; max-height: 100% !important; } .wdk-element .wdk-map .leaflet-container .leaflet-marker-pane .wdk_marker-container-image.clicked .wdk_marker-card, .wdk-element .wdk-map .leaflet-container .leaflet-marker-pane .wdk_marker-container-image:hover .wdk_marker-card { -webkit-transform: initial; -ms-transform: initial; transform: initial; } .wdk-element .wdk-map .google_marker span { position: absolute; z-index: 2; width: 29px; height: 29px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; background: white; -webkit-border-radius: 50%; border-radius: 50%; color: #18ad50; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .wdk-element .wdk-map .google_marker span i { line-height: 1; font-size: 16px; margin-left: 0; } .wdk-element .wdk-map .leaflet-container .leaflet-marker-pane .google_marker img { position: absolute; z-index: 2; max-width: 20px !important; max-height: 20px !important; max-width: 20px; max-height: 22px; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; max-width: 18px; } .wdk-element .wdk-map .gm-style .google_marker img { max-width: 18px; } .wdk-element .wdk-map .leaflet-popup-content-wrapper .leaflet-popup-content, .wdk-element .wdk-map .popupCustom .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0; margin-bottom: 0; } .wdk-element .wdk-map .leaflet-popup-content-wrapper .leaflet-popup-content, .wdk-element .wdk-map .popupCustom .leaflet-popup-content-wrapper .leaflet-popup-content { position: relative; } .wdk-element .wdk-map .leaflet-popup-content-wrapper .infoBox-close, .wdk-element .wdk-map .popupCustom .leaflet-popup-content-wrapper .infoBox-close { display: none; } .wdk-element .wdk-map .infobox:after { content: ""; position: absolute; bottom: -17px; left: 50%; width: 20px; height: 20px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; background: #fff; -webkit--transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); border: 1px solid #e0e1e5; border-width: 0 1px 1px 0; margin-left: -4px; } .wdk-element .wdk-map .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 8px; right: 8px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; line-height: 29px; cursor: pointer; font-size: 15px; font-weight: 500; height: 29px; width: 29px; padding: 0; background-color: #fff; color: #333; -webkit-border-radius: 50%; border-radius: 50%; -webkit-text-stroke: 1px #fff; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 15; } .wdk-element .wdk-map a.leaflet-popup-close-button::after { content: "\f00d"; font-size: 15px; } .wdk-element .wdk-map .leaflet-container a.leaflet-popup-close-button:hover { color: #fff; background-color: #66676b; } .wdk-element .wdk-map .leaflet-container:hover a.leaflet-popup-close-button { opacity: 1; } .wdk-element .wdk-map .popupcustom-default .leaflet-popup-content-wrapper .leaflet-popup-content { min-width: 150px; background: #fff; text-align: center; padding: 25px 18px 15px 18px; margin: 0; } .wdk-element .wdk-map .widget-property-map .popupcustom-default .leaflet-popup-content-wrapper .leaflet-popup-content { padding: 0; } .wdk-element .wdk-map .widget-property-map .leaflet-container .popupcustom-default .map-box { border-bottom: 0; } .wdk-element .wdk-map .leaflet-container .popupcustom-default a.leaflet-popup-close-button { position: absolute; top: 8px; right: 8px; } .wdk-element .wdk-map .leaflet-top, .wdk-element .wdk-map .leaflet-bottom, .wdk-element .wdk-map .leaflet-pane { z-index: 1 !important; } .wdk-element .wdk-map .leaflet-top, .wdk-element .wdk-map .leaflet-bottom { z-index: 10; } .wdk-element .wdk-map .infobox { width: 250px; height: auto; box-shadow: none; background: transparent; border: 0; } .wdk-element .wdk-map .infobox.wdk-infobox-basic { background: #fff; padding: 10px 10px; } .wdk-element .wdk-map .infobox.wdk-infobox-basic .title { margin: 0; } .wdk-element .wdk-map.infobox-basic .leaflet-container a.leaflet-popup-close-button { position: absolute; top: -12px; right: -12px; } .wdk-element .wdk-map .leaflet-popup-content-wrapper, .wdk-element .wdk-map .leaflet-popup-tip { box-shadow: none; background: transparent; border: 0; } .wdk-element .wdk-map .map-box .listing-img-container img { width: 100%; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; position: relative; height: calc(100% - 84px); -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: none; box-shadow: none; } .wdk-element .wdk-map .map-box .rate-info > span { color: #fff; text-transform: uppercase; font-size: 12px; background: rgba(145, 147, 152, 0.7); -webkit-border-radius: 50px; border-radius: 50px; padding: 5px 13px; float: right; margin-top: 2px; background: #a357de; z-index: 5; } .wdk-element .wdk-map .rate-info:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(rgba(255, 255, 255, 0.02), rgba(44, 44, 47, 0.75)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.02)), to(rgba(44, 44, 47, 0.75))); background-image: linear-gradient(rgba(255, 255, 255, 0.02), rgba(44, 44, 47, 0.75)); z-index: 0; } .wdk-element .wdk-map a { -webkit-box-shadow: none !important; box-shadow: none !important; } .wdk-element .wdk-map .leaflet-top { top: 50%; margin-top: -37px; } .wdk-element .wdk-map .leaflet-touch .leaflet-bar { border: 0; background-clip: padding-box; } .wdk-element .wdk-map .leaflet-touch .leaflet-bar a { background-color: #fff; color: #333; cursor: pointer; border-radius: 50% !important; margin: 5px 15px; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; text-align: center; font-size: 15px; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; line-height: 1; } .wdk-element .wdk-map .leaflet-touch .leaflet-bar a:hover { background-color: #66676b; color: #fff; } .wdk-element .wdk-map .wdk-infobox { padding: 15px 20px; width: 180px; } .wdk-element .wdk-map .wdk-infobox .wdk-infobox_title { font-size: 16px; margin: 0; padding-bottom: 10px; } .wdk-element .wdk-map .wdk-infobox .wdk-infobox_text { font-size: 12px; margin: 0; } .wdk-element .wdk-map .gmnoprint img { max-width: initial; } .wdk-element .wdk-map .marker-cluster { background: transparent !important; } .wdk-element .wdk-map .marker-cluster div { background: #0074e4; color: #fff; } .wdk-element .wdk-map .marker-cluster div::before { border: 7px solid #0074e4; opacity: 0.25; -webkit-box-shadow: inset 0 0 0 4px #0074e4; box-shadow: inset 0 0 0 4px #0074e4; content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: cluster-animation 2.5s infinite; animation: cluster-animation 2.5s infinite; } .wdk-element .wdk-map .wdk-listing-card .wdk-subtitle-part span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wdk-element .wdk-map .leaflet-container a.leaflet-popup-close-button { top: 6px; } @media (max-width: 767px) { .wdk-element .wdk-map .infobox { width: 320px !important; } .wdk-element .wdk-map .infobox .wdk-listing-card { display: grid; grid-auto-rows: minmax(0px, auto); } .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail { grid-column: 1; grid-row: 10 / 1; width: 120px; } .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail .wdk-image { height: 100% !important; } .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail .wdk-over-image-bottom { padding: 7px 10px 5px; } .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail .wdk-over-image-top { margin: 5px 5px; } .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail .wdk-compare-listing-button-actions, .wdk-element .wdk-map .infobox .wdk-listing-card .wdk-thumbnail .wdk-favorites-actions .fa { font-size: 17px; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(2) { grid-column: 2; grid-row: 1 / 1; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(3) { grid-column: 2; grid-row: 2 / 2; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(4) { grid-column: 2; grid-row: 3 / 3; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(5) { grid-column: 2; grid-row: 4 / 4; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(6) { grid-column: 2; grid-row: 5 / 5; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(7) { grid-column: 2; grid-row: 6 / 6; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(8) { grid-column: 2; grid-row: 7 / 7; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(9) { grid-column: 2; grid-row: 8 / 8; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(10) { grid-column: 2; grid-row: 9 / 9; } .wdk-element .wdk-map .infobox .wdk-listing-card > div:nth-child(11) { grid-column: 2; grid-row: 10 / 10; } .wdk-element .wdk-map .infobox .map_infowindow .loading_content { height: 134px; overflow: hidden; } } .wdk-element .wdk-map .route_suggestion { display: flex; margin-top: 25px; } .wdk-element .wdk-map .route_suggestion input { height: 45px; padding: 0 25px; width: 100%; font-size: 15px; font-family: "Montserrat"; font-weight: 300; border: 1px solid #eaeaea; border-radius: 3px; background: #fff; box-shadow: none; outline: none; } .wdk-element .wdk-map .route_suggestion .wdk-btn { color: #fff; font-family: "Montserrat"; font-weight: 400; background-color: #0074e4; height: auto; border: none; border-radius: 3px; width: 100%; padding: 13px 20px; font-size: 16px; cursor: pointer; transition: all .15s; } .wdk-element .wdk-map .route_suggestion .wdk-btn:hover { background: #0052a2; color: #fff; } .wdk-element .wdk-map .wdk_map_results .leaflet-top { transform: translateY(-54px); } .wdk-element .wdk-map .custom-draw-button { background-color: #fff; color: #333; cursor: pointer; border-radius: 5px; padding: 5px 15px; min-height: 35px; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2) !important; text-align: center; font-size: 15px; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 10px; } .wdk-element .wdk-map .custom-draw-button:hover { background-color: #66676b; color: #fff; } .wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right { transform: translateY(0); top: initial; margin-top: initial; display: flex; justify-content: center; align-items: center; } .wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right .leaflet-control-custom { margin: 10px; } .wdk-element .wdk-map .wdk_map_results .leaflet-top.leaflet-right .leaflet-control-custom a { margin: 0; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { body .wdk-element .wdk-map .wdk_marker-card::before, body .wdk-element .wdk-map .wdk_marker-card::after { -webkit-transform: perspective(0) rotateX(0deg) rotateZ(-44deg); transform: perspective(0) rotateX(0deg) rotateZ(-44deg); } body .wdk-element .wdk-map .wdk_marker-card::after { top: 10px; } body .wdk-element .wdk-map .wdk_marker-card::before { top: 8px; } } } @-webkit-keyframes cluster-animation { 0%, 100% { -webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg); } 50% { -webkit-transform: scale(1.35) rotate(90deg); transform: scale(1.35) rotate(90deg); } } @keyframes cluster-animation { 0%, 100% { -webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg); } 50% { -webkit-transform: scale(1.35) rotate(90deg); transform: scale(1.35) rotate(90deg); } }