/*! == Align Form Elements ====================================================================================== */ /*! == Right == */ .wpbc_aling_right, .wpbc_aling_right .wpbc_times_selector { justify-content: flex-end !important; } @media (max-width: 400px) { .wpbc_aling_right .wpbc_times_selector div { margin: 7px 0 0 0; } } /*! == Center == */ .wpbc_aling_center, .wpbc_aling_center .wpbc_times_selector { justify-content: center !important; } /*! == Simple booking form - Center == */ .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field { 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: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } @media (max-width: 400px) { .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, 0.05) 0px 2px 6px 0px); border: var(--wpbc-bfb-form-border-width, 1px) solid var(--wpbc-bfb-form-border-color, rgb(204, 204, 204)); 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 { flex: 1 1 auto; /*max-width: Min(260px, 100%);*/ 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, rgb(0, 0, 0)); background: var(--wpbc-bfb-form-background, #626262); color: var(--wpbc_form-label-color, #bbb); box-shadow: var(--wpbc-bfb-form-box-shadow, 0 0px 3px #3b3b3b); } /* Exclude calendar elements. */ .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline *), .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline *), .wpbc_theme_dark_1 .wpbc_wizard__border_container p, .wpbc_theme_dark_1 .wpbc_wizard__border_container label { color: var(--wpbc_form-label-color, #fff); } /* Default form text color. Keep this away from Builder UI controls inside the editable canvas. */ div.wpbc_container.wpbc_form p, div.wpbc_container.wpbc_form l, div.wpbc_container.wpbc_form label, 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 { color: var(--wpbc_form-label-color, #3c434a); } div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p, 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 .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 { color: var(--wpbc_form-label-color, #bbb); } div.wpbc_container.wpbc_form.wpbc_theme_dark_1 { --wpbc-bfb-form-background: #626262; --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: #4d4d4d; --wpbc_form-button-background-color-alt: #4d4d4d; --wpbc_form-button-border-color: #5f5f5f; --wpbc_form-button-text-color: #ffffff; --wpbc_form-button-text-color-alt: #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: #2C2E2F; --wpbc_form-button-light-border-color: #2C2E2F; --wpbc_form-button-light-text-color: #ffffff; --wpbc_form-button-light-box-shadow: 0 0 0 #424242; --wpbc_form-button-light-hover-background-color: #2C2E2F; --wpbc_form-button-light-hover-border-color: #2C2E2F; --wpbc_form-button-light-hover-text-color: #ffffff; --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242; --wpbc_form-button-primary-hover-border-color: #ffffff; --wpbc_form-page-break-color: #5f9ee7; }