| @@ -6,13 +6,70 @@ | ||
| 6 | 6 | } |
| 7 | 7 | .booking_form_div .wpbc_bfb_form, |
| 8 | 8 | .wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container { |
| 9 | 9 | width: var(--wpbc-bfb-booking_form_layout_width,100%); |
| 10 | - max-width: 100%; | |
| 10 | + max-width: min(100%,67rem); | |
| 11 | 11 | margin-left: auto; |
| 12 | 12 | margin-right: auto; |
| 13 | 13 | box-sizing: border-box |
| 14 | 14 | } |
| 15 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom, | |
| 16 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_field_description, | |
| 17 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_static_text, | |
| 18 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpdev-list-item-label, | |
| 19 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom l, | |
| 20 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom label, | |
| 21 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom, | |
| 22 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_field_description, | |
| 23 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_static_text, | |
| 24 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpdev-list-item-label, | |
| 25 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom l, | |
| 26 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom label { | |
| 27 | + color: var(--wpbc_form-label-color)!important | |
| 28 | +} | |
| 29 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=date], | |
| 30 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime-local], | |
| 31 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime], | |
| 32 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=email], | |
| 33 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=month], | |
| 34 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=number], | |
| 35 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=password], | |
| 36 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=range], | |
| 37 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=search], | |
| 38 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=tel], | |
| 39 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=text], | |
| 40 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=time], | |
| 41 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=url], | |
| 42 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=week], | |
| 43 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom select, | |
| 44 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom textarea, | |
| 45 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=date], | |
| 46 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime-local], | |
| 47 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime], | |
| 48 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=email], | |
| 49 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=month], | |
| 50 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=number], | |
| 51 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=password], | |
| 52 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=range], | |
| 53 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=search], | |
| 54 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=tel], | |
| 55 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=text], | |
| 56 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=time], | |
| 57 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=url], | |
| 58 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=week], | |
| 59 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom select, | |
| 60 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom textarea { | |
| 61 | + background-color: var(--wpbc_form-field-background-color)!important; | |
| 62 | + color: var(--wpbc_form-field-text-color)!important; | |
| 63 | + border-color: var(--wpbc_form-field-border-color)!important | |
| 64 | +} | |
| 65 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, | |
| 66 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before, | |
| 67 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, | |
| 68 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before { | |
| 69 | + background-color: var(--wpbc_form-field-background-color)!important; | |
| 70 | + border-color: var(--wpbc_form-field-border-color)!important | |
| 71 | +} | |
| 15 | 72 | div .wpbc_bfb_form .wpbc__row .wpbc__field, |
| 16 | 73 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { |
| 17 | 74 | display: -ms-flexbox; |
| 18 | 75 | display: flex; |
| @@ -52,8 +109,11 @@ | ||
| 52 | 109 | div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) { |
| 53 | 110 | -ms-flex: 0 1 auto; |
| 54 | 111 | flex: 0 1 auto |
| 55 | 112 | } |
| 113 | +.wpbc__field:has(.wpbc_calendar_wraper) { | |
| 114 | + max-width: 100% | |
| 115 | +} | |
| 56 | 116 | div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container), |
| 57 | 117 | div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) { |
| 58 | 118 | -ms-flex: 1 1 auto; |
| 59 | 119 | flex: 1 1 auto |
| @@ -106,8 +166,16 @@ | ||
| 106 | 166 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox], |
| 107 | 167 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] { |
| 108 | 168 | margin: -5px 5px 0 |
| 109 | 169 | } |
| 170 | +body:not(.wp-admin) .wpbc_bfb_form .wpbc-hidden-on-frontend { | |
| 171 | + display: none!important | |
| 172 | +} | |
| 173 | +.wpbc_bfb__panel--preview .wpbc_bfb__field.wpbc-hidden-on-frontend > :not(.wpbc_bfb__overlay-controls), | |
| 174 | +.wpbc_bfb__panel--preview .wpbc_bfb__field:has(.wpbc-hidden-on-frontend) > :not(.wpbc_bfb__overlay-controls), | |
| 175 | +.wpbc_bfb__panel--preview .wpbc_bfb__section.wpbc-hidden-on-frontend > .wpbc_bfb__row { | |
| 176 | + opacity: .5 | |
| 177 | +} | |
| 110 | 178 | .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] { |
| 111 | 179 | width: 100%; |
| 112 | 180 | margin: 0; |
| 113 | 181 | min-width: 50px |
| @@ -167,8 +235,20 @@ | ||
| 167 | 235 | } |
| 168 | 236 | .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr { |
| 169 | 237 | background: 0 0 |
| 170 | 238 | } |
| 239 | +@media (max-width:782px) { | |
| 240 | + div.booking_form_div .wpbc_bfb_form { | |
| 241 | + width: 100%; | |
| 242 | + max-width: 100% | |
| 243 | + } | |
| 244 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_full_day_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 245 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_time_slots_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 246 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_full_day_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical], | |
| 247 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_time_slots_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical] { | |
| 248 | + display: none | |
| 249 | + } | |
| 250 | +} | |
| 171 | 251 | /*! |
| 172 | 252 | * Booking Form Fields |
| 173 | 253 | * |
| 174 | 254 | * // FixIn: 10.1.5.7. |
| @@ -179,8 +259,10 @@ | ||
| 179 | 259 | --wpbc_form-field-border-size: 1px; |
| 180 | 260 | --wpbc_form-field-background-color: #ffffff; |
| 181 | 261 | --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25); |
| 182 | 262 | --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25); |
| 263 | + --wpbc_form-field-focus-border-color: #066aab; | |
| 264 | + --wpbc_form-field-focus-shadow-color: #066aab; | |
| 183 | 265 | --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); |
| 184 | 266 | --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2); |
| 185 | 267 | --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"); |
| 186 | 268 | --wpbc_form-field-menu-color: #ffffff; |
| @@ -189,13 +271,18 @@ | ||
| 189 | 271 | --wpbc_form-label-error-color: #d63637; |
| 190 | 272 | --wpbc_form-button-border-radius: 3px; |
| 191 | 273 | --wpbc_form-button-border-style: none; |
| 192 | 274 | --wpbc_form-button-border-size: 1px; |
| 275 | + --wpbc_form-button-light-border-style: solid; | |
| 276 | + --wpbc_form-button-light-border-size: var(--wpbc_form-button-border-size, 1px); | |
| 193 | 277 | --wpbc_form-button-background-color: #066aab; |
| 194 | 278 | --wpbc_form-button-background-color-alt: #066aab; |
| 195 | 279 | --wpbc_form-button-border-color: #066aab; |
| 196 | 280 | --wpbc_form-button-text-color: #ffffff; |
| 197 | 281 | --wpbc_form-button-text-color-alt: #fff; |
| 282 | + --wpbc_form-choice-checked-border-color: #066aab; | |
| 283 | + --wpbc_form-choice-checked-color: #066aab; | |
| 284 | + --wpbc_form-choice-focus-color: #066aab; | |
| 198 | 285 | --wpbc_form-page-break-color: #066aab; |
| 199 | 286 | --wpbc_form-background-image: none; |
| 200 | 287 | --wpbc_form-background-position: center center; |
| 201 | 288 | --wpbc_form-background-repeat: no-repeat; |
| @@ -220,9 +307,9 @@ | ||
| 220 | 307 | --wpbc_form-label-size-font-size: 16px; |
| 221 | 308 | --wpbc_form-label-size-line-height: 19px; |
| 222 | 309 | --wpbc_form-label-size-sublabel-font-size: 14px; |
| 223 | 310 | --wpbc_form-label-size-sublabel-line-height: 17px; |
| 224 | - --wpbc_form-button-size-font-size: 17px; | |
| 311 | + --wpbc_form-button-size-font-size: 16px; | |
| 225 | 312 | --wpbc_form-button-size-height: 41px; |
| 226 | 313 | --wpbc_form-button-size-padding-h: 15px; |
| 227 | 314 | --wpbc_form-button-size-margin-top: 10px; |
| 228 | 315 | --wpbc_form-container-shadow-size-box-shadow: none; |
| @@ -323,10 +410,10 @@ | ||
| 323 | 410 | div.wpbc_container.wpbc_form select:focus, |
| 324 | 411 | div.wpbc_container.wpbc_form textarea:focus { |
| 325 | 412 | border-width: var(--wpbc_form-field-border-size); |
| 326 | 413 | border-style: solid; |
| 327 | - border-color: var(--wpbc_form-button-background-color); | |
| 328 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15); | |
| 414 | + border-color: var(--wpbc_form-field-focus-border-color,#066aab); | |
| 415 | + 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); | |
| 329 | 416 | outline: 0 |
| 330 | 417 | } |
| 331 | 418 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid, |
| 332 | 419 | .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, |
| @@ -361,10 +448,10 @@ | ||
| 361 | 448 | div.wpbc_container.wpbc_form select:focus:invalid, |
| 362 | 449 | div.wpbc_container.wpbc_form textarea:focus:invalid { |
| 363 | 450 | border-width: var(--wpbc_form-field-border-size); |
| 364 | 451 | border-style: solid; |
| 365 | - border-color: var(--wpbc_form-button-background-color); | |
| 366 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15); | |
| 452 | + border-color: var(--wpbc_form-field-focus-border-color,#066aab); | |
| 453 | + 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); | |
| 367 | 454 | outline: 0; |
| 368 | 455 | color: var(--wpbc_form-field-text-color) |
| 369 | 456 | } |
| 370 | 457 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, |
| @@ -570,80 +657,8 @@ | ||
| 570 | 657 | div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button { |
| 571 | 658 | visibility: hidden |
| 572 | 659 | } |
| 573 | 660 | /*! -------------------------------------------------------------------------------------------------------------------- |
| 574 | - * Submit | |
| 575 | - * ------------------------------------------------------------------------------------------------------------------ */ | |
| 576 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light), | |
| 577 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light), | |
| 578 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light), | |
| 579 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light) { | |
| 580 | - height: var(--wpbc_form-button-size-height); | |
| 581 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 582 | - border-radius: var(--wpbc_form-button-border-radius); | |
| 583 | - border-style: var(--wpbc_form-button-border-style); | |
| 584 | - border-color: var(--wpbc_form-button-border-color); | |
| 585 | - border-width: var(--wpbc_form-button-border-size); | |
| 586 | - box-shadow: none; | |
| 587 | - color: var(--wpbc_form-button-text-color); | |
| 588 | - padding: 0 var(--wpbc_form-button-size-padding-h); | |
| 589 | - font-family: inherit; | |
| 590 | - font-weight: 500; | |
| 591 | - font-size: var(--wpbc_form-button-size-font-size); | |
| 592 | - line-height: 100%; | |
| 593 | - cursor: pointer; | |
| 594 | - transition: .15s ease-in-out; | |
| 595 | - position: relative; | |
| 596 | - text-decoration: none | |
| 597 | -} | |
| 598 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 599 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 600 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 601 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active) { | |
| 602 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 603 | - color: var(--wpbc_form-button-text-color) | |
| 604 | -} | |
| 605 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active, | |
| 606 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover, | |
| 607 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active, | |
| 608 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover, | |
| 609 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active, | |
| 610 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover, | |
| 611 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active, | |
| 612 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover { | |
| 613 | - background: 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)) | |
| 614 | -} | |
| 615 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus, | |
| 616 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus, | |
| 617 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus, | |
| 618 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus { | |
| 619 | - outline: 0 | |
| 620 | -} | |
| 621 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after, | |
| 622 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after, | |
| 623 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after, | |
| 624 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after { | |
| 625 | - content: ""; | |
| 626 | - position: absolute; | |
| 627 | - border: 2px solid var(--wpbc_form-button-background-color); | |
| 628 | - border-radius: calc(var(--wpbc_form-button-border-radius) + 2px); | |
| 629 | - top: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 630 | - right: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 631 | - bottom: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 632 | - left: calc(-4px - var(--wpbc_form-button-border-size,1px)) | |
| 633 | -} | |
| 634 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled, | |
| 635 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 636 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled, | |
| 637 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 638 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled, | |
| 639 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 640 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled, | |
| 641 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover { | |
| 642 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 643 | - cursor: default | |
| 644 | -} | |
| 645 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 646 | 661 | * Radio and Checkboxes |
| 647 | 662 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 648 | 663 | div.wpbc_container.wpbc_form input[type=checkbox], |
| 649 | 664 | div.wpbc_container.wpbc_form input[type=radio] { |
| @@ -736,15 +751,15 @@ | ||
| 736 | 751 | div.wpbc_container.wpbc_form input[type=radio]:checked:before { |
| 737 | 752 | margin: 0; |
| 738 | 753 | border-width: var(--wpbc_form-field-border-size); |
| 739 | 754 | border-style: solid; |
| 740 | - border-color: var(--wpbc_form-field-border-color); | |
| 755 | + border-color: var(--wpbc_form-choice-checked-border-color,#066aab); | |
| 741 | 756 | outline: 0 |
| 742 | 757 | } |
| 743 | -div.wpbc_container.wpbc_form input[type=checkbox]:checked:before:focus, | |
| 744 | -div.wpbc_container.wpbc_form input[type=radio]:checked:before:focus { | |
| 745 | - border-color: var(--wpbc_form-button-background-color); | |
| 746 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15) | |
| 758 | +div.wpbc_container.wpbc_form input[type=checkbox]:checked:focus:before, | |
| 759 | +div.wpbc_container.wpbc_form input[type=radio]:checked:focus:before { | |
| 760 | + border-color: var(--wpbc_form-choice-focus-color,#066aab); | |
| 761 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15) | |
| 747 | 762 | } |
| 748 | 763 | div.wpbc_container.wpbc_form input[type=checkbox]:focus, |
| 749 | 764 | div.wpbc_container.wpbc_form input[type=radio]:focus { |
| 750 | 765 | outline: 0 |
| @@ -752,10 +767,10 @@ | ||
| 752 | 767 | div.wpbc_container.wpbc_form input[type=checkbox]:focus:before, |
| 753 | 768 | div.wpbc_container.wpbc_form input[type=radio]:focus:before { |
| 754 | 769 | border-width: var(--wpbc_form-field-border-size); |
| 755 | 770 | border-style: solid; |
| 756 | - border-color: var(--wpbc_form-button-background-color); | |
| 757 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15); | |
| 771 | + border-color: var(--wpbc_form-choice-focus-color,#066aab); | |
| 772 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15); | |
| 758 | 773 | outline: 0 |
| 759 | 774 | } |
| 760 | 775 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 761 | 776 | border-top: none; |
| @@ -760,10 +775,10 @@ | ||
| 760 | 775 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 761 | 776 | border-top: none; |
| 762 | 777 | border-right: none; |
| 763 | 778 | height: calc(var(--wpbc_form-field-size-checkbox-size) * .6); |
| 764 | - border-left: 4px solid var(--wpbc_form-button-background-color); | |
| 765 | - border-bottom: 4px solid var(--wpbc_form-button-background-color); | |
| 779 | + border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab); | |
| 780 | + border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab); | |
| 766 | 781 | background-color: transparent; |
| 767 | 782 | -ms-transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 768 | 783 | transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 769 | 784 | left: calc(-4px + var(--wpbc_form-field-border-size,1px)); |
| @@ -775,9 +790,9 @@ | ||
| 775 | 790 | } |
| 776 | 791 | div.wpbc_container.wpbc_form input[type=radio]:checked:after { |
| 777 | 792 | border: 1px solid transparent; |
| 778 | 793 | border-radius: 50%; |
| 779 | - background-color: var(--wpbc_form-button-background-color); | |
| 794 | + background-color: var(--wpbc_form-choice-checked-color,#066aab); | |
| 780 | 795 | -ms-transform: scale(.5); |
| 781 | 796 | transform: scale(.5); |
| 782 | 797 | -moz-transform: scale(.47); |
| 783 | 798 | left: calc(-3px + var(--wpbc_form-field-border-size,1px)); |
| @@ -827,8 +842,445 @@ | ||
| 827 | 842 | div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover { |
| 828 | 843 | border: none; |
| 829 | 844 | box-shadow: none |
| 830 | 845 | } |
| 846 | +/*! | |
| 847 | + * Booking Form Buttons | |
| 848 | + * | |
| 849 | + * Front-end button styles for booking forms. Keep this file focused on form | |
| 850 | + * buttons only; admin buttons stay in the admin CSS sources. | |
| 851 | + */ | |
| 852 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 853 | + * Shared Booking Calendar button component | |
| 854 | + * | |
| 855 | + * New public UI should use `.wpbc_button` plus a semantic modifier. The | |
| 856 | + * `.wpbc_button_light` and unclassed submit selectors are compatibility | |
| 857 | + * adapters for old custom form templates. All standard buttons deliberately | |
| 858 | + * share one fixed outer geometry. Secondary buttons may use a visible border, | |
| 859 | + * but border-box sizing keeps their outer height and alignment identical. | |
| 860 | + * An explicit `.wpbc_button_secondary` modifier always wins over the legacy | |
| 861 | + * rule that treats otherwise unclassified submit controls as primary. | |
| 862 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 863 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 864 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 865 | +.wpbc_booking_ui_theme_scope .wpbc_button, | |
| 866 | +.wpbc_container.wpbc_container_booking_form .wpbc_button, | |
| 867 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_gw), | |
| 868 | +.wpbc_container.wpbc_form .wpbc_button, | |
| 869 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_gw), | |
| 870 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 871 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { | |
| 872 | + -ms-flex-align: center; | |
| 873 | + align-items: center; | |
| 874 | + appearance: none; | |
| 875 | + border-radius: var(--wpbc_form-button-border-radius,4px); | |
| 876 | + border-style: var(--wpbc_form-button-border-style,solid); | |
| 877 | + border-width: var(--wpbc_form-button-border-size,1px); | |
| 878 | + box-sizing: border-box; | |
| 879 | + cursor: pointer; | |
| 880 | + display: -ms-inline-flexbox; | |
| 881 | + display: inline-flex; | |
| 882 | + font-family: inherit; | |
| 883 | + font-size: var(--wpbc_form-button-size-font-size,16px); | |
| 884 | + font-weight: 500; | |
| 885 | + height: var(--wpbc_form-button-size-height,41px); | |
| 886 | + -ms-flex-pack: center; | |
| 887 | + justify-content: center; | |
| 888 | + line-height: 1; | |
| 889 | + margin: 0; | |
| 890 | + max-width: 100%; | |
| 891 | + min-width: 100px; | |
| 892 | + outline: transparent solid 2px; | |
| 893 | + outline-offset: 2px; | |
| 894 | + padding: 0 var(--wpbc_form-button-size-padding-h,24px); | |
| 895 | + position: relative; | |
| 896 | + text-align: center; | |
| 897 | + text-decoration: none; | |
| 898 | + text-shadow: none; | |
| 899 | + text-overflow: ellipsis; | |
| 900 | + overflow: hidden; | |
| 901 | + overflow-wrap: normal; | |
| 902 | + -ms-hyphens: auto; | |
| 903 | + hyphens: auto; | |
| 904 | + transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out; | |
| 905 | + vertical-align: middle; | |
| 906 | + white-space: normal; | |
| 907 | + width: auto | |
| 908 | +} | |
| 909 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 910 | + * Secondary buttons and legacy `.wpbc_button_light` compatibility | |
| 911 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 912 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary, | |
| 913 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary, | |
| 914 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), | |
| 915 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary, | |
| 916 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { | |
| 917 | + border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); | |
| 918 | + border-style: var(--wpbc_form-button-light-border-style,solid); | |
| 919 | + border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); | |
| 920 | + box-shadow: var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647)); | |
| 921 | + background: var(--wpbc_form-button-light-background-color,#fdfdfd); | |
| 922 | + color: var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)) | |
| 923 | +} | |
| 924 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus, | |
| 925 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:hover, | |
| 926 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus, | |
| 927 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:hover, | |
| 928 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 929 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, | |
| 930 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus, | |
| 931 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:hover, | |
| 932 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 933 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { | |
| 934 | + border-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 935 | + 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))); | |
| 936 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); | |
| 937 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))) | |
| 938 | +} | |
| 939 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 940 | + * Primary buttons | |
| 941 | + * | |
| 942 | + * `.wpbc_button_light.button-primary` remains as a legacy alias. Do not use | |
| 943 | + * WordPress' generic `.button-primary` class in new public-facing markup. | |
| 944 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 945 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 946 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 947 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary, | |
| 948 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary, | |
| 949 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary, | |
| 950 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary, | |
| 951 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 952 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { | |
| 953 | + background: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab)); | |
| 954 | + border-color: var(--wpbc_form-button-border-color,#066aab); | |
| 955 | + border-style: var(--wpbc_form-button-primary-border-style,var(--wpbc_form-button-border-style,solid)); | |
| 956 | + box-shadow: none; | |
| 957 | + color: var(--wpbc_form-button-text-color,#fff) | |
| 958 | +} | |
| 959 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 960 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 961 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 962 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 963 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 964 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 965 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:active, | |
| 966 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus, | |
| 967 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:hover, | |
| 968 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:active, | |
| 969 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus, | |
| 970 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:hover, | |
| 971 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:active, | |
| 972 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus, | |
| 973 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover, | |
| 974 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:active, | |
| 975 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus, | |
| 976 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:hover, | |
| 977 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 978 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 979 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 980 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 981 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 982 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover { | |
| 983 | + 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))); | |
| 984 | + color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color,#fff)); | |
| 985 | + border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-primary-hover-border-color,#fff)) | |
| 986 | +} | |
| 987 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):active:not(:disabled) { | |
| 988 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); | |
| 989 | + border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216))); | |
| 990 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))); | |
| 991 | + cursor: pointer | |
| 992 | +} | |
| 993 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, | |
| 994 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, | |
| 995 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover, | |
| 996 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, | |
| 997 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, | |
| 998 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover { | |
| 999 | + color: #ccc; | |
| 1000 | + border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); | |
| 1001 | + cursor: not-allowed; | |
| 1002 | + opacity: .6 | |
| 1003 | +} | |
| 1004 | +.wpbc_booking_ui_theme_scope .wpbc_button:disabled, | |
| 1005 | +.wpbc_container.wpbc_container_booking_form .wpbc_button:disabled, | |
| 1006 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:disabled, | |
| 1007 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_primary:disabled, | |
| 1008 | +.wpbc_container.wpbc_form .wpbc_button:disabled, | |
| 1009 | +.wpbc_container.wpbc_form .wpbc_button_light.button-primary:disabled, | |
| 1010 | +.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_primary:disabled, | |
| 1011 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled, | |
| 1012 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled { | |
| 1013 | + cursor: not-allowed; | |
| 1014 | + opacity: .6 | |
| 1015 | +} | |
| 1016 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger { | |
| 1017 | + background: #de605c; | |
| 1018 | + border-color: #de605c; | |
| 1019 | + color: #f7f7f7; | |
| 1020 | + text-shadow: 0 0 #ba5956 | |
| 1021 | +} | |
| 1022 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus, | |
| 1023 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover { | |
| 1024 | + background: #e65d59; | |
| 1025 | + color: #fff; | |
| 1026 | + border-color: #fff; | |
| 1027 | + box-shadow: 0 0 0 2px #de605c | |
| 1028 | +} | |
| 1029 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1030 | + * Payment gateway buttons | |
| 1031 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1032 | +.wpbc_container .wpbc_button_light.wpbc_button_gw { | |
| 1033 | + font-size: var(--wpbc_form-button-size-font-size,16px); | |
| 1034 | + border-style: solid; | |
| 1035 | + border-width: 2px; | |
| 1036 | + border-radius: .375em; | |
| 1037 | + padding: 0 2.2em; | |
| 1038 | + line-height: calc(var(--wpbc_form-button-light-size-height,43px) - 3px); | |
| 1039 | + text-decoration: none; | |
| 1040 | + cursor: pointer; | |
| 1041 | + -ms-flex: 1 1 100%; | |
| 1042 | + flex: 1 1 100%; | |
| 1043 | + display: -ms-flexbox; | |
| 1044 | + display: flex; | |
| 1045 | + -ms-flex-flow: column wrap; | |
| 1046 | + flex-flow: column wrap; | |
| 1047 | + -ms-flex-pack: start; | |
| 1048 | + justify-content: flex-start; | |
| 1049 | + -ms-flex-align: center; | |
| 1050 | + align-items: center; | |
| 1051 | + margin: 0; | |
| 1052 | + height: auto; | |
| 1053 | + outline: transparent solid 2px; | |
| 1054 | + outline-offset: 2px; | |
| 1055 | + box-sizing: border-box; | |
| 1056 | + text-shadow: none; | |
| 1057 | + text-overflow: ellipsis; | |
| 1058 | + overflow: hidden; | |
| 1059 | + overflow-wrap: normal; | |
| 1060 | + white-space: normal; | |
| 1061 | + -ms-hyphens: auto; | |
| 1062 | + hyphens: auto; | |
| 1063 | + width: 100% | |
| 1064 | +} | |
| 1065 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, | |
| 1066 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1067 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1068 | + background-image: url(../../../inc/assets/stripe.svg); | |
| 1069 | + background-position: 90% 50%; | |
| 1070 | + background-size: 80px auto; | |
| 1071 | + background-repeat: no-repeat; | |
| 1072 | + padding-right: 130px | |
| 1073 | +} | |
| 1074 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, | |
| 1075 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1076 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1077 | + background-image: url(../../../../booking-calendar-com/inc/assets/stripe.svg); | |
| 1078 | + background-color: #2c2e2f; | |
| 1079 | + color: #fff; | |
| 1080 | + border-color: #2c2e2f; | |
| 1081 | + background-position: 90% 50%; | |
| 1082 | + background-size: 80px auto; | |
| 1083 | + background-repeat: no-repeat; | |
| 1084 | + padding-right: 130px | |
| 1085 | +} | |
| 1086 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1087 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1088 | + filter: brightness(1.3); | |
| 1089 | + border: 1px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 1090 | + border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); | |
| 1091 | + 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))); | |
| 1092 | + box-shadow: none; | |
| 1093 | + outline-offset: 0; | |
| 1094 | + outline-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 1095 | + outline-width: 1px | |
| 1096 | +} | |
| 1097 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, | |
| 1098 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * { | |
| 1099 | + color: var(--wpbc_form-button-light-text-color,#fff) | |
| 1100 | +} | |
| 1101 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active, | |
| 1102 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active *, | |
| 1103 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1104 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus *, | |
| 1105 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1106 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover * { | |
| 1107 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,#fff)) | |
| 1108 | +} | |
| 1109 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, | |
| 1110 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:active, | |
| 1111 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1112 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1113 | + background-color: var(--wpbc_form-button-light-background-color); | |
| 1114 | + border-color: var(--wpbc_form-button-light-border-color); | |
| 1115 | + color: var(--wpbc_form-button-light-text-color) | |
| 1116 | +} | |
| 1117 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1118 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1119 | + background-color: var(--wpbc_form-button-light-hover-background-color); | |
| 1120 | + border-color: var(--wpbc_form-button-light-hover-border-color); | |
| 1121 | + color: var(--wpbc_form-button-light-hover-text-color); | |
| 1122 | + filter: none | |
| 1123 | +} | |
| 1124 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver, | |
| 1125 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white, | |
| 1126 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow { | |
| 1127 | + padding-right: 115px; | |
| 1128 | + background-color: #ffc439!important; | |
| 1129 | + border: 2px solid #ffc439!important; | |
| 1130 | + color: #2c2e2f; | |
| 1131 | + box-shadow: none; | |
| 1132 | + text-indent: -9999px; | |
| 1133 | + background-image: url(../../../inc/assets/paypal_commerce.svg)!important; | |
| 1134 | + background-position: 50% 50%!important; | |
| 1135 | + background-size: 80px auto!important; | |
| 1136 | + background-repeat: no-repeat!important; | |
| 1137 | + min-width: 175px | |
| 1138 | +} | |
| 1139 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom, | |
| 1140 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom, | |
| 1141 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom { | |
| 1142 | + background-image: url(../../../../booking-calendar-com/inc/assets/paypal_commerce.svg)!important | |
| 1143 | +} | |
| 1144 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1145 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover, | |
| 1146 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1147 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover, | |
| 1148 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1149 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1150 | + background-color: #f2ba36!important; | |
| 1151 | + border-color: #f2ba36!important; | |
| 1152 | + box-shadow: 0 5px 10px #f0f0f8; | |
| 1153 | + color: #5f5f5f | |
| 1154 | +} | |
| 1155 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black, | |
| 1156 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue { | |
| 1157 | + padding-right: 115px; | |
| 1158 | + background-color: #009cde!important; | |
| 1159 | + border: 2px solid #009cde!important; | |
| 1160 | + color: #fff; | |
| 1161 | + box-shadow: none; | |
| 1162 | + text-indent: -9999px; | |
| 1163 | + background-image: url(../../../inc/assets/paypal_white_full.svg)!important; | |
| 1164 | + background-position: 50% 50%!important; | |
| 1165 | + background-size: 80px auto!important; | |
| 1166 | + background-repeat: no-repeat!important; | |
| 1167 | + min-width: 175px | |
| 1168 | +} | |
| 1169 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom, | |
| 1170 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom { | |
| 1171 | + background-image: url(../../../../booking-calendar-com/inc/assets/paypal_white_full.svg)!important | |
| 1172 | +} | |
| 1173 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1174 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover, | |
| 1175 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus, | |
| 1176 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover { | |
| 1177 | + background-color: #33b0e5!important; | |
| 1178 | + border-color: #33b0e5!important; | |
| 1179 | + box-shadow: 0 5px 10px #f0f0f8; | |
| 1180 | + color: #fff | |
| 1181 | +} | |
| 1182 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver { | |
| 1183 | + background-color: #eee!important; | |
| 1184 | + border: 2px solid #eee!important | |
| 1185 | +} | |
| 1186 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1187 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover { | |
| 1188 | + background-color: #e2e2e2!important; | |
| 1189 | + border-color: #e2e2e2!important | |
| 1190 | +} | |
| 1191 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1192 | + background-color: #fff!important; | |
| 1193 | + border: 1px solid #2c2e2f!important | |
| 1194 | +} | |
| 1195 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1196 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1197 | + background-color: #fff!important; | |
| 1198 | + border-color: #2c2e2f!important | |
| 1199 | +} | |
| 1200 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1201 | + background-color: #2c2e2f!important; | |
| 1202 | + border: 2px solid #2c2e2f!important | |
| 1203 | +} | |
| 1204 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1205 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1206 | + background-color: #565859!important; | |
| 1207 | + border-color: #565859!important | |
| 1208 | +} | |
| 1209 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1210 | + * Dark style button overrides | |
| 1211 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1212 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), | |
| 1213 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { | |
| 1214 | + box-shadow: var(--wpbc_form-button-light-box-shadow,0 0 0 #424242); | |
| 1215 | + border-color: var(--wpbc_form-button-light-border-color,#525252); | |
| 1216 | + background-color: var(--wpbc_form-button-light-background-color,#3f454f); | |
| 1217 | + color: var(--wpbc_form-button-light-text-color,#fff); | |
| 1218 | + filter: none | |
| 1219 | +} | |
| 1220 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1221 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, | |
| 1222 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1223 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { | |
| 1224 | + box-shadow: var(--wpbc_form-button-light-hover-box-shadow,0 0 0 #424242); | |
| 1225 | + border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,#525252)); | |
| 1226 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#3f454f)); | |
| 1227 | + color: var(--wpbc_form-button-light-hover-text-color,#fff) | |
| 1228 | +} | |
| 1229 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover, | |
| 1230 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover { | |
| 1231 | + filter: none | |
| 1232 | +} | |
| 1233 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1234 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1235 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1236 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1237 | + box-shadow: 0 5px 10px #424242 | |
| 1238 | +} | |
| 1239 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1240 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1241 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1242 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1243 | + background-color: var(--wpbc_form-button-light-background-color,#3f454f); | |
| 1244 | + border-color: var(--wpbc_form-button-light-border-color,#525252) | |
| 1245 | +} | |
| 1246 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1247 | + * Final focus contract | |
| 1248 | + * | |
| 1249 | + * Keep this after legacy, gateway, and dark-theme rules. The inner box-shadow | |
| 1250 | + * plus the outer outline create a stable two-layer focus ring without | |
| 1251 | + * changing button geometry. | |
| 1252 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1253 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1254 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1255 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1256 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1257 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), | |
| 1258 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled), | |
| 1259 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1260 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1261 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), | |
| 1262 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled) { | |
| 1263 | + 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))); | |
| 1264 | + outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-button-light-hover-border-color,#4d91cd)); | |
| 1265 | + outline-offset: 2px | |
| 1266 | +} | |
| 1267 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1268 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1269 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1270 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1271 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus-visible:not(:disabled), | |
| 1272 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus:not(:disabled), | |
| 1273 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1274 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1275 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), | |
| 1276 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled), | |
| 1277 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), | |
| 1278 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled) { | |
| 1279 | + 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))); | |
| 1280 | + outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-field-focus-border-color,var(--wpbc_form-button-background-color,#066aab))); | |
| 1281 | + outline-offset: 2px | |
| 1282 | +} | |
| 831 | 1283 | .wpdev-form-control-wrap .wpdev-checkbox.group_inline, |
| 832 | 1284 | .wpdev-form-control-wrap .wpdev-radio.group_inline, |
| 833 | 1285 | .wpdev-form-control-wrap.group_inline [role=checkboxgroup], |
| 834 | 1286 | .wpdev-form-control-wrap.group_inline [role=radiogroup] { |
| @@ -1021,13 +1473,13 @@ | ||
| 1021 | 1473 | } |
| 1022 | 1474 | } |
| 1023 | 1475 | /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */ |
| 1024 | 1476 | .wpbc_wizard__border_container { |
| 1025 | - box-shadow: rgba(0,0,0,.05) 0 2px 6px 0; | |
| 1026 | - border: 1px solid #ccc; | |
| 1027 | - border-radius: 2px; | |
| 1028 | - background: #fff; | |
| 1029 | - padding: 10px 30px; | |
| 1477 | + box-shadow: var(--wpbc-bfb-form-box-shadow,rgba(0,0,0,.05) 0 2px 6px 0); | |
| 1478 | + border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#ccc); | |
| 1479 | + border-radius: var(--wpbc-bfb-form-border-radius,2px); | |
| 1480 | + background: var(--wpbc-bfb-form-background,#fff); | |
| 1481 | + padding: var(--wpbc-bfb-form-padding,10px 30px); | |
| 1030 | 1482 | box-sizing: border-box; |
| 1031 | 1483 | margin: auto; |
| 1032 | 1484 | max-width: 100%; |
| 1033 | 1485 | width: 100%; |
| @@ -1046,15 +1498,97 @@ | ||
| 1046 | 1498 | white-space: wrap; |
| 1047 | 1499 | word-break: normal |
| 1048 | 1500 | } |
| 1049 | 1501 | .wpbc_theme_dark_1 .wpbc_wizard__border_container { |
| 1050 | - border: 1px solid #000; | |
| 1051 | - background: #626262; | |
| 1052 | - color: #bbb; | |
| 1053 | - box-shadow: 0 0 3px #3b3b3b | |
| 1502 | + border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#000); | |
| 1503 | + background: var(--wpbc-bfb-form-background,#383a3d); | |
| 1504 | + color: var(--wpbc_form-label-color,#bbb); | |
| 1505 | + box-shadow: var(--wpbc-bfb-form-box-shadow,0 0 3px #3b3b3b) | |
| 1054 | 1506 | } |
| 1055 | 1507 | .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*), |
| 1056 | 1508 | .wpbc_theme_dark_1 .wpbc_wizard__border_container label, |
| 1057 | 1509 | .wpbc_theme_dark_1 .wpbc_wizard__border_container p, |
| 1058 | 1510 | .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) { |
| 1059 | - color: #fff | |
| 1511 | + color: var(--wpbc_form-label-color,#fff) | |
| 1512 | +} | |
| 1513 | +div.wpbc_container.wpbc_form .wpbc_field_description, | |
| 1514 | +div.wpbc_container.wpbc_form .wpbc_static_text, | |
| 1515 | +div.wpbc_container.wpbc_form .wpdev-list-item-label, | |
| 1516 | +div.wpbc_container.wpbc_form l, | |
| 1517 | +div.wpbc_container.wpbc_form label, | |
| 1518 | +div.wpbc_container.wpbc_form p { | |
| 1519 | + color: var(--wpbc_form-label-color,#3c434a) | |
| 1520 | +} | |
| 1521 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_field_description, | |
| 1522 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_static_text, | |
| 1523 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev-list-item-label, | |
| 1524 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev_hint_with_text .block_text, | |
| 1525 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 l, | |
| 1526 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label, | |
| 1527 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p { | |
| 1528 | + color: var(--wpbc_form-label-color,#bbb) | |
| 1529 | +} | |
| 1530 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 { | |
| 1531 | + --wpbc-bfb-form-background: #383a3d; | |
| 1532 | + --wpbc-bfb-form-border-color: #000000; | |
| 1533 | + --wpbc-bfb-form-box-shadow: 0 0px 3px #3b3b3b; | |
| 1534 | + --wpbc_form-field-background-color: #3f454f; | |
| 1535 | + --wpbc_form-field-border-color: rgba(255, 255, 255, 0.28); | |
| 1536 | + --wpbc_form-field-border-color-spare: rgba(255, 255, 255, 0.28); | |
| 1537 | + --wpbc_form-field-focus-border-color: #5b8bff; | |
| 1538 | + --wpbc_form-field-focus-shadow-color: #5b8bff; | |
| 1539 | + --wpbc_form-field-text-color: #f4f6f8; | |
| 1540 | + --wpbc_form-field-disabled-color: rgba(255, 255, 255, 0.35); | |
| 1541 | + --wpbc_form-field-menu-color: #303640; | |
| 1542 | + --wpbc_form-label-color: #f4f6f8; | |
| 1543 | + --wpbc_form-label-sublabel-color: rgba(255, 255, 255, 0.72); | |
| 1544 | + --wpbc_form-label-error-color: #ff8a8a; | |
| 1545 | + --wpbc_form-button-background-color: #1b1d22; | |
| 1546 | + --wpbc_form-button-background-color-alt: #1b1d22; | |
| 1547 | + --wpbc_form-button-border-color: #5f5f5f; | |
| 1548 | + --wpbc_form-button-primary-border-style: solid; | |
| 1549 | + --wpbc_form-button-text-color: #ffffff; | |
| 1550 | + --wpbc_form-button-text-color-alt: #ffffff; | |
| 1551 | + --wpbc_form-button-hover-background-color: #1b1d22; | |
| 1552 | + --wpbc_form-button-hover-border-color: #5b8bff; | |
| 1553 | + --wpbc_form-button-hover-text-color: #ffffff; | |
| 1554 | + --wpbc_form-choice-checked-border-color: #5b8bff; | |
| 1555 | + --wpbc_form-choice-checked-color: #f4f6f8; | |
| 1556 | + --wpbc_form-choice-focus-color: #5b8bff; | |
| 1557 | + --wpbc_form-button-light-background-color: #3f454f; | |
| 1558 | + --wpbc_form-button-light-border-color: #525252; | |
| 1559 | + --wpbc_form-button-light-text-color: #ffffff; | |
| 1560 | + --wpbc_form-button-light-box-shadow: 0 0 0 #424242; | |
| 1561 | + --wpbc_form-button-light-hover-background-color: #3f454f; | |
| 1562 | + --wpbc_form-button-light-hover-border-color: #5b8bff; | |
| 1563 | + --wpbc_form-button-light-hover-text-color: #ffffff; | |
| 1564 | + --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242; | |
| 1565 | + --wpbc-appointment-provider-avatar-background: #2C2E2F; | |
| 1566 | + --wpbc-appointment-provider-avatar-border-color: #525252; | |
| 1567 | + --wpbc-appointment-provider-avatar-text-color: #ffffff; | |
| 1568 | + --wpbc_form-button-primary-hover-border-color: #5b8bff; | |
| 1569 | + --wpbc_form-page-break-color: #5f9ee7 | |
| 1570 | +} | |
| 1571 | +.wpbc_cal_powered_by, | |
| 1572 | +.wpbc_cal_powered_by a { | |
| 1573 | + font-size: 7px; | |
| 1574 | + text-align: left; | |
| 1575 | + margin: 0 0 10px; | |
| 1576 | + text-shadow: none | |
| 1577 | +} | |
| 1578 | +.wpbc_range_selection_guidance { | |
| 1579 | + box-sizing: border-box; | |
| 1580 | + max-width: 341px; | |
| 1581 | + overflow-wrap: anywhere; | |
| 1582 | + white-space: normal; | |
| 1583 | + display: block | |
| 1584 | +} | |
| 1585 | +.wpbc_range_selection_guidance, | |
| 1586 | +.wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon { | |
| 1587 | + border: 0; | |
| 1588 | + box-shadow: none; | |
| 1589 | + line-height: 2; | |
| 1590 | + font-size: var(--wpbc_form-label-size-sublabel-font-size,14px); | |
| 1591 | + color: #848280; | |
| 1592 | + color: var(--wpbc_form-label-color,#3c434a); | |
| 1593 | + opacity: .55 | |
| 1060 | 1594 | } |
