.elementor-7332 .elementor-element.elementor-element-f76c518 .elementor-repeater-item-850d742.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-7332 .elementor-element.elementor-element-4866730 .elementor-repeater-item-8e97ece.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7332 .elementor-element.elementor-element-91e16e1{text-align:center;font-size:14px;}.elementor-7332 .elementor-element.elementor-element-4866730{z-index:998;}.elementor-7332 .elementor-element.elementor-element-f76c518{margin-top:30px;margin-bottom:0px;}.elementor-7332 .elementor-element.elementor-element-0bf04f0{margin-top:50px;margin-bottom:0px;}.elementor-7332 .elementor-element.elementor-element-b51054b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7332 .elementor-element.elementor-element-b51054b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-7332 .elementor-element.elementor-element-b51054b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7332 .elementor-element.elementor-element-b51054b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 5%;--e-column-margin-right:05%;--e-column-margin-left:5%;padding:010px 0px 100px 0px;}.elementor-7332 .elementor-element.elementor-element-b51054b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7332 .elementor-element.elementor-element-3a3148d > .elementor-widget-container{padding:50px 0px 0px 0px;}.ee-tooltip.ee-tooltip-3a3148d.to--top, .ee-tooltip.ee-tooltip-3a3148d.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-3a3148d.to--left, .ee-tooltip.ee-tooltip-3a3148d.to--right{margin-top:0px;}.elementor-7332 .elementor-element.elementor-element-3a3148d img{width:130px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7332 .elementor-element.elementor-element-100dd53 > .elementor-widget-container{padding:0% 25% 0% 25%;}.elementor-7332 .elementor-element.elementor-element-100dd53{text-align:center;}.elementor-7332 .elementor-element.elementor-element-100dd53 .elementor-heading-title{font-size:50px;font-weight:400;line-height:56px;letter-spacing:-0.3px;color:#94986C;}.elementor-7332 .elementor-element.elementor-element-44e1374 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 12% 0% 12%;}.elementor-7332 .elementor-element.elementor-element-44e1374{text-align:center;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;line-height:27px;color:#0000008C;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7332 .elementor-element.elementor-element-8fae6a7 .elementor-button{background-color:#94986C;font-size:20px;font-weight:500;border-radius:0px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-8fae6a7 .elementor-button:hover, .elementor-7332 .elementor-element.elementor-element-8fae6a7 .elementor-button:focus{background-color:#727552;}.elementor-7332 .elementor-element.elementor-element-8fae6a7{width:auto;max-width:auto;}.elementor-7332 .elementor-element.elementor-element-8fae6a7 > .elementor-widget-container{margin:0px 5px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-de734e2 .elementor-button{background-color:#94986C;font-size:20px;font-weight:500;border-radius:0px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-de734e2 .elementor-button:hover, .elementor-7332 .elementor-element.elementor-element-de734e2 .elementor-button:focus{background-color:#727552;}.elementor-7332 .elementor-element.elementor-element-de734e2{width:auto;max-width:auto;}.elementor-7332 .elementor-element.elementor-element-de734e2 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-7332 .elementor-element.elementor-element-2bf2d9a1{margin-top:0px;margin-bottom:50px;}.elementor-7332 .elementor-element.elementor-element-a8cfa49 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}body.rtl .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-inline .elementor-field-group > abbr{padding-left:0px;}body:not(.rtl) .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-inline .elementor-field-group > abbr{padding-right:0px;}body .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-labels-above .elementor-field-group > abbr{padding-bottom:0px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group > label, .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-subgroup label{color:#94986C;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group > label{font-size:17px;font-weight:400;line-height:2.5em;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-type-html{padding-bottom:0px;color:#94986C;font-weight:400;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group .elementor-field{color:#636363;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group .elementor-field, .elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-subgroup label{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;letter-spacing:1px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D4D4D49E;border-radius:0px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D4D4D49E;border-radius:0px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-group .elementor-select-wrapper::before{color:#D4D4D49E;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-button{font-family:"Adobe Garamond", Sans-serif;font-size:0.9em;font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .e-form__buttons__wrapper__button-next{background-color:#94986C;color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-button[type="submit"]{background-color:#94986C;color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .e-form__buttons__wrapper__button-previous{background-color:#94986C;color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .e-form__buttons__wrapper__button-next:hover{background-color:#A6AA7A;color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-button[type="submit"]:hover{background-color:#A6AA7A;color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-7332 .elementor-element.elementor-element-34c88bdc{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-color:#E9E9E9;--e-form-steps-indicator-progress-background-color:#94986C;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;--e-form-steps-indicator-progress-meter-color:#111111;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .e-form__indicators__indicator__progress__meter{font-family:"adobe-garamond-pro", Sans-serif;font-size:15px;font-weight:500;line-height:22px;}.elementor-7332 .elementor-element.elementor-element-34c88bdc .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7332 .elementor-element.elementor-element-3a3148d img{width:98px;}.elementor-7332 .elementor-element.elementor-element-100dd53 > .elementor-widget-container{padding:0% 20% 0% 20%;}.elementor-7332 .elementor-element.elementor-element-100dd53 .elementor-heading-title{font-size:42px;line-height:45px;}.elementor-7332 .elementor-element.elementor-element-44e1374{font-size:16px;}.elementor-7332 .elementor-element.elementor-element-2bf2d9a1{margin-top:15px;margin-bottom:0px;padding:20px 20px 0px 20px;}}@media(max-width:767px){.elementor-7332 .elementor-element.elementor-element-b51054b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-100dd53 > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-7332 .elementor-element.elementor-element-100dd53{text-align:center;}.elementor-7332 .elementor-element.elementor-element-100dd53 .elementor-heading-title{font-size:33px;line-height:40px;}.elementor-7332 .elementor-element.elementor-element-44e1374 > .elementor-widget-container{padding:0px 25px 0px 25px;}.elementor-7332 .elementor-element.elementor-element-8fae6a7 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-7332 .elementor-element.elementor-element-de734e2 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-7332 .elementor-element.elementor-element-2bf2d9a1{padding:0px 15px 20px 15px;}}/* Start custom CSS for form, class: .elementor-element-34c88bdc */@media only screen and (max-width: 787px){ .elementor-field-group.e-form__buttons__wrapper.elementor-field-type-previous{ min-width: 100%; } } /* ========================================= BASE: spacing + typography tweaks ========================================= */ /* Reduce space above/below H3s inside the quote form */ #quoteForm h3{ margin-top: 8px !important; margin-bottom: 8px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.2; } /* Quote form links */ #quoteForm a{ color: #93996C !important; font-style: italic !important; font-family: "kepler-std", serif !important; text-decoration: none; transition: opacity 180ms ease; } #quoteForm a:hover, #quoteForm a:focus{ opacity: 0.5; } /* ========================================= Keep Elementor default field spacing ========================================= */ #quoteForm .elementor-field-group{ margin-bottom: 20px !important; /* your original spacing */ } /* ========================================= ACCOMMODATION: 3 fields across (float-based) ========================================= */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]){ float: left; width: calc((100% - 40px) / 3); /* 3 cols, 20px gaps */ margin-right: 20px; box-sizing: border-box; } /* remove right margin on every 3rd item */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]){ margin-right: 0; } /* force each of these single-option fields to fill its column */ #quoteForm .elementor-field-group:has([name="form_fields[manor2026]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2027]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2028]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[watergate]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2026]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[manor2027]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[manor2028]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[watergate]"]) .elementor-subgroup-inline{ display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; padding: 0 !important; } /* clear AFTER accommodation block (so next normal fields sit correctly) */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]) ~ .elementor-field-group{ clear: both; } /* ========================================= EVENING CATERING: 3 across (float-based) Dynamic safe: hidden ones disappear, others reflow ========================================= */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ float: left; width: calc((100% - 40px) / 3); margin-right: 20px; box-sizing: border-box; } /* remove right margin on every 3rd in the “evening” set */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ margin-right: 0; } /* make each single-option field fill its column */ #quoteForm .elementor-field-group:has([name="form_fields[kerraeve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[kernoweve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[boujeeeve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[newparks1]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[newparks2]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[field_ecfaf29]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[kerraeve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[kernoweve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[boujeeeve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[newparks1]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[newparks2]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[field_ecfaf29]"]) .elementor-subgroup-inline{ display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; padding: 0 !important; } /* clear AFTER evening catering so the next normal fields don’t tuck up beside it */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]) ~ .elementor-field-group{ clear: both; } /* Tablet: 2 columns */ @media (max-width: 1024px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ width: calc((100% - 20px) / 2); margin-right: 20px; } #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ margin-right: 0; } } /* Mobile: stacked */ @media (max-width: 768px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ float: none; width: 100%; margin-right: 0; } } /* ========================================= FIX: If conditional logic hides fields but keeps their space, force them to collapse so there are NO gaps. ========================================= */ /* Common “hidden” classes some Elementor conditional plugins use */ #quoteForm .elementor-field-group.elementor-hidden, #quoteForm .elementor-field-group.e-hide, #quoteForm .elementor-field-group.is-hidden, #quoteForm .elementor-field-group.hidden, #quoteForm .elementor-field-group.elementor-invisible{ display: none !important; } /* If the plugin hides via inline styles, kill the space too */ #quoteForm .elementor-field-group[style*="display:none"], #quoteForm .elementor-field-group[style*="display: none"], #quoteForm .elementor-field-group[style*="visibility:hidden"], #quoteForm .elementor-field-group[style*="visibility: hidden"], #quoteForm .elementor-field-group[style*="opacity:0"], #quoteForm .elementor-field-group[style*="opacity: 0"]{ display: none !important; } /* Safety: when a group is collapsed, remove float side-effects */ #quoteForm .elementor-field-group[style*="visibility:hidden"], #quoteForm .elementor-field-group[style*="visibility: hidden"], #quoteForm .elementor-field-group[style*="opacity:0"], #quoteForm .elementor-field-group[style*="opacity: 0"]{ float: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Slightly tighter spacing between cards */ #quoteForm form.elementor-form .elementor-form-fields-wrapper{ gap: 16px; /* was 20px */ } /* Evening catering: 3 columns using the SAME gap maths */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 calc((100% - 32px) / 3); /* 2 gaps x 16px */ padding-left: 0 !important; padding-right: 0 !important; } /* Remove Elementor's default side padding so the grid can reach the edges */ #quoteForm form.elementor-form .elementor-form-fields-wrapper{ padding-left: 0 !important; padding-right: 0 !important; } #quoteForm form.elementor-form .elementor-field-group{ padding-left: 0 !important; padding-right: 0 !important; } /* ========================================= RADIO CARDS ========================================= */ /* Hide native radios */ #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"]{ position: absolute; opacity: 0; pointer-events: none; } /* Card styling */ #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label{ display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 30px 20px; border-radius: 0px; border: 0px solid #111; background: #F9F9F9; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; text-align: center; font-weight: 600; line-height: 1.4; box-sizing: border-box; width: 100%; } /* Icon circle */ #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label::before{ content: ""; width: 200px; height: 200px; border: 2px solid #94986C; border-radius: 50%; background: #000; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } /* Hover + checked */ #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option label:hover{ transform: translateY(-2px); border-color: #bbb; box-shadow: 0 8px 18px rgba(0,0,0,0.06); } #quoteForm form.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"]:checked + label{ border: 2px solid #94986C; box-shadow: 0 8px 22px rgba(0,0,0,0.1); } /* Radio option layout (normal fields) */ #quoteForm .elementor-field-type-radio .elementor-field-subgroup, #quoteForm .elementor-field-type-radio .elementor-subgroup-inline{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; justify-items: stretch; align-items: stretch; width: 100%; padding: 0 10px; max-width: 100%; box-sizing: border-box; margin: 0 auto; } /* Question label */ #quoteForm .elementor-field-type-radio .elementor-field-label{ text-align: center; width: 100%; display: block; margin-bottom: 25px; font-weight: 700; font-size: 1.1rem; } /* Responsive */ @media (max-width: 1200px){ #quoteForm .elementor-field-type-radio .elementor-field-subgroup, #quoteForm .elementor-field-type-radio .elementor-subgroup-inline{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px){ #quoteForm .elementor-field-type-radio .elementor-field-subgroup, #quoteForm .elementor-field-type-radio .elementor-subgroup-inline{ grid-template-columns: 1fr; gap: 15px; padding: 0 10px; } } /* ========================================= CHECKBOX CARDS ========================================= */ /* Hide native checkboxes */ #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]{ position: absolute; opacity: 0; pointer-events: none; } /* Card styling */ #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option label{ display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 30px 20px; border-radius: 0px; border: 0px solid #111; background: #F9F9F9; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; text-align: center; font-weight: 600; line-height: 1.4; box-sizing: border-box; width: 100%; } /* Icon circle */ #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option label::before{ content: ""; width: 200px; height: 200px; border: 2px solid #94986C; border-radius: 50%; background: #000; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; } /* Hover */ #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:hover{ transform: translateY(-2px); border-color: #bbb; box-shadow: 0 8px 18px rgba(0,0,0,0.06); } /* Checked (covers both structures) */ #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked + label, #quoteForm form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:has(input[type="checkbox"]:checked){ border: 2px solid #94986C; box-shadow: 0 8px 22px rgba(0,0,0,0.1); } /* Checkbox option layout (normal fields) */ #quoteForm .elementor-field-type-checkbox .elementor-field-subgroup, #quoteForm .elementor-field-type-checkbox .elementor-subgroup-inline{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; justify-items: stretch; align-items: stretch; width: 100%; padding: 0 10px; max-width: 100%; box-sizing: border-box; margin: 0 auto; } /* Responsive */ @media (max-width: 1200px){ #quoteForm .elementor-field-type-checkbox .elementor-field-subgroup, #quoteForm .elementor-field-type-checkbox .elementor-subgroup-inline{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px){ #quoteForm .elementor-field-type-checkbox .elementor-field-subgroup, #quoteForm .elementor-field-type-checkbox .elementor-subgroup-inline{ grid-template-columns: 1fr; gap: 15px; padding: 0 10px; } } /* ========================================= ACCOMMODATION: separate fields shown as 3-column cards Dynamic safe because flex reflows when fields hide ========================================= */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]){ flex: 0 0 calc((100% - 40px) / 3); } /* Force internal subgroup to 1 column so card fills */ #quoteForm .elementor-field-group:has([name="form_fields[manor2026]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2027]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2028]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[watergate]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[manor2026]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[manor2027]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[manor2028]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[watergate]"]) .elementor-subgroup-inline{ display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; padding: 0 !important; } /* Tablet */ @media (max-width: 1024px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]){ flex: 0 0 calc((100% - 20px) / 2); } } /* Mobile */ @media (max-width: 768px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2026]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2027]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[manor2028]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[watergate]"]){ flex: 0 0 100%; } } /* ========================================= EVENING CATERING: separate fields shown as 3-column cards ========================================= */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 calc((100% - 40px) / 3); } /* Force internal subgroup to 1 column so card fills */ #quoteForm .elementor-field-group:has([name="form_fields[kerraeve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[kernoweve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[boujeeeve]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[newparks1]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[newparks2]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[field_ecfaf29]"]) .elementor-field-subgroup, #quoteForm .elementor-field-group:has([name="form_fields[kerraeve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[kernoweve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[boujeeeve]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[newparks1]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[newparks2]"]) .elementor-subgroup-inline, #quoteForm .elementor-field-group:has([name="form_fields[field_ecfaf29]"]) .elementor-subgroup-inline{ display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; padding: 0 !important; } /* Tablet */ @media (max-width: 1024px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 calc((100% - 20px) / 2); } } /* Mobile */ @media (max-width: 768px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 100%; } } /* ========================================= FOCUS MODE: RADIO ========================================= */ #quoteForm .elementor-field-type-radio .elementor-field-option label{ will-change: transform, opacity, filter; transition: transform 520ms cubic-bezier(.22, 1, .36, 1), opacity 520ms cubic-bezier(.22, 1, .36, 1), filter 520ms cubic-bezier(.22, 1, .36, 1), box-shadow 520ms cubic-bezier(.22, 1, .36, 1), border-color 520ms cubic-bezier(.22, 1, .36, 1); } #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) .elementor-field-option label{ opacity: 0.35; transform: scale(0.94); filter: saturate(0.85) contrast(0.95); } #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) input[type="radio"]:checked + label{ opacity: 1; transform: scale(1); filter: none; } #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) .elementor-field-option label:hover{ opacity: 0.9; transform: translateY(-3px) scale(0.98); filter: none; } /* ========================================= FOCUS MODE: CHECKBOX ========================================= */ #quoteForm .elementor-field-type-checkbox .elementor-field-option label{ will-change: transform, opacity, filter; transition: transform 520ms cubic-bezier(.22, 1, .36, 1), opacity 520ms cubic-bezier(.22, 1, .36, 1), filter 520ms cubic-bezier(.22, 1, .36, 1), box-shadow 520ms cubic-bezier(.22, 1, .36, 1), border-color 520ms cubic-bezier(.22, 1, .36, 1); } #quoteForm .elementor-field-type-checkbox :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="checkbox"]:checked) .elementor-field-option label{ opacity: 0.35; transform: scale(0.94); filter: saturate(0.85) contrast(0.95); } #quoteForm .elementor-field-type-checkbox :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="checkbox"]:checked) input[type="checkbox"]:checked + label, #quoteForm .elementor-field-type-checkbox :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="checkbox"]:checked) label:has(input[type="checkbox"]:checked){ opacity: 1; transform: scale(1); filter: none; } #quoteForm .elementor-field-type-checkbox :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="checkbox"]:checked) .elementor-field-option label:hover{ opacity: 0.9; transform: translateY(-3px) scale(0.98); filter: none; } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ #quoteForm .elementor-field-type-radio .elementor-field-option label, #quoteForm .elementor-field-type-checkbox .elementor-field-option label{ transition: none; } } /* --------------------------------------- Images for each of the Date options --------------------------------------- */ /*2026 Images*/ #quoteForm input[name="form_fields[year]"][value="26"] + label::before { background-image: url('/wp-content/uploads/2025/04/Richard-Jasmine-Alexa-Poppe-Photog36.jpg') !important; } #quoteForm input[name="form_fields[month2026]"][value="4300"] + label::before { background-image: url('/wp-content/uploads/2026/03/Low-season.jpg') !important; } #quoteForm input[name="form_fields[month2026]"][value="5900"] + label::before { background-image: url('/wp-content/uploads/2026/03/Mid-season.jpg') !important; } #quoteForm input[name="form_fields[month2026]"][value="7300"] + label::before { background-image: url('/wp-content/uploads/2026/03/High-season-weekend.jpg') !important; } #quoteForm input[name="form_fields[month2026]"][value="5900.00"] + label::before { background-image: url('/wp-content/uploads/2026/03/High-season-weekday.jpg ') !important; } /*2027 Images*/ #quoteForm input[name="form_fields[year]"][value="27"] + label::before { background-image: url('/wp-content/uploads/2025/04/grant-lampard-photo-and-film-tom-and-rachel8.jpg') !important; } #quoteForm input[name="form_fields[month2027]"][value="4500"] + label::before { background-image: url('/wp-content/uploads/2025/06/PENGENNA-OOTA-11.jpg') !important; } #quoteForm input[name="form_fields[month2027]"][value="6100"] + label::before { background-image: url('/wp-content/uploads/2025/12/for-website-summerhouse.jpg') !important; } #quoteForm input[name="form_fields[month2027]"][value="7500"] + label::before { background-image: url('/wp-content/uploads/2024/10/IMG_7868.jpg') !important; } #quoteForm input[name="form_fields[month2027]"][value="6100.00"] + label::before { background-image: url('/wp-content/uploads/2025/04/PENGENNA-OOTA-80.jpg') !important; } /*2028 Images*/ #quoteForm input[name="form_fields[year]"][value="28"] + label::before { background-image: url('/wp-content/uploads/2025/03/Thomas-hare.jpg') !important; } #quoteForm input[name="form_fields[month2028]"][value="4700"] + label::before { background-image: url('/wp-content/uploads/2025/06/PENGENNA-OOTA-11.jpg') !important; } #quoteForm input[name="form_fields[month2028]"][value="6300"] + label::before { background-image: url('/wp-content/uploads/2025/12/for-website-summerhouse.jpg') !important; } #quoteForm input[name="form_fields[month2028]"][value="7700"] + label::before { background-image: url('/wp-content/uploads/2024/10/IMG_7868.jpg') !important; } #quoteForm input[name="form_fields[month2028]"][value="6300.00"] + label::before { background-image: url('/wp-content/uploads/2025/04/PENGENNA-OOTA-80.jpg') !important; } /* ========================================= STEP 2: ACCOMMODATION OPTIONS ========================================= */ /* Layout inherited from Step 1 (no need to duplicate core styles) Just add these icon mappings and optional tweaks */ #quoteForm input[name="form_fields[manor2026]"][value="1400"] + label::before { background-image: url('/wp-content/uploads/2026/03/Manor-for-Accommodation-1.jpg') !important; } #quoteForm input[name="form_fields[manor2027]"][value="1500"] + label::before { background-image: url('/wp-content/uploads/2026/03/Manor-for-Accommodation-1.jpg') !important; } #quoteForm input[name="form_fields[manor2028]"][value="1600"] + label::before { background-image: url('/wp-content/uploads/2026/03/Manor-for-Accommodation-1.jpg') !important; } #quoteForm input[name="form_fields[watergate]"][value="1250"] + label::before { background-image: url('/wp-content/uploads/2026/03/Watergate-01-1.jpg') !important; } /* ========================================= STEP 3: CATERING OPTIONS ========================================= */ /* Layout inherited from Step 1 (no need to duplicate core styles) Just add these icon mappings and optional tweaks */ #quoteForm input[name="form_fields[daytimefood]"][value="1"] + label::before { background-image: url('/wp-content/uploads/2026/01/358646773_734559468678103_6390897271183085905_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="2"] + label::before { background-image: url('/wp-content/uploads/2026/01/516635559_10161215034756179_667003053882746744_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="3"] + label::before { background-image: url('/wp-content/uploads/2026/01/39138606_1653000154827019_2075146331332018176_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="4"] + label::before { background-image: url('/wp-content/uploads/2026/01/521996861_1314688716669977_6322136339882466419_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="5"] + label::before { background-image: url('/wp-content/uploads/2026/01/473105664_122131978238527500_8079303701335207843_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="6"] + label::before { background-image: url('/wp-content/uploads/2026/01/489935640_2121561108315097_4252146452967174121_n.jpg') !important; } #quoteForm input[name="form_fields[daytimefood]"][value="7"] + label::before { background-image: url('/wp-content/uploads/2025/11/event-feasting1.png') !important; } /*Evening Food*/ #quoteForm input[name="form_fields[kerraeve]"][value="14"] + label::before { background-image: url('/wp-content/uploads/2026/02/524876614_1300498875417490_626960336059904493_n-1.jpg') !important; } #quoteForm input[name="form_fields[kernoweve]"][value="13"] + label::before { background-image: url('/wp-content/uploads/2026/02/481975431_1202881364517380_4260517661679434871_n.jpg') !important; } #quoteForm input[name="form_fields[boujeeeve]"][value="5"] + label::before { background-image: url('/wp-content/uploads/2026/02/494312216_122151739694527500_4056872646536991689_n.jpg') !important; } #quoteForm input[name="form_fields[newparks1]"][value="800"] + label::before { background-image: url('/wp-content/uploads/2026/02/490673718_2123369138134294_6376711494993051493_n.jpg') !important; } #quoteForm input[name="form_fields[newparks2]"][value="1000"] + label::before { background-image: url('/wp-content/uploads/2026/02/490673718_2123369138134294_6376711494993051493_n.jpg') !important; } #quoteForm input[name="form_fields[field_ecfaf29]"][value="0"] + label::before { background-image: url('/wp-content/uploads/2025/11/event-feasting5.png') !important; } /* ========================================= STEP 4: MENU OPTIONS ========================================= */ /* Layout inherited from Step 1 (no need to duplicate core styles) Just add these icon mappings and optional tweaks */ #quoteForm input[name="form_fields[kerraday]"][value="110.40"] + label::before { background-image: url('/wp-content/uploads/2026/01/508343713_1263634799103898_6840747712259625274_n.jpg') !important; } #quoteForm input[name="form_fields[kerraday]"][value="102"] + label::before { background-image: url('/wp-content/uploads/2026/01/523046122_1298004862333558_4993290574361262998_n.jpg') !important; } #quoteForm input[name="form_fields[kerraday]"][value="78"] + label::before { background-image: url('/wp-content/uploads/2026/01/524876614_1300498875417490_626960336059904493_n.jpg') !important; } #quoteForm input[name="form_fields[kerraday]"][value="78.00"] + label::before { background-image: url('/wp-content/uploads/2026/01/577324629_1393987196068657_1170578749443533496_n.jpg') !important; } #quoteForm input[name="form_fields[cornwallchefday]"][value="70"] + label::before { background-image: url('/wp-content/uploads/2026/01/486448505_1181257143789351_4339606983192002393_n.jpg') !important; } #quoteForm input[name="form_fields[cornwallchefday]"][value="70.00"] + label::before { background-image: url('/wp-content/uploads/2026/01/486784982_1182596450322087_7426716888347656884_n.jpg') !important; } #quoteForm input[name="form_fields[goodfoodday]"][value="84"] + label::before { background-image: url('/wp-content/uploads/2026/02/IMG_4072-1024x768-1.jpg') !important; } #quoteForm input[name="form_fields[goodfoodday]"][value="72"] + label::before { background-image: url('/wp-content/uploads/2026/02/IMG_0364-002-1024x768-1.jpg') !important; } #quoteForm input[name="form_fields[goodfoodday]"][value="64"] + label::before { background-image: url('/wp-content/uploads/2026/02/39283053_1652998148160553_2945766778103398400_n.jpg') !important; } #quoteForm input[name="form_fields[goodfoodday]"][value="74"] + label::before { background-image: url('/wp-content/uploads/2026/02/34928740_1554973301296372_4025554601796173824_n.jpg') !important; } #quoteForm input[name="form_fields[kernowday]"][value="45"] + label::before { background-image: url('/wp-content/uploads/2026/02/475278458_1176420403830143_8072372644987374266_n.jpg') !important; } #quoteForm input[name="form_fields[kernowday]"][value="28"] + label::before { background-image: url('/wp-content/uploads/2026/02/485895354_1220225636116286_4929370416003436903_n.jpg') !important; } #quoteForm input[name="form_fields[boujeeday]"][value="27"] + label::before { background-image: url('/wp-content/uploads/2026/02/597910074_122188583522527500_8426167276526816920_n.jpg') !important; } #quoteForm input[name="form_fields[hogday]"][value="800"] + label::before { background-image: url('/wp-content/uploads/2026/02/67648408_696970777440811_3512156510702534656_n.jpg') !important; } #quoteForm input[name="form_fields[hogday]"][value="1000"] + label::before { background-image: url('/wp-content/uploads/2026/02/67648408_696970777440811_3512156510702534656_n.jpg') !important; } /* ========================================= STEP 5: DRINK OPTIONS (radio + checkbox safe) ========================================= */ /* 7.50 */ #quoteForm input[name="form_fields[drinks]"][value="7.50"] + label::before, #quoteForm input[name="form_fields[drinks][]"][value="7.50"] + label::before, #quoteForm label:has(input[name="form_fields[drinks]"][value="7.50"])::before, #quoteForm label:has(input[name="form_fields[drinks][]"][value="7.50"])::before{ background-image: url('/wp-content/uploads/2020/06/Sally-Richard-Wedding-170-1.jpg') !important; } /* 7 */ #quoteForm input[name="form_fields[drinks]"][value="7"] + label::before, #quoteForm input[name="form_fields[drinks][]"][value="7"] + label::before, #quoteForm label:has(input[name="form_fields[drinks]"][value="7"])::before, #quoteForm label:has(input[name="form_fields[drinks][]"][value="7"])::before{ background-image: url('/wp-content/uploads/2025/04/Richard-Jasmine-Alexa-Poppe-Photog39.jpg') !important; } /* 7.00 */ #quoteForm input[name="form_fields[drinks]"][value="7.00"] + label::before, #quoteForm input[name="form_fields[drinks][]"][value="7.00"] + label::before, #quoteForm label:has(input[name="form_fields[drinks]"][value="7.00"])::before, #quoteForm label:has(input[name="form_fields[drinks][]"][value="7.00"])::before{ background-image: url('/wp-content/uploads/2026/02/494460067_1279308647532818_8415723868983637408_n.jpg') !important; } /* 4 */ #quoteForm input[name="form_fields[drinks]"][value="4"] + label::before, #quoteForm input[name="form_fields[drinks][]"][value="4"] + label::before, #quoteForm label:has(input[name="form_fields[drinks]"][value="4"])::before, #quoteForm label:has(input[name="form_fields[drinks][]"][value="4"])::before{ background-image: url('/wp-content/uploads/2025/02/454945037_3762623453998268_5756236097502798143_n.jpg') !important; } /* 6 */ #quoteForm input[name="form_fields[drinks]"][value="6"] + label::before, #quoteForm input[name="form_fields[drinks][]"][value="6"] + label::before, #quoteForm label:has(input[name="form_fields[drinks]"][value="6"])::before, #quoteForm label:has(input[name="form_fields[drinks][]"][value="6"])::before{ background-image: url('/wp-content/uploads/2026/02/623360472_1529329462530734_7188461679038627763_n.jpg') !important; } /* ========================================= STEP 6: DECOR OPTIONS ========================================= */ /* Layout inherited from Step 1 (no need to duplicate core styles) Just add these icon mappings and optional tweaks */ #quoteForm input[name="form_fields[rustic]"][value="20"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.25.32.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="30"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.24.27.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="19"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.25.44.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="29"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.24.37.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="19.00"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.25.56.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="29.00"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.24.50.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="23.50"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.24.58.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="33.50"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.26.03.png') !important; } #quoteForm input[name="form_fields[rustic]"][value="0"] + label::before { background-image: url('/wp-content/uploads/2024/10/Cowyard-Barn-set-for-a-ceremony-01-©LibertyPearlPhotography-5.jpg') !important; } /* ========================================= STEP 7: EXTRA OPTIONS ========================================= */ /* Layout inherited from Step 1 (no need to duplicate core styles) Just add these icon mappings and optional tweaks */ #quoteForm input[name="form_fields[decs]"][value="144"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.25.32.png') !important; } #quoteForm input[name="form_fields[decs]"][value="190.00"] + label::before { background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.25.32.png') !important; } /* ========================================= OTHER OPTIONS (radio + checkbox safe image mappings) ========================================= */ #quoteForm input[name="form_fields[other]"][value="54"] + label::before, #quoteForm input[name="form_fields[other][]"][value="54"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="54"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="54"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.42.38.png') !important; } #quoteForm input[name="form_fields[other]"][value="66"] + label::before, #quoteForm input[name="form_fields[other][]"][value="66"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="66"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="66"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.42.50.png') !important; } #quoteForm input[name="form_fields[other]"][value="70"] + label::before, #quoteForm input[name="form_fields[other][]"][value="70"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="70"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="70"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.54.16.png') !important; } #quoteForm input[name="form_fields[other]"][value="110"] + label::before, #quoteForm input[name="form_fields[other][]"][value="110"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="110"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="110"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.54.24.png') !important; } #quoteForm input[name="form_fields[other]"][value="25"] + label::before, #quoteForm input[name="form_fields[other][]"][value="25"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="25"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="25"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.54.34.png') !important; } #quoteForm input[name="form_fields[other]"][value="54.00"] + label::before, #quoteForm input[name="form_fields[other][]"][value="54.00"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="54.00"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="54.00"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.41.49.png') !important; } #quoteForm input[name="form_fields[other]"][value="84"] + label::before, #quoteForm input[name="form_fields[other][]"][value="84"] + label::before, #quoteForm label:has(input[name="form_fields[other]"][value="84"])::before, #quoteForm label:has(input[name="form_fields[other][]"][value="84"])::before{ background-image: url('/wp-content/uploads/2026/02/Screenshot-2026-02-09-at-11.41.57.png') !important; } /* ========================================= QUOTE FORM: FOCUS MODE (SMOOTH) Faded options shrink, selected stays bigger CSS-only using :has() ========================================= */ #quoteForm .elementor-field-type-radio .elementor-field-option label{ will-change: transform, opacity, filter; transition: transform 520ms cubic-bezier(.22, 1, .36, 1), opacity 520ms cubic-bezier(.22, 1, .36, 1), filter 520ms cubic-bezier(.22, 1, .36, 1), box-shadow 520ms cubic-bezier(.22, 1, .36, 1), border-color 520ms cubic-bezier(.22, 1, .36, 1); } /* When one is selected in a subgroup, soften + shrink all options */ #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) .elementor-field-option label{ opacity: 0.35; transform: scale(0.94); /* ✅ faded shrink */ filter: saturate(0.85) contrast(0.95); } /* Selected option becomes full strength + bigger than faded */ #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) input[type="radio"]:checked + label{ opacity: 1; transform: scale(1); /* ✅ selected bigger */ filter: none; } /* Hover stays responsive */ #quoteForm .elementor-field-type-radio :is(.elementor-field-subgroup, .elementor-subgroup-inline):has(input[type="radio"]:checked) .elementor-field-option label:hover{ opacity: 0.9; transform: translateY(-3px) scale(0.98); filter: none; } /* Accessibility */ @media (prefers-reduced-motion: reduce){ #quoteForm .elementor-field-type-radio .elementor-field-option label{ transition: none; } } /* ========================================= EVENING CATERING: equal-height cards only ========================================= */ /* Target ONLY evening catering field groups */ #quoteForm form.elementor-form .elementor-field-group:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ){ align-self: stretch; } /* Make option wrapper stretch */ #quoteForm form.elementor-form .elementor-field-group:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ) .elementor-field-option{ height: 100%; } /* Make the card itself equal height */ #quoteForm form.elementor-form .elementor-field-group:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ) .elementor-field-option label{ height: 100%; min-height: 440px; /* tweak if needed */ display: flex; flex-direction: column; justify-content: flex-start; } /* Keep image fixed size */ #quoteForm form.elementor-form .elementor-field-group:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ) .elementor-field-option label::before{ flex: 0 0 auto; } /* Push price / last line to bottom */ #quoteForm form.elementor-form .elementor-field-group:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ) .elementor-field-option label > *:last-child{ margin-top: auto; } /* ========================================= Evening catering: fixed 3-column layout, no stretching Hidden options should NOT leave gaps ========================================= */ /* Turn off float layout for evening catering groups */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ float: none !important; margin-right: 0 !important; } /* Make the wrapper flex ONLY on the evening catering step */ #quoteForm form.elementor-form .elementor-form-fields-wrapper:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ){ display: flex !important; flex-wrap: wrap !important; gap: 16px !important; justify-content: flex-start !important; align-items: stretch !important; } /* Fixed 3 columns: each card is ALWAYS 1/3 width, never grows */ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 calc((100% - 32px) / 3) !important; /* 2 gaps x 16px */ box-sizing: border-box; } /* Tablet: fixed 2 columns */ @media (max-width: 1024px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 calc((100% - 16px) / 2) !important; /* 1 gap x 16px */ } } /* Mobile: 1 column */ @media (max-width: 768px){ #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kerraeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[kernoweve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[boujeeeve]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks1]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[newparks2]"]), #quoteForm form.elementor-form .elementor-field-group:has([name="form_fields[field_ecfaf29]"]){ flex: 0 0 100% !important; } } /* ========================================= Evening catering: restore outer padding (only this step) ========================================= */ #quoteForm form.elementor-form .elementor-form-fields-wrapper:has( [name="form_fields[kerraeve]"], [name="form_fields[kernoweve]"], [name="form_fields[boujeeeve]"], [name="form_fields[newparks1]"], [name="form_fields[newparks2]"], [name="form_fields[field_ecfaf29]"] ){ padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box; } /* ========================================= FIX: Restore side padding for EVENING catering step only Put this at the VERY BOTTOM of your CSS ========================================= */ #quoteForm form.elementor-form .elementor-form-fields-wrapper:has( input[name="form_fields[kerraeve]"], input[name="form_fields[kernoweve]"], input[name="form_fields[boujeeeve]"], input[name="form_fields[newparks1]"], input[name="form_fields[newparks2]"], input[name="form_fields[field_ecfaf29]"] ){ width: calc(100% - 20px) !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================= Quote form: radio-card validation message ========================================= */ #quoteForm .mihi-radio-error{ margin-top: 10px; color: #b00020; font-size: 14px; font-weight: 600; text-align: center; } #quoteForm .mihi-has-error .elementor-field-label{ color: #b00020; } /* Give the cards a visible error outline */ #quoteForm .mihi-has-error .elementor-field-option label{ outline: 2px solid #b00020; outline-offset: 2px; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-2bf2d9a1 */span.pp {text-transform:lowercase;} select#form-field-field_c484743 { color: #bbb; } select#form-field-field_6362e6d { color: #bbb; } select#form-field-field_2637b39 { color: #bbb; } select#form-field-field_011dc8c { color: #bbb; } h3 { color: #94986C; font-family: "Default", Sans-serif; font-size: 2.6em; font-weight: 500; text-transform:; font-style: normal; letter-spacing: px; } .para { color: #0000008c; font-family: "Open sans", Sans-serif; font-size: 1.3em; font-weight: 500; font-style:; } textarea#form-field-field_dddb69f {padding-top:22px;} .elementor-12860 .elementor-element.elementor-element-fb58f23 .elementor-field-type-html {text-align:center;} input.dce-amount-visible.elementor-field-textual {border:1px 0px !important;} .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {line-height:30px;} .elementor-14086 .elementor-element.elementor-element-61b55330 .elementor-field-type-amount.elementor-field-group .dce-amount-visible { opacity: 1; border-top: 1px solid #eee; border-left: 0px; border-right: 0px; border-bottom: 1px solid #eee; border-radius: 0px; padding: 20px 0; margin-top: 0px; margin-bottom:5px; } label { color: #0000008c !important; font-family: "Open sans", Sans-serif !important; font-size: 1.3em !important; font-weight: 500 !important; font-style:; } .para-catering { color: #373C3F; font-family: "Open sans", Sans-serif; font-size: 1.1em; font-weight: 500; font-style: italic; margin-bottom:-5px; } .dce-amount-visible.elementor-field-textual { border: 1px solid #ededed; border-left: 0px; border-right: 0px; border-radius: 0px; padding: 20px; } li { list-style-type: circle; margin-bottom: 12px; } ul {margin-left:-24px;} /* Global “can’t continue” message */ #quoteForm .mihi-form-global-error{ display: none; margin: 16px 0 0; padding: 12px 14px; border: 2px solid #b00020; background: #fff5f5; color: #b00020; font-weight: 600; text-align: center; } #quoteForm .mihi-form-global-error.is-visible{ display: block; }/* End custom CSS */