/** * HomeRunner Rentus — Site Tweaks. * * Center the rental-income (Verhuren) Gravity Forms submit button in all three * languages — client feedback doc, 22 Aug 2026. Covers both legacy and 2.5+ * Gravity Forms footer markup. */ #gform_wrapper_6 .gform_footer, #gform_wrapper_6 .gform-footer { text-align: center; justify-content: center; } #gform_wrapper_6 .gform_footer input[type="submit"], #gform_wrapper_6 .gform_footer button, #gform_wrapper_6 .gform-footer input[type="submit"], #gform_wrapper_6 .gform-footer button { float: none; display: inline-block; margin: 0 auto; } /* * 1.2.5 — client feedback doc, 2 Oct 2026. */ /* p.4-5: GTranslate float switcher flags looked squashed. 20 px wide at 4:3, uncropped, vertically centred (header, footer and mobile switchers). */ .gt_float_switcher img, .gt_float_switcher .gt-current-lang img, .gt_options img { width: 20px !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: contain; align-self: center; vertical-align: middle; } /* p.7: Gravity Forms submit buttons (contact form 7, verhuren form 6) lack the theme's .uk-button class and computed to 27.5 px high. */ #gform_wrapper_6 .gform_footer .gform_button, #gform_wrapper_7 .gform_footer .gform_button, #gform_wrapper_6 .gform-footer .gform_button, #gform_wrapper_7 .gform-footer .gform_button { box-sizing: border-box; height: 50px !important; padding: 0 30px !important; line-height: 50px !important; } /* p.8-9: every footer list arrow is gold (Huren column arrows were white). */ footer .uk-icon[uk-icon*="triangle-right"] polygon, footer .uk-icon[uk-icon*="triangle-right"] svg { fill: #9a7c34 !important; color: #9a7c34 !important; } /* p.9-10: price-details modal and confirmation cost table clipped on phones. */ @media (max-width: 767px) { #homelocal-booking-price-details-modal .hk-table, .reservation-cost-breakdown .hk-table { width: 100%; } #homelocal-booking-price-details-modal .hk-table td, .reservation-cost-breakdown .hk-table td { padding: 6px 4px; font-size: 13px; overflow-wrap: anywhere; } #homelocal-booking-price-details-modal .hk-table td:last-child, .reservation-cost-breakdown .hk-table td:last-child { white-space: nowrap; text-align: right; width: 1%; } } /* Thank-you paragraph under the booking confirmation. */ .hrr-thank-you { margin: 24px 0 0; } /* p.1-2: the control that re-opens the folded explorer map is a gold "Toon kaart" button (#9a7c34, white text, the theme's 15px button radius): the toolkit edge tab on desktop, core's toggle on phones. */ .hfse .hrtk-mapctl-showtab, .hfse.map-hidden .hfse-form-map-toggle-btn { background: #9a7c34 !important; color: #fff !important; border: 0 !important; border-radius: 15px !important; } .hfse .hrtk-mapctl-showtab { right: 16px; height: 44px; padding: 0 18px; /* The toolkit parks the tab at the explorer's top edge, on top of the search row's "Zoeken" button; drop it below that row. */ margin-top: 76px; } .hfse.map-left .hrtk-mapctl-showtab { right: auto; left: 16px; } .hfse .hrtk-mapctl-showtab::after { display: none !important; } .hfse .hrtk-mapctl-showtab svg, .hfse.map-hidden .hfse-form-map-toggle-btn .hk-icon, .hfse.map-hidden .hfse-form-map-toggle-btn svg { color: #fff; stroke: currentColor; } .hrr-showmap-label { color: #fff; font-size: 16px; line-height: 1; white-space: nowrap; } /* * 1.3.0 — client phone screenshots + form notes, 13 Oct 2026. */ /* Gravity Forms selects (Verhuren "Waar heb je Rentus ontdekt?", Contact) rendered 14px Arial black in a 48px box next to the 15px Karla .uk-input text inputs. */ #gform_wrapper_6 .gform_required_legend, #gform_wrapper_7 .gform_required_legend { display: none; } #gform_wrapper_6 .ginput_container_select select.gfield_select, #gform_wrapper_7 .ginput_container_select select.gfield_select { font-family: inherit; font-size: 15px !important; /* theme.1.css: .gfield_select { font-size: 14px !important } */ line-height: 1.7 !important; color: rgba(0, 0, 0, 0.6); box-sizing: border-box; height: 50px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; border: 1px solid rgb(176, 161, 161); border-radius: 15px; background-color: #fff; } /* Mobile sticky booking bar (core sticky-widget.php, shown below 960px). The container carries uk-card uk-card-secondary: 15px radius on every corner and a drop shadow, so the gold bar showed white gaps at its bottom corners, and the widget's 30px vertical padding made it 108px tall. Flush to the viewport bottom, bottom corners square, iOS safe area padded, compact, and the button never wraps ("Nu boeken" broke onto two lines). */ @media (max-width: 959px) { .homelocal-sticky-booking-widget-container { left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; box-sizing: border-box; margin: 0 !important; padding: 0 0 env(safe-area-inset-bottom, 0) !important; border-radius: 15px 15px 0 0 !important; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12) !important; } /* Two classes: theme.1.css sets padding-top/bottom 30px !important on the bare class and is printed after this sheet. */ .homelocal-sticky-booking-widget-container .homelocal-sticky-booking-widget { box-sizing: border-box; width: 100% !important; padding: 12px 16px !important; gap: 12px; } .homelocal-sticky-booking-widget .price-container { flex: 1 1 auto; min-width: 0; font-size: 15px; line-height: 1.35; } .homelocal-sticky-booking-widget .modal-button-container { flex: 0 0 auto; } .homelocal-sticky-booking-widget .modal-button { white-space: nowrap !important; width: auto !important; font-size: 13px !important; line-height: 40px !important; padding: 0 14px !important; } /* The bar sat on top of the date picker (same z-index 999999). UIkit marks while any modal is open: hk-modal-page for the core's hk-prefixed build (date picker, price details, guest picker), uk-modal-page for the theme's (gallery, share). */ html.hk-modal-page .homelocal-sticky-booking-widget-container, html.uk-modal-page .homelocal-sticky-booking-widget-container { display: none !important; } } /* 1.3.0 build 2: redeployed after nginx open_file_cache served the previous size (truncated mid-file) and Cloudflare cached that response. */