.elementor-kit-165{--e-global-color-primary:#222222;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFFFFF;--e-global-color-d35480b:#22222200;--e-global-color-0f34fbb:#00000030;--e-global-color-bd3570c:#0000009C;--e-global-color-7c94aa7:#FFFFFF;--e-global-color-025d194:#222222;--e-global-color-a62534a:#000000;--e-global-color-acac86e:#E2E2E2;--e-global-color-dd9b932:#FF3C3C;--e-global-color-3e4473e:#FFCB36;--e-global-color-9e12c6d:#F8ED33;--e-global-color-6d1e7ef:#071743;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:1.1rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-8436dc0-font-family:"Outfit";--e-global-typography-8436dc0-font-size:6rem;--e-global-typography-8436dc0-font-weight:500;--e-global-typography-8436dc0-line-height:1em;--e-global-typography-26379aa-font-family:"Outfit";--e-global-typography-26379aa-font-size:6rem;--e-global-typography-26379aa-font-weight:200;--e-global-typography-6ca4c75-font-family:"Outfit";--e-global-typography-6ca4c75-font-size:0.9rem;--e-global-typography-6ca4c75-font-weight:500;--e-global-typography-6ca4c75-line-height:1em;--e-global-typography-6ca4c75-letter-spacing:0px;--e-global-typography-2d23718-font-family:"Outfit";--e-global-typography-2d23718-font-size:2.1rem;--e-global-typography-2d23718-font-weight:500;--e-global-typography-2d23718-line-height:1.2em;--e-global-typography-ddb90e3-font-family:"Outfit";--e-global-typography-ddb90e3-font-size:2.1rem;--e-global-typography-ddb90e3-font-weight:200;--e-global-typography-f756156-font-family:"Outfit";--e-global-typography-f756156-font-size:1.2rem;--e-global-typography-f756156-font-weight:600;--e-global-typography-f756156-line-height:1em;--e-global-typography-9770bd4-font-family:"Outfit";--e-global-typography-9770bd4-font-size:1.1rem;--e-global-typography-9770bd4-font-weight:500;--e-global-typography-9770bd4-line-height:1em;--e-global-typography-5c628df-font-family:"Outfit";--e-global-typography-5c628df-font-size:3.5rem;--e-global-typography-5c628df-font-weight:500;--e-global-typography-5c628df-line-height:1em;--e-global-typography-1709e00-font-family:"Outfit";--e-global-typography-1709e00-font-size:3.5rem;--e-global-typography-1709e00-font-weight:200;--e-global-typography-a504ab6-font-family:"Outfit";--e-global-typography-a504ab6-font-size:3rem;--e-global-typography-a504ab6-font-weight:500;--e-global-typography-a504ab6-line-height:1em;--e-global-typography-deddb03-font-family:"Outfit";--e-global-typography-deddb03-font-size:3.5rem;--e-global-typography-435a064-font-family:"Outfit";--e-global-typography-435a064-font-size:1.6rem;--e-global-typography-435a064-font-weight:500;--e-global-typography-435a064-line-height:1.2em;--e-global-typography-8ac906d-font-family:"Outfit";--e-global-typography-8ac906d-font-size:1.7rem;--e-global-typography-8ac906d-font-weight:400;--e-global-typography-8ac906d-line-height:1.6em;background-color:var( --e-global-color-secondary );color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-165 button,.elementor-kit-165 input[type="button"],.elementor-kit-165 input[type="submit"],.elementor-kit-165 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:20px 35px 20px 35px;}.elementor-kit-165 button:hover,.elementor-kit-165 button:focus,.elementor-kit-165 input[type="button"]:hover,.elementor-kit-165 input[type="button"]:focus,.elementor-kit-165 input[type="submit"]:hover,.elementor-kit-165 input[type="submit"]:focus,.elementor-kit-165 .elementor-button:hover,.elementor-kit-165 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;}.elementor-kit-165 e-page-transition{background-color:#FFBC7D;}.elementor-kit-165 a{color:var( --e-global-color-6d1e7ef );font-family:"Outfit", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1em;}.elementor-kit-165 a:hover{color:var( --e-global-color-6d1e7ef );}.elementor-kit-165 h1{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-8436dc0-font-family ), Sans-serif;font-size:var( --e-global-typography-8436dc0-font-size );font-weight:var( --e-global-typography-8436dc0-font-weight );line-height:var( --e-global-typography-8436dc0-line-height );}.elementor-kit-165 h2{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-5c628df-font-family ), Sans-serif;font-size:var( --e-global-typography-5c628df-font-size );font-weight:var( --e-global-typography-5c628df-font-weight );line-height:var( --e-global-typography-5c628df-line-height );}.elementor-kit-165 h3{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-2d23718-font-family ), Sans-serif;font-size:var( --e-global-typography-2d23718-font-size );font-weight:var( --e-global-typography-2d23718-font-weight );line-height:var( --e-global-typography-2d23718-line-height );}.elementor-kit-165 h4{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-435a064-font-family ), Sans-serif;font-size:var( --e-global-typography-435a064-font-size );font-weight:var( --e-global-typography-435a064-font-weight );line-height:var( --e-global-typography-435a064-line-height );}.elementor-kit-165 h5{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-f756156-font-family ), Sans-serif;font-size:var( --e-global-typography-f756156-font-size );font-weight:var( --e-global-typography-f756156-font-weight );line-height:var( --e-global-typography-f756156-line-height );}.elementor-kit-165 h6{color:var( --e-global-color-6d1e7ef );font-family:var( --e-global-typography-9770bd4-font-family ), Sans-serif;font-size:var( --e-global-typography-9770bd4-font-size );font-weight:var( --e-global-typography-9770bd4-font-weight );line-height:var( --e-global-typography-9770bd4-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-165{--e-global-typography-primary-font-size:1rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:0.9rem;--e-global-typography-8436dc0-font-size:5rem;--e-global-typography-26379aa-font-size:5rem;--e-global-typography-6ca4c75-font-size:0.9rem;--e-global-typography-2d23718-font-size:1.8rem;--e-global-typography-ddb90e3-font-size:1.8rem;--e-global-typography-f756156-font-size:1.1rem;--e-global-typography-9770bd4-font-size:1rem;--e-global-typography-5c628df-font-size:3rem;--e-global-typography-1709e00-font-size:3rem;--e-global-typography-a504ab6-font-size:2.7rem;--e-global-typography-deddb03-font-size:3rem;--e-global-typography-435a064-font-size:1.4rem;--e-global-typography-8ac906d-font-size:1.5rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-165 a{font-size:1rem;}.elementor-kit-165 h1{font-size:var( --e-global-typography-8436dc0-font-size );line-height:var( --e-global-typography-8436dc0-line-height );}.elementor-kit-165 h2{font-size:var( --e-global-typography-5c628df-font-size );line-height:var( --e-global-typography-5c628df-line-height );}.elementor-kit-165 h3{font-size:var( --e-global-typography-2d23718-font-size );line-height:var( --e-global-typography-2d23718-line-height );}.elementor-kit-165 h4{font-size:var( --e-global-typography-435a064-font-size );line-height:var( --e-global-typography-435a064-line-height );}.elementor-kit-165 h5{font-size:var( --e-global-typography-f756156-font-size );line-height:var( --e-global-typography-f756156-line-height );}.elementor-kit-165 h6{font-size:var( --e-global-typography-9770bd4-font-size );line-height:var( --e-global-typography-9770bd4-line-height );}.elementor-kit-165 button,.elementor-kit-165 input[type="button"],.elementor-kit-165 input[type="submit"],.elementor-kit-165 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-165{--e-global-typography-primary-font-size:0.9rem;--e-global-typography-text-font-size:0.9rem;--e-global-typography-accent-font-size:0.8rem;--e-global-typography-8436dc0-font-size:3rem;--e-global-typography-26379aa-font-size:3rem;--e-global-typography-6ca4c75-font-size:0.8rem;--e-global-typography-2d23718-font-size:1.5rem;--e-global-typography-ddb90e3-font-size:1.5rem;--e-global-typography-f756156-font-size:1rem;--e-global-typography-9770bd4-font-size:0.9rem;--e-global-typography-5c628df-font-size:2.5rem;--e-global-typography-1709e00-font-size:2.5rem;--e-global-typography-a504ab6-font-size:2.4rem;--e-global-typography-deddb03-font-size:2.5rem;--e-global-typography-435a064-font-size:1.2rem;--e-global-typography-8ac906d-font-size:1.3rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-165 a{font-size:0.9rem;}.elementor-kit-165 h1{font-size:var( --e-global-typography-8436dc0-font-size );line-height:var( --e-global-typography-8436dc0-line-height );}.elementor-kit-165 h2{font-size:var( --e-global-typography-5c628df-font-size );line-height:var( --e-global-typography-5c628df-line-height );}.elementor-kit-165 h3{font-size:var( --e-global-typography-2d23718-font-size );line-height:var( --e-global-typography-2d23718-line-height );}.elementor-kit-165 h4{font-size:var( --e-global-typography-435a064-font-size );line-height:var( --e-global-typography-435a064-line-height );}.elementor-kit-165 h5{font-size:var( --e-global-typography-f756156-font-size );line-height:var( --e-global-typography-f756156-line-height );}.elementor-kit-165 h6{font-size:var( --e-global-typography-9770bd4-font-size );line-height:var( --e-global-typography-9770bd4-line-height );}.elementor-kit-165 button,.elementor-kit-165 input[type="button"],.elementor-kit-165 input[type="submit"],.elementor-kit-165 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:15px 25px 15px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* ==================== AVAL — PROPERTY CARDS (ROUNDED + THEME) ==================== */ .hfse-properties .hfse-property-card{ --card-radius: 22px; --card-border: #E6E6E6; --card-bg: #FFFFFF; --text: #222222; --muted: #7A7A7A; background: var(--card-bg) !important; border: 1px solid var(--card-border) !important; border-radius: var(--card-radius) !important; box-shadow: none !important; overflow: hidden !important; /* ensures image corners are rounded */ transform: translateZ(0); /* prevents weird clipping in some browsers */ } /* Make sure the image/media respects the same radius */ .hfse-properties .hfse-property-card .hfse-property-media, .hfse-properties .hfse-property-card .hfse-property-slideshow, .hfse-properties .hfse-property-card .hk-card-media-top{ border-top-left-radius: 22px !important; border-top-right-radius: 22px !important; overflow: hidden !important; } /* Images fill nicely */ .hfse-properties .hfse-property-card img{ border-radius: 0 !important; transform: scale(1); transition: transform .25s ease; } /* Body spacing / typography */ .hfse-properties .hfse-property-card .hk-card-body{ padding: 18px 18px 12px !important; } .hfse-properties .hfse-property-title{ color: var(--text) !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 0 10px !important; } /* Price style */ .hfse-properties .hfse-property-price-container, .hfse-properties .hfse-property-price{ color: var(--muted) !important; font-weight: 600 !important; } .hfse-properties .hfse-property-price strong{ color: var(--text) !important; font-weight: 800 !important; } /* Meta row (house/location/guests/beds/baths) */ .hfse-properties .hfse-property-meta{ border-top: 1px solid #F0F0F0 !important; padding: 12px 18px 16px !important; color: var(--muted) !important; } .hfse-properties .hfse-property-meta .terms{ color: var(--muted) !important; font-weight: 600 !important; } /* Hover: subtle lift + nicer border, keep it premium (not heavy shadow) */ .hfse-properties .hfse-property-card:hover{ border-color: #D8D8D8 !important; transform: translateY(-2px); transition: transform .18s ease, border-color .18s ease; } .hfse-properties .hfse-property-card:hover img{ transform: scale(1.02); } /* Dotnav cleaner */ .hfse-properties .hfse-property-slideshow-dotnav a{ background: rgba(255,255,255,.55) !important; } .hfse-properties .hfse-property-slideshow-dotnav .hk-active a{ background: rgba(255,255,255,.95) !important; } /* Optional: make slideshow arrows more “Aval” */ .hfse-properties .hfse-property-slideshow-prev-btn, .hfse-properties .hfse-property-slideshow-next-btn{ background: rgba(255,255,255,.85) !important; border-radius: 999px !important; padding: 8px !important; } .hfse-properties .hfse-property-slideshow-prev-btn svg *, .hfse-properties .hfse-property-slideshow-next-btn svg *{ stroke: #222 !important; } /* Mobile breathing room */ @media (max-width: 767px){ .hfse-properties .hfse-property-card{ --card-radius: 18px; } .hfse-properties .hfse-property-card .hk-card-body{ padding: 16px !important; } .hfse-properties .hfse-property-meta{ padding: 10px 16px 14px !important; } } /* ==================== END — PROPERTY CARDS ==================== */ /* ==================== AVAL — LEAFLET MAP THEME ==================== */ /* Map card: rounded + clean edge */ #hr-explorer-1 .hfse-map, #hr-explorer-1 .hfse-map-container, #hr-explorer-1 .leaflet-container{ border-radius: 22px !important; overflow: hidden !important; background: #fff !important; } /* Controls container spacing */ #hr-explorer-1 .leaflet-top, #hr-explorer-1 .leaflet-bottom{ padding: 12px !important; } /* Control group (zoom/home etc.) */ #hr-explorer-1 .leaflet-bar{ border: 1px solid #E6E6E6 !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: none !important; } /* Each button */ #hr-explorer-1 .leaflet-bar a{ width: 42px !important; height: 42px !important; line-height: 42px !important; background: #fff !important; color: #222 !important; border-bottom: 1px solid #E6E6E6 !important; } /* Last button no divider */ #hr-explorer-1 .leaflet-bar a:last-child{ border-bottom: none !important; } /* Hover */ #hr-explorer-1 .leaflet-bar a:hover{ background: #F6F6F6 !important; } /* Improve map attribution (optional) */ #hr-explorer-1 .leaflet-control-attribution{ font-size: 12px !important; color: #7A7A7A !important; background: rgba(255,255,255,.9) !important; border: 1px solid #E6E6E6 !important; border-radius: 12px !important; padding: 6px 10px !important; } /* ==================== Price bubbles (your $130, $195 pins) ==================== These are usually Leaflet divIcons; HomeRunner often uses .hfse-map-price or similar. This targets common patterns safely. */ #hr-explorer-1 .leaflet-marker-icon, #hr-explorer-1 .leaflet-div-icon{ border: none !important; background: transparent !important; } /* Common “price pill” patterns */ #hr-explorer-1 .hfse-map-price, #hr-explorer-1 .hfse-price-pin, #hr-explorer-1 .map-price, #hr-explorer-1 .price-marker{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; color: #222 !important; border: 1px solid #E6E6E6 !important; border-radius: 999px !important; padding: 10px 14px !important; font-weight: 800 !important; font-size: 14px !important; line-height: 1 !important; box-shadow: none !important; } /* Active/selected marker (if a class is applied) */ #hr-explorer-1 .hfse-map-price.is-active, #hr-explorer-1 .hfse-price-pin.is-active, #hr-explorer-1 .price-marker.is-active{ background: #222 !important; color: #fff !important; border-color: #222 !important; } /* ===================================================== AVAL — Property Details & Amenities Styling Consolidated from visual CSS edits ===================================================== */ /* --------------------------------- Hide divider images inside grids ----------------------------------*/ .hk-grid-divider div .el-image { display: none !important; } /* --------------------------------- Card items (rounded + soft shadow) ----------------------------------*/ .fs-grid .hk-grid-small .el-item { transform: translate(0px, 0px); border-radius: 30px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); } /* --------------------------------- Amenities icons (SVG styling) ----------------------------------*/ .elementor-widget-homerunner_property_amenities_widget div svg { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 16px; border-radius: 30px; } /* --------------------------------- Amenities item links ----------------------------------*/ .elementor-widget-homerunner_property_amenities_widget .uk-scope a { background-color: #000000; font-weight: 600; border-radius: 30px; } /* Desktop font size for amenities text */ @media (min-width: 1025px) { .elementor-widget-homerunner_property_amenities_widget .uk-scope a { font-size: 16px; } } /* --------------------------------- Icons inside grid items ----------------------------------*/ .fs-grid .el-item svg { color: #000000; font-weight: 600; } /* --------------------------------- Icons inside list items ----------------------------------*/ .hk-list .el-item svg { color: #000000; } /* ===================================================== AVAL — Amenities Section & Full Amenities Modal Consolidated from visual CSS edits ===================================================== */ /* --------------------------------- Amenities inline text (span) ----------------------------------*/ #amenities span { color: #000000; } /* --------------------------------- Full amenities modal icons (SVG) ----------------------------------*/ #modal-full-amenities .el-item svg { background-color: #000000; color: #ffffff; font-weight: 600; font-size: 16px; border-radius: 30px; } /* --------------------------------- Full amenities modal container ----------------------------------*/ #modal-full-amenities .hk-modal-dialog .hk-overflow-auto { transform: translate(0px, 0px); border-radius: 30px; } /* --------------------------------- Full amenities modal close button ----------------------------------*/ #modal-full-amenities .hk-modal-dialog .hk-modal-close-full { display: inline-block; transform: translate(0px, 0px) !important; color: #000000; background-color: transparent !important; } /* ===================================================== AVAL — Sticky Booking Widget (Mobile ≤ 411px) ===================================================== */ @media (max-width: 411px) { /* --------------------------------- Hide rent unit (Starting at $/night) ----------------------------------*/ .hk-hidden\@m .rent-unit { display: none !important; } /* --------------------------------- Modal button container cleanup ----------------------------------*/ .hk-hidden\@m .hk-padding-small .modal-button { margin-left: 0 !important; overflow: auto; } /* --------------------------------- Modal padding row reset ----------------------------------*/ .hk-scope-modal .hk-hidden\@m .hk-padding-small { background-color: transparent !important; transform: translate(0px, 0px); } /* ===================================================== AVAL — Coupons & Price Details Styling Consolidated from visual CSS edits ===================================================== */ /* --------------------------------- “Have coupon?” input ----------------------------------*/ #have_coupon { border-radius: 30px; } /* --------------------------------- Coupon input field ----------------------------------*/ #coupon { border-radius: 30px; } /* --------------------------------- Apply coupon button ----------------------------------*/ #apply-coupon-btn { border-radius: 30px; background-color: #000000; color: #ffffff; } /* Desktop font size for apply coupon */ @media (min-width: 1025px) { #apply-coupon-btn { font-size: 16px; } } /* Hfse property rating */ .hfse-properties div .hfse-property-rating{ display:none; } /* Flex auto */ .hfse-properties div:nth-child(1) div .hk-flex-auto{ font-weight:400 !important; } /* Span Tag */ .hfse-properties div:nth-child(1) .hk-flex-column div div:nth-child(2) span{ font-weight:400 !important; color:#000000 !important; font-size:16px; } /* Division */ .hfse-properties div:nth-child(1) .hk-flex-column > div:nth-child(3){ color:#000000 !important; transform:translatex(0px) translatey(0px); } /* Division */ .hfse-properties div:nth-child(1) .hk-flex-column div:nth-child(3) > div:nth-child(1){ color:#000000; } /* Hfse property locations */ .hfse-properties div:nth-child(1) div .hfse-property-locations{ color:#000000 !important; } /* Terms */ .hfse-properties div:nth-child(1) div .terms:nth-child(2){ color:#000000 !important; }/* End custom CSS */