#st-map{ position:absolute; top:0; bottom:0; width:100%; }
#st-content-wrapper .st-map-box .google-map-mapbox #st-map{
position: relative;
top: 0;
bottom: 0;
width: 100%;
height: 450px;
}
#st-content-wrapper .st-map-box{
width:100%;
height: 450px;
}
.page-template-template-user  .st_mapbox_custom.mapboxgl-map#st_mapbox_custom{
width: 100% !important;
height: 450px;
margin-bottom: 30px;
} #map-search-form .mapboxgl-popup .item-service-map:after {
bottom: 50%;
left: -9px;
right: 100%;
}
#map-search-form .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
display: none;
}
#map-search-form .mapboxgl-popup .mapboxgl-popup-close-button{
cursor: pointer;
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
font-size: 20px;
color: #333;
font-weight: 600;
} #st-content-wrapper .st-hotel-map-area .st-map-box {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 33.3333%;
float: left;
}
#st-content-wrapper .st-hotel-map-area .st-map-box .google-map-mapbox , #st-content-wrapper .st-hotel-map-area .st-map-box .google-map-mapbox #st-map{
height: 100%;
}
#map-search-form .mapboxgl-popup {
max-width: 500px;
}
#map-search-form .mapboxgl-popup-content {
text-align: center;
font-family: 'Open Sans', sans-serif;
}
@media(max-width: 575px) {
.mapboxgl-map .mapboxgl-popup-content {
margin: 8px;
padding: 0;
}
.mapboxgl-map .item-service-map-new .services-item .item,
.mapboxgl-map .item-service-map {
display: flex;
}
.mapboxgl-map .mapboxgl-popup {
display: block;
transform: none !important;
bottom: 30px;
top: unset !important;
right: 0;
width: 100%;
max-width: unset !important;
}
.mapboxgl-map .services-item.item-elementor .item .featured-image,
.mapboxgl-map .item-service-map .thumb {
width: 132px;
}
.mapboxgl-map .service-add-wishlist,
.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image .service-avatar,
.mapboxgl-map .services-item.item-elementor .item .featured-image .st-tag-feature-sale,
.mapboxgl-map .item-service-map p.service-location,
.mapboxgl-map .item-service-map .thumb .booking-item-rating-stars,
.mapboxgl-map .item-service-map .thumb .close-popup-on-map,
.mapboxgl-map .item-service-map .thumb .service-tag.bestseller {
display: none;
}
.mapboxgl-map .services-item.item-elementor .item .content-item .sub-title,
.mapboxgl-map .services-item.item-elementor .item .content-item .amenities {
display: none !important;
}
.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image a,
.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image a img,
.mapboxgl-map .item-service-map .thumb a,
.mapboxgl-map .item-service-map .thumb a img {
height: 100%;
}
.mapboxgl-map .services-item.item-elementor .item .content-item,
.mapboxgl-map .item-service-map .content {
padding: 10px;
width: 100%;
}
.mapboxgl-map .services-item.item-elementor .item .content-item .section-footer {
margin: 0;
padding-top: 5px;
}
.mapboxgl-map .services-item.item-elementor .item .content-item .price-wrapper,
.mapboxgl-map .item-service-map .service-price {
margin: 0;
}
.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-close-button {
right: unset !important;
top: -20px !important;
background: #fff;
color: #DA3838 !important;
font-weight: 600;
font-size: 20px;
border-radius: 50%;
}
.mapboxgl-map .item-service-map .service-price .fa {
top: 0;
}
}:root {
--main-color: #5191FA;
--grey-color: #5E6D77;
--light-grey-color: #EAEEF3;
--orange-color: #FA5636;
--link-color: #1A2B48;
}
.sticky {
}
.bypostauthor {
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright,
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
float: right;
}
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
@media (max-width: 767px) {
#tpcwl_wrapper {
height: auto !important;
}
#tpcwl_wrapper > iframe {
top: 0px !important;
position: relative !important;
}
}