testing

.stay_list_sec { position: relative; } .listing_title_section { width: calc(100% – 550px); } /* slider css */ div#n2-ss-59 .n2-ss-slider-3 { max-width: 96%; } div#n2-ss-59-align { max-width: 1920px !important; width: 100% !important; min-width: 100% !important; } /* slider css end */ .header_ctm_container { max-width: 100%; } /* map css start here */ .page-id-24282 .site-container { overflow: unset; } .show_other_listing a#toggleButton { background: #4999F1; color: #fff; font-size: 16px; border-radius: 8px; padding: 12px 50px; } .show_other_listing { text-align: center; margin: 20px 0 0 0; } .show_other_listing a#toggleButton:hover { background: #4999f1e8; } .custom_main_listing_div .hp-listing__image img { object-fit: cover; height: 280px; } /* for open map */ .custom_main_listing_div.listing_map_hide_class img { height: 240px; } .main_map { display: inline-block; position: absolute; top: 0; width: 550px; height: 100%; right: 0; } .test_map { height: 100%; width: 100%; position: sticky; top: 15px; overflow: unset!important; } .main_map div#mapss { height: 100%; width: 100%; } .gb-container.gb-container-c1606fe1.stay_container { position: relative; } .custom_main_listing_div article.hp-listing .hp-listing__title a { height: initial; } .custom_main_listing_div.listing_map_hide_class .hp-block.hp-grid .hp-grid__item { max-width: 33%; flex-basis: 33%; } .listing_map_hide_class { width: calc(100% – 550px); } .stay_list_sec { padding: 40px; } a.show_hide_btn { display: flex; text-align: center; width: 50px; height: 50px; background: #fff; border-radius: 100%; box-shadow: 0px 0px 8px 0px #c3c3c3; margin-left: auto; flex-direction: column; gap: 0; justify-content: center; align-items: center; cursor: pointer; position: absolute; right: 0; z-index: 999; top: -100px; } .stay_page_breadcrumb { margin-bottom: 10px; } .custom_div.hp-listings.hp-block.hp-grid { position: relative; } .listing_map_hide_class a.show_hide_btn { right: -65px; } a.show_hide_btn i.hp-icon.fas.fa-map { font-size: 0; height: 15px; display: inline-block; width: 15px; background-image: url(https://www.lake.com/wp-content/uploads/2024/01/right.svg); background-repeat: no-repeat; background-position: center; background-size: 8px; margin: 0; transform: rotate(180deg); } a.show_hide_btn span:after { content: ‘map’; color: #000; font-size: 10px; text-transform: uppercase; font-weight: 600; } a.show_hide_btn span { font-size: 0; position: relative; } .listing_map_hide_class i.hp-icon.fas.fa-map { transform: initial!important; } .listing_map_hide_class a.show_hide_btn span::after { content: ‘hide’; } /*inner Map */ div#mapss .gm-style-iw.gm-style-iw-c { padding: 0; } div#mapss .gm-style-iw.gm-style-iw-c { padding: 0; } div#mapss .hp-grid__item_info_window .hp-col-sm-12.hp-col-xs-12 { padding: 0; } div#mapss .gm-style .gm-style-iw-d { overflow: initial!important; } div#mapss .hp-grid__item_info_window article.hp-listing.hp-listing–view-block .hp-listing__action–favorite { right: 55px; } div#mapss .gm-style-iw.gm-style-iw-c { padding: 0!important; border-radius: 20px!important; max-width: 350px!important; } div#mapss button.gm-ui-hover-effect { right: 10px!important; top: 10px!important; background: #fff!important; box-shadow: 0 0 20px 0 #00000020; opacity: 1; border-radius: 50%; height: 32px!Important; width: 32px!Important; } div#mapss .hp-listing–view-block:hover { transform: none; } /* map css end here */ .site-content { padding: 0; } section.header-hero.header-hero–title { display:none; } .container { padding: 0 !important; width: 100%; } .stay_page_breadcrumb span.gb-icon , .stay_page_breadcrumb nav.rank-math-breadcrumb a { color: #4999F1 !important; } .img_0 figure { margin: 0; } .background_vector_img:before, .background_vector_img:after { content: “”; background-image: url(https://www.lake.com/wp-content/uploads/2024/05/stay_house_vector.svg); height: 140px; width: 140px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: 40px; top: 30px; } .background_vector_img:before { background-image:url(https://www.lake.com/wp-content/uploads/2024/05/stay_calender_vector.svg); left:30px; bottom:20px; top:auto; } .before_arrow_img:after { content: “”; background-image: url(https://www.lake.com/wp-content/uploads/2023/12/right_get_in_touch.svg); display: inline-block; width: 100px; height: 80px; background-size: 250px; background-position: center bottom; position: absolute; transform: rotate(5deg); bottom: 0px; right: 20%; } .wp-block-column:not(:last-child) { margin-bottom: 0px !important; } @media (max-width:1440px){ .custom_div.hp-listings.hp-block.hp-grid .hp-grid__item { max-width: 33%!important; flex-basis: 33%; } .custom_main_listing_div.listing_map_hide_class .hp-block.hp-grid .hp-grid__item { max-width: 50%!Important; flex-basis: 50%; } .custom_main_listing_div .hp-listing__image img { object-fit: cover; height: 260px; } /* for open map */ .custom_main_listing_div.listing_map_hide_class img { height: 220px; } } @media (max-width:991px) { .custom_div.hp-listings.hp-block.hp-grid .hp-grid__item { max-width: 50%!Important; flex-basis: 50%!Important; } .background_vector_img:before, .background_vector_img:after { height: 60px; width: 60px; right: 5px; top: 5px; } .background_vector_img:before { left: 5px; bottom: 5px; top:auto; } .before_arrow_img:after { width: 70px; height: 60px; background-size: 170px; bottom: 17%; right: 8%; } } @media(max-width:767px) { .listing_title_section { width:100%; } :where(.wp-block-columns.is-layout-flex) { gap: 20px; } .custom_div.hp-listings.hp-block.hp-grid .hp-grid__item { max-width: 100%!Important; flex-basis: 100%!Important; } .stay_list_sec { padding-inline: 15px; } }