.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting { background: #f9f9f9; padding: 0 10px 10px; box-sizing: border-box; border-radius: 5px } .booking_form_div .wpbc_bfb_form, .wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container { width: var(--wpbc-bfb-booking_form_layout_width,100%); max-width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box } div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_field_description, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_static_text, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpdev-list-item-label, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom l, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom label, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_field_description, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_static_text, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpdev-list-item-label, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom l, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom label { color: var(--wpbc_form-label-color)!important } div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=date], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime-local], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=email], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=month], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=number], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=password], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=range], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=search], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=tel], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=text], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=time], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=url], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=week], div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom select, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom textarea, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=date], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime-local], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=email], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=month], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=number], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=password], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=range], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=search], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=tel], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=text], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=time], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=url], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=week], div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom select, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom textarea { background-color: var(--wpbc_form-field-background-color)!important; color: var(--wpbc_form-field-text-color)!important; border-color: var(--wpbc_form-field-border-color)!important } div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before { background-color: var(--wpbc_form-field-background-color)!important; border-color: var(--wpbc_form-field-border-color)!important } div .wpbc_bfb_form .wpbc__row .wpbc__field, div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { display: -ms-flexbox; display: flex; -ms-flex-direction: var(--wpbc-bfb-col-dir,column); flex-direction: var(--wpbc-bfb-col-dir,column); -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); -ms-flex-pack: var(--wpbc-bfb-col-jc,flex-start); justify-content: var(--wpbc-bfb-col-jc,flex-start); -ms-flex-align: var(--wpbc-bfb-col-ai,stretch); align-items: var(--wpbc-bfb-col-ai,stretch); gap: var(--wpbc-bfb-col-gap,0); -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start); align-self: var(--wpbc-bfb-col-aself,flex-start) } div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input), div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field { -ms-flex: 1 1 100%; flex: 1 1 100% } div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: normal; align-content: normal; padding: 0; margin: 0; gap: 0 } div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:not(:has(.wpbc_calendar_wraper)), div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) { -ms-flex: 0 1 auto; flex: 0 1 auto } div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container), div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) { -ms-flex: 1 1 auto; flex: 1 1 auto } .wpbc_bfb_form .bfb_element input[type=date], .wpbc_bfb_form .bfb_element input[type=datetime-local], .wpbc_bfb_form .bfb_element input[type=datetime], .wpbc_bfb_form .bfb_element input[type=email], .wpbc_bfb_form .bfb_element input[type=month], .wpbc_bfb_form .bfb_element input[type=number], .wpbc_bfb_form .bfb_element input[type=password], .wpbc_bfb_form .bfb_element input[type=range], .wpbc_bfb_form .bfb_element input[type=search], .wpbc_bfb_form .bfb_element input[type=tel], .wpbc_bfb_form .bfb_element input[type=text], .wpbc_bfb_form .bfb_element input[type=time], .wpbc_bfb_form .bfb_element input[type=url], .wpbc_bfb_form .bfb_element input[type=week], .wpbc_bfb_form .bfb_element select, .wpbc_bfb_form .bfb_element textarea, .wpbc_bfb_form .wpbc_bfb__field input[type=date], .wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local], .wpbc_bfb_form .wpbc_bfb__field input[type=datetime], .wpbc_bfb_form .wpbc_bfb__field input[type=email], .wpbc_bfb_form .wpbc_bfb__field input[type=month], .wpbc_bfb_form .wpbc_bfb__field input[type=number], .wpbc_bfb_form .wpbc_bfb__field input[type=password], .wpbc_bfb_form .wpbc_bfb__field input[type=range], .wpbc_bfb_form .wpbc_bfb__field input[type=search], .wpbc_bfb_form .wpbc_bfb__field input[type=tel], .wpbc_bfb_form .wpbc_bfb__field input[type=text], .wpbc_bfb_form .wpbc_bfb__field input[type=time], .wpbc_bfb_form .wpbc_bfb__field input[type=url], .wpbc_bfb_form .wpbc_bfb__field input[type=week], .wpbc_bfb_form .wpbc_bfb__field select, .wpbc_bfb_form .wpbc_bfb__field textarea { width: 100%; max-width: 100% } .wpbc_bfb_form .wpbc_static_text { width: 100% } .wpbc_bfb__preview-rendered .wpbc_static_text { display: block } .wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v { -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox], div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] { margin: -5px 5px 0 } .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] { width: 100%; margin: 0; min-width: 50px } .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical], .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction, .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * { height: 100%; min-height: 50px; margin: 0; box-sizing: border-box; padding: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview { position: relative } div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) { -ms-flex: 0 1 auto; flex: 0 1 auto } div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) { -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100% } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) { height: 100% } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] { width: 100% } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h { display: block; box-sizing: border-box } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] { display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; position: relative } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v { width: 0; box-sizing: content-box; height: 100% } .wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] { -ms-flex: 0 0 auto; flex: 0 0 auto } .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr { background: 0 0 } /*! * Booking Form Fields * * // FixIn: 10.1.5.7. */ :root { --wpbc_form-field-border-radius: 3px; --wpbc_form-field-border-style: solid; --wpbc_form-field-border-size: 1px; --wpbc_form-field-background-color: #ffffff; --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25); --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25); --wpbc_form-field-focus-border-color: #066aab; --wpbc_form-field-focus-shadow-color: #066aab; --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2); --wpbc_form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --wpbc_form-field-menu-color: #ffffff; --wpbc_form-label-color: rgba(0, 0, 0, 0.85); --wpbc_form-label-sublabel-color: rgba(0, 0, 0, 0.55); --wpbc_form-label-error-color: #d63637; --wpbc_form-button-border-radius: 3px; --wpbc_form-button-border-style: none; --wpbc_form-button-border-size: 1px; --wpbc_form-button-light-border-style: solid; --wpbc_form-button-light-border-size: var(--wpbc_form-button-border-size, 1px); --wpbc_form-button-background-color: #066aab; --wpbc_form-button-background-color-alt: #066aab; --wpbc_form-button-border-color: #066aab; --wpbc_form-button-text-color: #ffffff; --wpbc_form-button-text-color-alt: #fff; --wpbc_form-choice-checked-border-color: #066aab; --wpbc_form-choice-checked-color: #066aab; --wpbc_form-choice-focus-color: #066aab; --wpbc_form-page-break-color: #066aab; --wpbc_form-background-image: none; --wpbc_form-background-position: center center; --wpbc_form-background-repeat: no-repeat; --wpbc_form-background-size: cover; --wpbc_form-background-width: 100px; --wpbc_form-background-height: 100px; --wpbc_form-background-color: rgba(0, 0, 0, 0); --wpbc_form-background-url: none; --wpbc_form-container-padding: 0px; --wpbc_form-container-border-style: none; --wpbc_form-container-border-width: 1px; --wpbc_form-container-border-color: #000000; --wpbc_form-container-border-radius: 3px; --wpbc_form-field-size-input-height: 43px; --wpbc_form-field-size-input-spacing: 15px; --wpbc_form-field-size-font-size: 16px; --wpbc_form-field-size-line-height: 19px; --wpbc_form-field-size-padding-h: 14px; --wpbc_form-field-size-checkbox-size: 16px; --wpbc_form-field-size-sublabel-spacing: 5px; --wpbc_form-field-size-icon-size: 1; --wpbc_form-label-size-font-size: 16px; --wpbc_form-label-size-line-height: 19px; --wpbc_form-label-size-sublabel-font-size: 14px; --wpbc_form-label-size-sublabel-line-height: 17px; --wpbc_form-button-size-font-size: 16px; --wpbc_form-button-size-height: 41px; --wpbc_form-button-size-padding-h: 15px; --wpbc_form-button-size-margin-top: 10px; --wpbc_form-container-shadow-size-box-shadow: none; --wpbc_form-marging-between-several-checkbox-radio: 30px; --wpbc_form-padding-between-label-checkbox-radio: 8px } /*! -------------------------------------------------------------------------------------------------------------------- * General Fields * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form button, div.wpbc_container.wpbc_form input, div.wpbc_container.wpbc_form label, div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form textarea { margin: 0; border: 0; padding: 0; vertical-align: middle; background: 0 0; height: auto; box-sizing: border-box } .wp-core-ui div.wpbc_container.wpbc_form input[type=date], .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local], .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime], .wp-core-ui div.wpbc_container.wpbc_form input[type=email], .wp-core-ui div.wpbc_container.wpbc_form input[type=month], .wp-core-ui div.wpbc_container.wpbc_form input[type=number], .wp-core-ui div.wpbc_container.wpbc_form input[type=password], .wp-core-ui div.wpbc_container.wpbc_form input[type=range], .wp-core-ui div.wpbc_container.wpbc_form input[type=search], .wp-core-ui div.wpbc_container.wpbc_form input[type=tel], .wp-core-ui div.wpbc_container.wpbc_form input[type=text], .wp-core-ui div.wpbc_container.wpbc_form input[type=time], .wp-core-ui div.wpbc_container.wpbc_form input[type=url], .wp-core-ui div.wpbc_container.wpbc_form input[type=week], .wp-core-ui div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form textarea, div.wpbc_container.wpbc_form input[type=date], div.wpbc_container.wpbc_form input[type=datetime-local], div.wpbc_container.wpbc_form input[type=datetime], div.wpbc_container.wpbc_form input[type=email], div.wpbc_container.wpbc_form input[type=month], div.wpbc_container.wpbc_form input[type=number], div.wpbc_container.wpbc_form input[type=password], div.wpbc_container.wpbc_form input[type=range], div.wpbc_container.wpbc_form input[type=search], div.wpbc_container.wpbc_form input[type=tel], div.wpbc_container.wpbc_form input[type=text], div.wpbc_container.wpbc_form input[type=time], div.wpbc_container.wpbc_form input[type=url], div.wpbc_container.wpbc_form input[type=week], div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form textarea { background-color: var(--wpbc_form-field-background-color); background-clip: padding-box; border-radius: var(--wpbc_form-field-border-radius); color: var(--wpbc_form-field-text-color); border-width: var(--wpbc_form-field-border-size); border-style: var(--wpbc_form-field-border-style); border-color: var(--wpbc_form-field-border-color); padding: 0 var(--wpbc_form-field-size-padding-h); font-size: var(--wpbc_form-field-size-font-size); line-height: 100%; box-shadow: none; transition: border .15s,box-shadow .15s } .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus, .wp-core-ui div.wpbc_container.wpbc_form select:focus, .wp-core-ui div.wpbc_container.wpbc_form textarea:focus, div.wpbc_container.wpbc_form input[type=date]:focus, div.wpbc_container.wpbc_form input[type=datetime-local]:focus, div.wpbc_container.wpbc_form input[type=datetime]:focus, div.wpbc_container.wpbc_form input[type=email]:focus, div.wpbc_container.wpbc_form input[type=month]:focus, div.wpbc_container.wpbc_form input[type=number]:focus, div.wpbc_container.wpbc_form input[type=password]:focus, div.wpbc_container.wpbc_form input[type=range]:focus, div.wpbc_container.wpbc_form input[type=search]:focus, div.wpbc_container.wpbc_form input[type=tel]:focus, div.wpbc_container.wpbc_form input[type=text]:focus, div.wpbc_container.wpbc_form input[type=time]:focus, div.wpbc_container.wpbc_form input[type=url]:focus, div.wpbc_container.wpbc_form input[type=week]:focus, div.wpbc_container.wpbc_form select:focus, div.wpbc_container.wpbc_form textarea:focus { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-field-focus-border-color,#066aab); box-shadow: 0 0 0 1.2px var(--wpbc_form-field-focus-shadow-color,var(--wpbc_form-field-focus-border-color,#066aab)),0 1px 2px rgba(0,0,0,.15); outline: 0 } .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form select:focus:invalid, .wp-core-ui div.wpbc_container.wpbc_form textarea:focus:invalid, div.wpbc_container.wpbc_form input[type=date]:focus:invalid, div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid, div.wpbc_container.wpbc_form input[type=email]:focus:invalid, div.wpbc_container.wpbc_form input[type=month]:focus:invalid, div.wpbc_container.wpbc_form input[type=number]:focus:invalid, div.wpbc_container.wpbc_form input[type=password]:focus:invalid, div.wpbc_container.wpbc_form input[type=range]:focus:invalid, div.wpbc_container.wpbc_form input[type=search]:focus:invalid, div.wpbc_container.wpbc_form input[type=tel]:focus:invalid, div.wpbc_container.wpbc_form input[type=text]:focus:invalid, div.wpbc_container.wpbc_form input[type=time]:focus:invalid, div.wpbc_container.wpbc_form input[type=url]:focus:invalid, div.wpbc_container.wpbc_form input[type=week]:focus:invalid, div.wpbc_container.wpbc_form select:focus:invalid, div.wpbc_container.wpbc_form textarea:focus:invalid { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-field-focus-border-color,#066aab); box-shadow: 0 0 0 1.2px var(--wpbc_form-field-focus-shadow-color,var(--wpbc_form-field-focus-border-color,#066aab)),0 1px 2px rgba(0,0,0,.15); outline: 0; color: var(--wpbc_form-field-text-color) } .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select::-webkit-input-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder, div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder, div.wpbc_container.wpbc_form select::-webkit-input-placeholder, div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder { color: var(--wpbc_form-field-text-color); opacity: .5; pointer-events: none } .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select::-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea::-moz-placeholder, div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder, div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder, div.wpbc_container.wpbc_form select::-moz-placeholder, div.wpbc_container.wpbc_form textarea::-moz-placeholder { color: var(--wpbc_form-field-text-color); opacity: .5; pointer-events: none } .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form select:-moz-placeholder, .wp-core-ui div.wpbc_container.wpbc_form textarea:-moz-placeholder, div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder, div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder, div.wpbc_container.wpbc_form select:-moz-placeholder, div.wpbc_container.wpbc_form textarea:-moz-placeholder { color: var(--wpbc_form-field-text-color); opacity: .5; pointer-events: none } /*! -------------------------------------------------------------------------------------------------------------------- * Textarea * ------------------------------------------------------------------------------------------------------------------ */ .wp-core-ui div.wpbc_container.wpbc_form textarea, div.wpbc_container.wpbc_form textarea { width: 100%; line-height: 1.3; min-height: var(--wpbc_form-field-size-input-height); padding: var(--wpbc_form-field-size-padding-h); resize: vertical } /*! -------------------------------------------------------------------------------------------------------------------- * General Height * ------------------------------------------------------------------------------------------------------------------ */ .wp-core-ui div.wpbc_container.wpbc_form input, .wp-core-ui div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form input, div.wpbc_container.wpbc_form select { height: var(--wpbc_form-field-size-input-height) } /*! -------------------------------------------------------------------------------------------------------------------- * Select * ------------------------------------------------------------------------------------------------------------------ */ .wp-core-ui div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form select { appearance: none; display: block; max-width: 100%; width: 100%; text-transform: none; text-shadow: none; white-space: nowrap; line-height: unset; padding-block: 0; padding-inline-end: 24px; padding-inline-start: 12px; min-height: var(--wpbc_form-field-size-input-height); vertical-align: middle; cursor: pointer } .wp-core-ui div.wpbc_container.wpbc_form select, .wp-core-ui div.wpbc_container.wpbc_form select:disabled, div.wpbc_container.wpbc_form select, div.wpbc_container.wpbc_form select:disabled { background-image: var(--wpbc_form-select-bg-img),none; background-repeat: no-repeat; background-position: calc(100% - 11px) 50%,calc(100% - 12px) 50%; background-size: 16px 12px } .rtl .wp-core-ui div.wpbc_container.wpbc_form select, .rtl .wp-core-ui div.wpbc_container.wpbc_form select:disabled, .rtl div.wpbc_container.wpbc_form select, .rtl div.wpbc_container.wpbc_form select:disabled { background-position: 12px 50%,17px 50% } .wp-core-ui div.wpbc_container.wpbc_form select > option, div.wpbc_container.wpbc_form select > option { color: var(--wpbc_form-field-text-color) } .wp-core-ui div.wpbc_container.wpbc_form select > option.placeholder, .wp-core-ui div.wpbc_container.wpbc_form select > option[disabled], div.wpbc_container.wpbc_form select > option.placeholder, div.wpbc_container.wpbc_form select > option[disabled] { color: var(--wpbc_form-field-disabled-color); opacity: .5 } .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option, div.wpbc_container.wpbc_form select:not([multiple]) > option { background: var(--wpbc_form-field-menu-color) } .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked, div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked { font-weight: 700 } .wp-core-ui div.wpbc_container.wpbc_form select[multiple], div.wpbc_container.wpbc_form select[multiple] { height: auto; overflow-y: scroll; background-image: none } .wp-core-ui div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked, div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked { background: var(--wpbc_form-button-background-color); color: var(--wpbc_form-button-text-color-alt,var(--wpbc_form-button-text-color)) } .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only, div.wpbc_container.wpbc_form input[type=number]:read-only { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield } .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button, div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button { visibility: hidden } /*! -------------------------------------------------------------------------------------------------------------------- * Radio and Checkboxes * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form input[type=checkbox], div.wpbc_container.wpbc_form input[type=radio] { position: relative; display: inline-block; background: 0 0; height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2); width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2); margin: 0 0 0 2px; border: none; box-shadow: none; vertical-align: middle; opacity: 1; appearance: none } div.wpbc_container.wpbc_form input[type=checkbox]:after, div.wpbc_container.wpbc_form input[type=checkbox]:before, div.wpbc_container.wpbc_form input[type=radio]:after, div.wpbc_container.wpbc_form input[type=radio]:before { content: ""; position: absolute; left: -2px; top: 0; width: var(--wpbc_form-field-size-checkbox-size); height: var(--wpbc_form-field-size-checkbox-size); box-sizing: content-box; cursor: pointer } div.wpbc_container.wpbc_form input[type=checkbox]:before, div.wpbc_container.wpbc_form input[type=radio]:before { border-width: var(--wpbc_form-field-border-size); border-style: var(--wpbc_form-field-border-style); border-color: var(--wpbc_form-field-border-color); background-color: var(--wpbc_form-field-background-color); background-clip: padding-box; background-image: none; border-radius: 3px } div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a, div.wpbc_container.wpbc_form .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label, div.wpbc_container.wpbc_form .wpdev-list-item > input[type=radio] + .wpdev-list-item-label, div.wpbc_container.wpbc_form input[type=checkbox] + label, div.wpbc_container.wpbc_form input[type=radio] + label { display: inline; position: relative; padding-inline-start: var(--wpbc_form-padding-between-label-checkbox-radio); font-size: var(--wpbc_form-label-size-font-size); vertical-align: middle; cursor: pointer } div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a { padding-top: 3px } div.wpbc_container.wpbc_form input[type=checkbox] + label, div.wpbc_container.wpbc_form input[type=radio] + label { cursor: pointer } div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label:first-child { display: inline; position: relative; padding-inline-end: var(--wpbc_form-padding-between-label-checkbox-radio); font-size: var(--wpbc_form-label-size-font-size); vertical-align: middle } div.wpbc_container.wpbc_form .wpdev-list-item > label.wpdev-list-item-label:first-child { cursor: pointer } div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=checkbox], div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=radio] { margin-left: var(--wpbc_form-padding-between-label-checkbox-radio); margin-right: var(--wpbc_form-padding-between-label-checkbox-radio) } div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item, div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item { margin-right: var(--wpbc_form-marging-between-several-checkbox-radio) } div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:last-child, div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:last-child { margin-right: 0 } .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item, .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item { margin-left: var(--wpbc_form-marging-between-several-checkbox-radio) } .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:first-child, .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:first-child { margin-left: 0 } div.wpbc_container.wpbc_form input[type=checkbox]:checked:before, div.wpbc_container.wpbc_form input[type=radio]:checked:before { margin: 0; border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-choice-checked-border-color,#066aab); outline: 0 } div.wpbc_container.wpbc_form input[type=checkbox]:checked:focus:before, div.wpbc_container.wpbc_form input[type=radio]:checked:focus:before { border-color: var(--wpbc_form-choice-focus-color,#066aab); box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15) } div.wpbc_container.wpbc_form input[type=checkbox]:focus, div.wpbc_container.wpbc_form input[type=radio]:focus { outline: 0 } div.wpbc_container.wpbc_form input[type=checkbox]:focus:before, div.wpbc_container.wpbc_form input[type=radio]:focus:before { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-choice-focus-color,#066aab); box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15); outline: 0 } div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { border-top: none; border-right: none; height: calc(var(--wpbc_form-field-size-checkbox-size) * .6); border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab); border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab); background-color: transparent; -ms-transform: translate(0,1px) scale(.5) rotate(-45deg); transform: translate(0,1px) scale(.5) rotate(-45deg); left: calc(-4px + var(--wpbc_form-field-border-size,1px)); top: calc(-1px + var(--wpbc_form-field-border-size,1px)) } div.wpbc_container.wpbc_form input[type=radio], div.wpbc_container.wpbc_form input[type=radio]:before { border-radius: 50% } div.wpbc_container.wpbc_form input[type=radio]:checked:after { border: 1px solid transparent; border-radius: 50%; background-color: var(--wpbc_form-choice-checked-color,#066aab); -ms-transform: scale(.5); transform: scale(.5); -moz-transform: scale(.47); left: calc(-3px + var(--wpbc_form-field-border-size,1px)); top: calc(-1px + var(--wpbc_form-field-border-size,1px)) } /*! -------------------------------------------------------------------------------------------------------------------- * Errors * ------------------------------------------------------------------------------------------------------------------ */ div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error { font-weight: 400; font-size: var(--wpbc_form-label-size-sublabel-font-size); line-height: var(--wpbc_form-label-size-sublabel-line-height); margin-top: var(--wpbc_form-field-size-input-spacing); color: var(--wpbc_form-label-error-color); padding: 0 0 0 5px; position: relative } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color) } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:hover { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color); box-shadow: 0 0 2px 0 var(--wpbc_form-label-error-color) } div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:focus { border-width: var(--wpbc_form-field-border-size); border-style: solid; border-color: var(--wpbc_form-label-error-color); box-shadow: 0 0 0 1.2px var(--wpbc_form-label-error-color) } div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:hover, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:focus, div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover { border: none; box-shadow: none } /*! * Booking Form Buttons * * Front-end button styles for booking forms. Keep this file focused on form * buttons only; admin buttons stay in the admin CSS sources. */ /*! -------------------------------------------------------------------------------------------------------------------- * Shared Booking Calendar button component * * New public UI should use `.wpbc_button` plus a semantic modifier. The * `.wpbc_button_light` and unclassed submit selectors are compatibility * adapters for old custom form templates. All standard buttons deliberately * share one fixed outer geometry. Secondary buttons may use a visible border, * but border-box sizing keeps their outer height and alignment identical. * An explicit `.wpbc_button_secondary` modifier always wins over the legacy * rule that treats otherwise unclassified submit controls as primary. * ------------------------------------------------------------------------------------------------------------------ */ .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), .wpbc_booking_ui_theme_scope .wpbc_button, .wpbc_container.wpbc_container_booking_form .wpbc_button, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_gw), .wpbc_container.wpbc_form .wpbc_button, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_gw), div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { -ms-flex-align: center; align-items: center; appearance: none; border-radius: var(--wpbc_form-button-border-radius,4px); border-style: var(--wpbc_form-button-border-style,solid); border-width: var(--wpbc_form-button-border-size,1px); box-sizing: border-box; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; font-family: inherit; font-size: var(--wpbc_form-button-size-font-size,16px); font-weight: 500; height: var(--wpbc_form-button-size-height,41px); -ms-flex-pack: center; justify-content: center; line-height: 1; margin: 0; max-width: 100%; min-width: 100px; outline: transparent solid 2px; outline-offset: 2px; padding: 0 var(--wpbc_form-button-size-padding-h,24px); position: relative; text-align: center; text-decoration: none; text-shadow: none; text-overflow: ellipsis; overflow: hidden; overflow-wrap: normal; -ms-hyphens: auto; hyphens: auto; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out; vertical-align: middle; white-space: normal; width: auto } /*! -------------------------------------------------------------------------------------------------------------------- * Secondary buttons and legacy `.wpbc_button_light` compatibility * ------------------------------------------------------------------------------------------------------------------ */ .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); border-style: var(--wpbc_form-button-light-border-style,solid); border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); box-shadow: var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647)); background: var(--wpbc_form-button-light-background-color,#fdfdfd); color: var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)) } .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus, .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:hover, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { border-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); box-shadow: var(--wpbc_form-button-light-hover-box-shadow,var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647))); background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))) } /*! -------------------------------------------------------------------------------------------------------------------- * Primary buttons * * `.wpbc_button_light.button-primary` remains as a legacy alias. Do not use * WordPress' generic `.button-primary` class in new public-facing markup. * ------------------------------------------------------------------------------------------------------------------ */ .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { background: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab)); border-color: var(--wpbc_form-button-border-color,#066aab); border-style: var(--wpbc_form-button-primary-border-style,var(--wpbc_form-button-border-style,solid)); box-shadow: none; color: var(--wpbc_form-button-text-color,#fff) } .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:active, .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus, .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:active, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:active, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:active, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus, .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:hover, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover { background: var(--wpbc_form-button-hover-background-color,linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab))); color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color,#fff)); border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-primary-hover-border-color,#fff)) } .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):active:not(:disabled) { background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216))); color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))); cursor: pointer } .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover { color: #ccc; border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); cursor: not-allowed; opacity: .6 } .wpbc_booking_ui_theme_scope .wpbc_button:disabled, .wpbc_container.wpbc_container_booking_form .wpbc_button:disabled, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:disabled, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_primary:disabled, .wpbc_container.wpbc_form .wpbc_button:disabled, .wpbc_container.wpbc_form .wpbc_button_light.button-primary:disabled, .wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_primary:disabled, div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled, div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled { cursor: not-allowed; opacity: .6 } .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger { background: #de605c; border-color: #de605c; color: #f7f7f7; text-shadow: 0 0 #ba5956 } .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover { background: #e65d59; color: #fff; border-color: #fff; box-shadow: 0 0 0 2px #de605c } /*! -------------------------------------------------------------------------------------------------------------------- * Payment gateway buttons * ------------------------------------------------------------------------------------------------------------------ */ .wpbc_container .wpbc_button_light.wpbc_button_gw { font-size: var(--wpbc_form-button-size-font-size,16px); border-style: solid; border-width: 2px; border-radius: .375em; padding: 0 2.2em; line-height: calc(var(--wpbc_form-button-light-size-height,43px) - 3px); text-decoration: none; cursor: pointer; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0; height: auto; outline: transparent solid 2px; outline-offset: 2px; box-sizing: border-box; text-shadow: none; text-overflow: ellipsis; overflow: hidden; overflow-wrap: normal; white-space: normal; -ms-hyphens: auto; hyphens: auto; width: 100% } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { background-image: url(../../../inc/assets/stripe.svg); background-position: 90% 50%; background-size: 80px auto; background-repeat: no-repeat; padding-right: 130px } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { background-image: url(../../../../booking-calendar-com/inc/assets/stripe.svg); background-color: #2c2e2f; color: #fff; border-color: #2c2e2f; background-position: 90% 50%; background-size: 80px auto; background-repeat: no-repeat; padding-right: 130px } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { filter: brightness(1.3); border: 1px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd); border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); box-shadow: var(--wpbc_form-button-light-hover-box-shadow,var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647))); box-shadow: none; outline-offset: 0; outline-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); outline-width: 1px } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * { color: var(--wpbc_form-button-light-text-color,#fff) } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active *, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus *, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover * { color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,#fff)) } .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:active, .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { background-color: var(--wpbc_form-button-light-background-color); border-color: var(--wpbc_form-button-light-border-color); color: var(--wpbc_form-button-light-text-color) } .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { background-color: var(--wpbc_form-button-light-hover-background-color); border-color: var(--wpbc_form-button-light-hover-border-color); color: var(--wpbc_form-button-light-hover-text-color); filter: none } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow { padding-right: 115px; background-color: #ffc439!important; border: 2px solid #ffc439!important; color: #2c2e2f; box-shadow: none; text-indent: -9999px; background-image: url(../../../inc/assets/paypal_commerce.svg)!important; background-position: 50% 50%!important; background-size: 80px auto!important; background-repeat: no-repeat!important; min-width: 175px } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom { background-image: url(../../../../booking-calendar-com/inc/assets/paypal_commerce.svg)!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { background-color: #f2ba36!important; border-color: #f2ba36!important; box-shadow: 0 5px 10px #f0f0f8; color: #5f5f5f } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue { padding-right: 115px; background-color: #009cde!important; border: 2px solid #009cde!important; color: #fff; box-shadow: none; text-indent: -9999px; background-image: url(../../../inc/assets/paypal_white_full.svg)!important; background-position: 50% 50%!important; background-size: 80px auto!important; background-repeat: no-repeat!important; min-width: 175px } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom { background-image: url(../../../../booking-calendar-com/inc/assets/paypal_white_full.svg)!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover { background-color: #33b0e5!important; border-color: #33b0e5!important; box-shadow: 0 5px 10px #f0f0f8; color: #fff } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver { background-color: #eee!important; border: 2px solid #eee!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover { background-color: #e2e2e2!important; border-color: #e2e2e2!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { background-color: #fff!important; border: 1px solid #2c2e2f!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { background-color: #fff!important; border-color: #2c2e2f!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { background-color: #2c2e2f!important; border: 2px solid #2c2e2f!important } .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { background-color: #565859!important; border-color: #565859!important } /*! -------------------------------------------------------------------------------------------------------------------- * Dark style button overrides * ------------------------------------------------------------------------------------------------------------------ */ .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { box-shadow: var(--wpbc_form-button-light-box-shadow,0 0 0 #424242); border-color: var(--wpbc_form-button-light-border-color,#525252); background-color: var(--wpbc_form-button-light-background-color,#3f454f); color: var(--wpbc_form-button-light-text-color,#fff); filter: none } .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { box-shadow: var(--wpbc_form-button-light-hover-box-shadow,0 0 0 #424242); border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,#525252)); background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#3f454f)); color: var(--wpbc_form-button-light-hover-text-color,#fff) } .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover { filter: none } .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { box-shadow: 0 5px 10px #424242 } .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { background-color: var(--wpbc_form-button-light-background-color,#3f454f); border-color: var(--wpbc_form-button-light-border-color,#525252) } /*! -------------------------------------------------------------------------------------------------------------------- * Final focus contract * * Keep this after legacy, gateway, and dark-theme rules. The inner box-shadow * plus the outer outline create a stable two-layer focus ring without * changing button geometry. * ------------------------------------------------------------------------------------------------------------------ */ .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled), .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), .wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), .wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled) { box-shadow: 0 0 0 2px var(--wpbc_form-button-focus-inner-color,var(--wpbc-bfb-form-background,var(--wpbc_form-field-background-color,#fff))); outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-button-light-hover-border-color,#4d91cd)); outline-offset: 2px } .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), .wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus-visible:not(:disabled), .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus:not(:disabled), .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), .wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled), div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled) { box-shadow: 0 0 0 2px var(--wpbc_form-button-focus-inner-color,var(--wpbc-bfb-form-background,var(--wpbc_form-field-background-color,#fff))); outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-field-focus-border-color,var(--wpbc_form-button-background-color,#066aab))); outline-offset: 2px } .wpdev-form-control-wrap .wpdev-checkbox.group_inline, .wpdev-form-control-wrap .wpdev-radio.group_inline, .wpdev-form-control-wrap.group_inline [role=checkboxgroup], .wpdev-form-control-wrap.group_inline [role=radiogroup] { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 2em; row-gap: .5em } .wpdev-form-control-wrap .wpdev-checkbox, .wpdev-form-control-wrap .wpdev-radio, .wpdev-form-control-wrap [role=checkboxgroup], .wpdev-form-control-wrap [role=radiogroup] { display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: .5em } .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label, .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label, .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item, .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item { display: inline; line-height: 1.74; font-weight: 400 } div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item, div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item { margin-right: 0 } .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox], .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio], .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox], .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] { vertical-align: middle; margin-block-start: -.25em; margin-inline-end: .3em } .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label, .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover, .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label, .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover { line-height: 1.74; font-weight: 400 } /*! ----------------------------------------------------------------------------------------------------------------- */ /*! Timeline Steps: */ /*! ----------------------------------------------------------------------------------------------------------------- */ .wpbc__container_place__steps_for_timeline, .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline { -ms-flex: 1 1 400px; flex: 1 1 400px; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 0 auto 35px; padding: 0; border: 0 } .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline { display: none } .wpbc_steps_for_timeline_container { max-width: min(400px,100%); min-width: 200px; margin: 3px 0 0; width: 100%; --wpbc_steps_for_timeline_step_color: #d6d6d6; --wpbc_steps_for_timeline_active_color: #64aa45; --wpbc_steps_for_timeline_failed_color: #e76a39; --wpbc_steps_for_timeline_checkbox_color: #fff } .booking_form_div .wpbc_steps_for_timeline_container { --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce) } .wpbc_steps_for_timeline { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line { background: var(--wpbc_steps_for_timeline_step_color); height: 2px; margin: 0 7px; width: 100% } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line.wpbc_steps_for_timeline_line_active { background: var(--wpbc_steps_for_timeline_active_color) } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step { border: none; background-color: var(--wpbc_steps_for_timeline_step_color); border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; width: 16px } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step .icon { display: none } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_active, .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed, .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed { background-color: var(--wpbc_steps_for_timeline_active_color); position: relative } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed .icon-success, .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed { color: var(--wpbc_steps_for_timeline_checkbox_color,#fff); display: block; position: absolute; left: 3px; top: 3px } .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed { left: 4px; top: 2px } /*! Timeline Steps: Front-End align */ .booking_form_div .wpbc_steps_for_timeline_container, .wpbc_bfb__container .wpbc_steps_for_timeline_container { margin: 20px auto 25px } .bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] { -ms-flex: 1; flex: 1 } /*! == Align Form Elements ====================================================================================== */ /*! == Right == */ .wpbc_aling_right, .wpbc_aling_right .wpbc_times_selector { -ms-flex-pack: end!important; justify-content: flex-end!important } /*! == Center == */ .wpbc_aling_center, .wpbc_aling_center .wpbc_times_selector { -ms-flex-pack: center!important; justify-content: center!important } /*! == Simple booking form - Center == */ .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field { -ms-flex-pack: center!important; justify-content: center!important } .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label { text-align: center!important } /*! == Center Calendar ? == */ .wpbc_aling_center .wpbc_calendar_wraper { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } @media (max-width:400px) { .wpbc_aling_right .wpbc_times_selector div { margin: 7px 0 0 } .wpbc_aling_center .wpbc_times_selector div { margin: 7px 0 } } /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */ .wpbc_wizard__border_container { box-shadow: var(--wpbc-bfb-form-box-shadow,rgba(0,0,0,.05) 0 2px 6px 0); border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#ccc); border-radius: var(--wpbc-bfb-form-border-radius,2px); background: var(--wpbc-bfb-form-background,#fff); padding: var(--wpbc-bfb-form-padding,10px 30px); box-sizing: border-box; margin: auto; max-width: 100%; width: 100%; max-width: min(900px,100%) } .wpbc_wizard__border_container, .wpbc_wizard__border_container p { font-size: 16px; font-weight: 400 } .wpbc_times_selector div, .wpbc_wizard__border_container .wpbc_times_selector div { -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: min(90px,100%); white-space: wrap; word-break: normal } .wpbc_theme_dark_1 .wpbc_wizard__border_container { border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#000); background: var(--wpbc-bfb-form-background,#383a3d); color: var(--wpbc_form-label-color,#bbb); box-shadow: var(--wpbc-bfb-form-box-shadow,0 0 3px #3b3b3b) } .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*), .wpbc_theme_dark_1 .wpbc_wizard__border_container label, .wpbc_theme_dark_1 .wpbc_wizard__border_container p, .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) { color: var(--wpbc_form-label-color,#fff) } div.wpbc_container.wpbc_form .wpbc_field_description, div.wpbc_container.wpbc_form .wpbc_static_text, div.wpbc_container.wpbc_form .wpdev-list-item-label, div.wpbc_container.wpbc_form l, div.wpbc_container.wpbc_form label, div.wpbc_container.wpbc_form p { color: var(--wpbc_form-label-color,#3c434a) } div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_field_description, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_static_text, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev-list-item-label, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev_hint_with_text .block_text, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 l, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label, div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p { color: var(--wpbc_form-label-color,#bbb) } div.wpbc_container.wpbc_form.wpbc_theme_dark_1 { --wpbc-bfb-form-background: #383a3d; --wpbc-bfb-form-border-color: #000000; --wpbc-bfb-form-box-shadow: 0 0px 3px #3b3b3b; --wpbc_form-field-background-color: #3f454f; --wpbc_form-field-border-color: rgba(255, 255, 255, 0.28); --wpbc_form-field-border-color-spare: rgba(255, 255, 255, 0.28); --wpbc_form-field-focus-border-color: #5b8bff; --wpbc_form-field-focus-shadow-color: #5b8bff; --wpbc_form-field-text-color: #f4f6f8; --wpbc_form-field-disabled-color: rgba(255, 255, 255, 0.35); --wpbc_form-field-menu-color: #303640; --wpbc_form-label-color: #f4f6f8; --wpbc_form-label-sublabel-color: rgba(255, 255, 255, 0.72); --wpbc_form-label-error-color: #ff8a8a; --wpbc_form-button-background-color: #1b1d22; --wpbc_form-button-background-color-alt: #1b1d22; --wpbc_form-button-border-color: #5f5f5f; --wpbc_form-button-primary-border-style: solid; --wpbc_form-button-text-color: #ffffff; --wpbc_form-button-text-color-alt: #ffffff; --wpbc_form-button-hover-background-color: #1b1d22; --wpbc_form-button-hover-border-color: #5b8bff; --wpbc_form-button-hover-text-color: #ffffff; --wpbc_form-choice-checked-border-color: #5b8bff; --wpbc_form-choice-checked-color: #f4f6f8; --wpbc_form-choice-focus-color: #5b8bff; --wpbc_form-button-light-background-color: #3f454f; --wpbc_form-button-light-border-color: #525252; --wpbc_form-button-light-text-color: #ffffff; --wpbc_form-button-light-box-shadow: 0 0 0 #424242; --wpbc_form-button-light-hover-background-color: #3f454f; --wpbc_form-button-light-hover-border-color: #5b8bff; --wpbc_form-button-light-hover-text-color: #ffffff; --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242; --wpbc-appointment-provider-avatar-background: #2C2E2F; --wpbc-appointment-provider-avatar-border-color: #525252; --wpbc-appointment-provider-avatar-text-color: #ffffff; --wpbc_form-button-primary-hover-border-color: #5b8bff; --wpbc_form-page-break-color: #5f9ee7 } .wpbc_cal_powered_by, .wpbc_cal_powered_by a { font-size: 7px; text-align: left; margin: 0 0 10px; text-shadow: none } .wpbc_range_selection_guidance, .wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon { border: 0; box-shadow: none; line-height: 2; font-size: var(--wpbc_form-label-size-sublabel-font-size,14px); color: #848280; color: var(--wpbc_form-label-color,#3c434a); opacity: .55 }