| @@ -6,17 +6,75 @@ | ||
| 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; |
| 76 | + box-sizing: border-box; | |
| 19 | 77 | -ms-flex-direction: var(--wpbc-bfb-col-dir,column); |
| 20 | 78 | flex-direction: var(--wpbc-bfb-col-dir,column); |
| 21 | 79 | -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| 22 | 80 | flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| @@ -24,11 +82,88 @@ | ||
| 24 | 82 | justify-content: var(--wpbc-bfb-col-jc,flex-start); |
| 25 | 83 | -ms-flex-align: var(--wpbc-bfb-col-ai,stretch); |
| 26 | 84 | align-items: var(--wpbc-bfb-col-ai,stretch); |
| 27 | 85 | gap: var(--wpbc-bfb-col-gap,0); |
| 86 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 28 | 87 | -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start); |
| 29 | 88 | align-self: var(--wpbc-bfb-col-aself,flex-start) |
| 30 | 89 | } |
| 90 | +div .wpbc_bfb_form .wpbc__row .wpbc__field:not(.wpbc__cal), | |
| 91 | +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { | |
| 92 | + margin: .7em 0 | |
| 93 | +} | |
| 94 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin:"], | |
| 95 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin:"] { | |
| 96 | + margin: var(--wpbc-bfb-col-margin) | |
| 97 | +} | |
| 98 | +div .wpbc_bfb_form .wpbc_bfb__section[data-selected-col] > .wpbc_bfb__row > .wpbc_bfb__column.is-selected-column { | |
| 99 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 100 | + padding-top: var(--wpbc-bfb-col-padding-top,var(--wpbc-bfb-col-padding,0)); | |
| 101 | + padding-right: var(--wpbc-bfb-col-padding-right,var(--wpbc-bfb-col-padding,0)); | |
| 102 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom,var(--wpbc-bfb-col-padding,0)); | |
| 103 | + padding-left: var(--wpbc-bfb-col-padding-left,var(--wpbc-bfb-col-padding,0)) | |
| 104 | +} | |
| 105 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-top"], | |
| 106 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-top"] { | |
| 107 | + padding-top: var(--wpbc-bfb-col-padding-top) | |
| 108 | +} | |
| 109 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-right"], | |
| 110 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-right"] { | |
| 111 | + padding-right: var(--wpbc-bfb-col-padding-right) | |
| 112 | +} | |
| 113 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-bottom"], | |
| 114 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-bottom"] { | |
| 115 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom) | |
| 116 | +} | |
| 117 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-left"], | |
| 118 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-left"] { | |
| 119 | + padding-left: var(--wpbc-bfb-col-padding-left) | |
| 120 | +} | |
| 121 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-top"], | |
| 122 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-top"] { | |
| 123 | + margin-top: var(--wpbc-bfb-col-margin-top) | |
| 124 | +} | |
| 125 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-right"], | |
| 126 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-right"] { | |
| 127 | + margin-right: var(--wpbc-bfb-col-margin-right) | |
| 128 | +} | |
| 129 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-bottom"], | |
| 130 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-bottom"] { | |
| 131 | + margin-bottom: var(--wpbc-bfb-col-margin-bottom) | |
| 132 | +} | |
| 133 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-left"], | |
| 134 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-left"] { | |
| 135 | + margin-left: var(--wpbc-bfb-col-margin-left) | |
| 136 | +} | |
| 137 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-width"], | |
| 138 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-width"] { | |
| 139 | + max-width: var(--wpbc-bfb-col-max-width) | |
| 140 | +} | |
| 141 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-height"], | |
| 142 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-height"] { | |
| 143 | + max-height: var(--wpbc-bfb-col-max-height) | |
| 144 | +} | |
| 145 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow:"], | |
| 146 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow:"] { | |
| 147 | + overflow: var(--wpbc-bfb-col-overflow); | |
| 148 | + scrollbar-width: thin | |
| 149 | +} | |
| 150 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-x:"], | |
| 151 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-x:"] { | |
| 152 | + overflow-x: var(--wpbc-bfb-col-overflow-x); | |
| 153 | + scrollbar-width: thin | |
| 154 | +} | |
| 155 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-y:"], | |
| 156 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-y:"] { | |
| 157 | + overflow-y: var(--wpbc-bfb-col-overflow-y); | |
| 158 | + scrollbar-width: thin | |
| 159 | +} | |
| 160 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 161 | + overflow-x: hidden | |
| 162 | +} | |
| 163 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 164 | + overflow-y: hidden | |
| 165 | +} | |
| 31 | 166 | div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input), |
| 32 | 167 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field { |
| 33 | 168 | -ms-flex: 1 1 100%; |
| 34 | 169 | flex: 1 1 100% |
| @@ -52,8 +187,11 @@ | ||
| 52 | 187 | div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) { |
| 53 | 188 | -ms-flex: 0 1 auto; |
| 54 | 189 | flex: 0 1 auto |
| 55 | 190 | } |
| 191 | +.wpbc__field:has(.wpbc_calendar_wraper) { | |
| 192 | + max-width: 100% | |
| 193 | +} | |
| 56 | 194 | div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container), |
| 57 | 195 | div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) { |
| 58 | 196 | -ms-flex: 1 1 auto; |
| 59 | 197 | flex: 1 1 auto |
| @@ -106,8 +244,16 @@ | ||
| 106 | 244 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox], |
| 107 | 245 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] { |
| 108 | 246 | margin: -5px 5px 0 |
| 109 | 247 | } |
| 248 | +body:not(.wp-admin) .wpbc_bfb_form .wpbc-hidden-on-frontend { | |
| 249 | + display: none!important | |
| 250 | +} | |
| 251 | +.wpbc_bfb__panel--preview .wpbc_bfb__field.wpbc-hidden-on-frontend > :not(.wpbc_bfb__overlay-controls), | |
| 252 | +.wpbc_bfb__panel--preview .wpbc_bfb__field:has(.wpbc-hidden-on-frontend) > :not(.wpbc_bfb__overlay-controls), | |
| 253 | +.wpbc_bfb__panel--preview .wpbc_bfb__section.wpbc-hidden-on-frontend > .wpbc_bfb__row { | |
| 254 | + opacity: .5 | |
| 255 | +} | |
| 110 | 256 | .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] { |
| 111 | 257 | width: 100%; |
| 112 | 258 | margin: 0; |
| 113 | 259 | min-width: 50px |
| @@ -167,8 +313,20 @@ | ||
| 167 | 313 | } |
| 168 | 314 | .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr { |
| 169 | 315 | background: 0 0 |
| 170 | 316 | } |
| 317 | +@media (max-width:782px) { | |
| 318 | + div.booking_form_div .wpbc_bfb_form { | |
| 319 | + width: 100%; | |
| 320 | + max-width: 100% | |
| 321 | + } | |
| 322 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_full_day_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 323 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_time_slots_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 324 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_full_day_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical], | |
| 325 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_time_slots_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical] { | |
| 326 | + display: none | |
| 327 | + } | |
| 328 | +} | |
| 171 | 329 | /*! |
| 172 | 330 | * Booking Form Fields |
| 173 | 331 | * |
| 174 | 332 | * // FixIn: 10.1.5.7. |
| @@ -179,8 +337,10 @@ | ||
| 179 | 337 | --wpbc_form-field-border-size: 1px; |
| 180 | 338 | --wpbc_form-field-background-color: #ffffff; |
| 181 | 339 | --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25); |
| 182 | 340 | --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25); |
| 341 | + --wpbc_form-field-focus-border-color: #066aab; | |
| 342 | + --wpbc_form-field-focus-shadow-color: #066aab; | |
| 183 | 343 | --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); |
| 184 | 344 | --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2); |
| 185 | 345 | --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 | 346 | --wpbc_form-field-menu-color: #ffffff; |
| @@ -189,13 +349,18 @@ | ||
| 189 | 349 | --wpbc_form-label-error-color: #d63637; |
| 190 | 350 | --wpbc_form-button-border-radius: 3px; |
| 191 | 351 | --wpbc_form-button-border-style: none; |
| 192 | 352 | --wpbc_form-button-border-size: 1px; |
| 353 | + --wpbc_form-button-light-border-style: solid; | |
| 354 | + --wpbc_form-button-light-border-size: var(--wpbc_form-button-border-size, 1px); | |
| 193 | 355 | --wpbc_form-button-background-color: #066aab; |
| 194 | 356 | --wpbc_form-button-background-color-alt: #066aab; |
| 195 | 357 | --wpbc_form-button-border-color: #066aab; |
| 196 | 358 | --wpbc_form-button-text-color: #ffffff; |
| 197 | 359 | --wpbc_form-button-text-color-alt: #fff; |
| 360 | + --wpbc_form-choice-checked-border-color: #066aab; | |
| 361 | + --wpbc_form-choice-checked-color: #066aab; | |
| 362 | + --wpbc_form-choice-focus-color: #066aab; | |
| 198 | 363 | --wpbc_form-page-break-color: #066aab; |
| 199 | 364 | --wpbc_form-background-image: none; |
| 200 | 365 | --wpbc_form-background-position: center center; |
| 201 | 366 | --wpbc_form-background-repeat: no-repeat; |
| @@ -220,9 +385,9 @@ | ||
| 220 | 385 | --wpbc_form-label-size-font-size: 16px; |
| 221 | 386 | --wpbc_form-label-size-line-height: 19px; |
| 222 | 387 | --wpbc_form-label-size-sublabel-font-size: 14px; |
| 223 | 388 | --wpbc_form-label-size-sublabel-line-height: 17px; |
| 224 | - --wpbc_form-button-size-font-size: 17px; | |
| 389 | + --wpbc_form-button-size-font-size: 16px; | |
| 225 | 390 | --wpbc_form-button-size-height: 41px; |
| 226 | 391 | --wpbc_form-button-size-padding-h: 15px; |
| 227 | 392 | --wpbc_form-button-size-margin-top: 10px; |
| 228 | 393 | --wpbc_form-container-shadow-size-box-shadow: none; |
| @@ -323,10 +488,10 @@ | ||
| 323 | 488 | div.wpbc_container.wpbc_form select:focus, |
| 324 | 489 | div.wpbc_container.wpbc_form textarea:focus { |
| 325 | 490 | border-width: var(--wpbc_form-field-border-size); |
| 326 | 491 | 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); | |
| 492 | + border-color: var(--wpbc_form-field-focus-border-color,#066aab); | |
| 493 | + 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 | 494 | outline: 0 |
| 330 | 495 | } |
| 331 | 496 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid, |
| 332 | 497 | .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, |
| @@ -361,10 +526,10 @@ | ||
| 361 | 526 | div.wpbc_container.wpbc_form select:focus:invalid, |
| 362 | 527 | div.wpbc_container.wpbc_form textarea:focus:invalid { |
| 363 | 528 | border-width: var(--wpbc_form-field-border-size); |
| 364 | 529 | 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); | |
| 530 | + border-color: var(--wpbc_form-field-focus-border-color,#066aab); | |
| 531 | + 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 | 532 | outline: 0; |
| 368 | 533 | color: var(--wpbc_form-field-text-color) |
| 369 | 534 | } |
| 370 | 535 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, |
| @@ -570,80 +735,8 @@ | ||
| 570 | 735 | div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button { |
| 571 | 736 | visibility: hidden |
| 572 | 737 | } |
| 573 | 738 | /*! -------------------------------------------------------------------------------------------------------------------- |
| 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 | 739 | * Radio and Checkboxes |
| 647 | 740 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 648 | 741 | div.wpbc_container.wpbc_form input[type=checkbox], |
| 649 | 742 | div.wpbc_container.wpbc_form input[type=radio] { |
| @@ -736,15 +829,15 @@ | ||
| 736 | 829 | div.wpbc_container.wpbc_form input[type=radio]:checked:before { |
| 737 | 830 | margin: 0; |
| 738 | 831 | border-width: var(--wpbc_form-field-border-size); |
| 739 | 832 | border-style: solid; |
| 740 | - border-color: var(--wpbc_form-field-border-color); | |
| 833 | + border-color: var(--wpbc_form-choice-checked-border-color,#066aab); | |
| 741 | 834 | outline: 0 |
| 742 | 835 | } |
| 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) | |
| 836 | +div.wpbc_container.wpbc_form input[type=checkbox]:checked:focus:before, | |
| 837 | +div.wpbc_container.wpbc_form input[type=radio]:checked:focus:before { | |
| 838 | + border-color: var(--wpbc_form-choice-focus-color,#066aab); | |
| 839 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15) | |
| 747 | 840 | } |
| 748 | 841 | div.wpbc_container.wpbc_form input[type=checkbox]:focus, |
| 749 | 842 | div.wpbc_container.wpbc_form input[type=radio]:focus { |
| 750 | 843 | outline: 0 |
| @@ -752,10 +845,10 @@ | ||
| 752 | 845 | div.wpbc_container.wpbc_form input[type=checkbox]:focus:before, |
| 753 | 846 | div.wpbc_container.wpbc_form input[type=radio]:focus:before { |
| 754 | 847 | border-width: var(--wpbc_form-field-border-size); |
| 755 | 848 | 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); | |
| 849 | + border-color: var(--wpbc_form-choice-focus-color,#066aab); | |
| 850 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15); | |
| 758 | 851 | outline: 0 |
| 759 | 852 | } |
| 760 | 853 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 761 | 854 | border-top: none; |
| @@ -760,10 +853,10 @@ | ||
| 760 | 853 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 761 | 854 | border-top: none; |
| 762 | 855 | border-right: none; |
| 763 | 856 | 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); | |
| 857 | + border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab); | |
| 858 | + border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab); | |
| 766 | 859 | background-color: transparent; |
| 767 | 860 | -ms-transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 768 | 861 | transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 769 | 862 | left: calc(-4px + var(--wpbc_form-field-border-size,1px)); |
| @@ -775,9 +868,9 @@ | ||
| 775 | 868 | } |
| 776 | 869 | div.wpbc_container.wpbc_form input[type=radio]:checked:after { |
| 777 | 870 | border: 1px solid transparent; |
| 778 | 871 | border-radius: 50%; |
| 779 | - background-color: var(--wpbc_form-button-background-color); | |
| 872 | + background-color: var(--wpbc_form-choice-checked-color,#066aab); | |
| 780 | 873 | -ms-transform: scale(.5); |
| 781 | 874 | transform: scale(.5); |
| 782 | 875 | -moz-transform: scale(.47); |
| 783 | 876 | left: calc(-3px + var(--wpbc_form-field-border-size,1px)); |
| @@ -827,8 +920,445 @@ | ||
| 827 | 920 | div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover { |
| 828 | 921 | border: none; |
| 829 | 922 | box-shadow: none |
| 830 | 923 | } |
| 924 | +/*! | |
| 925 | + * Booking Form Buttons | |
| 926 | + * | |
| 927 | + * Front-end button styles for booking forms. Keep this file focused on form | |
| 928 | + * buttons only; admin buttons stay in the admin CSS sources. | |
| 929 | + */ | |
| 930 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 931 | + * Shared Booking Calendar button component | |
| 932 | + * | |
| 933 | + * New public UI should use `.wpbc_button` plus a semantic modifier. The | |
| 934 | + * `.wpbc_button_light` and unclassed submit selectors are compatibility | |
| 935 | + * adapters for old custom form templates. All standard buttons deliberately | |
| 936 | + * share one fixed outer geometry. Secondary buttons may use a visible border, | |
| 937 | + * but border-box sizing keeps their outer height and alignment identical. | |
| 938 | + * An explicit `.wpbc_button_secondary` modifier always wins over the legacy | |
| 939 | + * rule that treats otherwise unclassified submit controls as primary. | |
| 940 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 941 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 942 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 943 | +.wpbc_booking_ui_theme_scope .wpbc_button, | |
| 944 | +.wpbc_container.wpbc_container_booking_form .wpbc_button, | |
| 945 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_gw), | |
| 946 | +.wpbc_container.wpbc_form .wpbc_button, | |
| 947 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_gw), | |
| 948 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 949 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { | |
| 950 | + -ms-flex-align: center; | |
| 951 | + align-items: center; | |
| 952 | + appearance: none; | |
| 953 | + border-radius: var(--wpbc_form-button-border-radius,4px); | |
| 954 | + border-style: var(--wpbc_form-button-border-style,solid); | |
| 955 | + border-width: var(--wpbc_form-button-border-size,1px); | |
| 956 | + box-sizing: border-box; | |
| 957 | + cursor: pointer; | |
| 958 | + display: -ms-inline-flexbox; | |
| 959 | + display: inline-flex; | |
| 960 | + font-family: inherit; | |
| 961 | + font-size: var(--wpbc_form-button-size-font-size,16px); | |
| 962 | + font-weight: 500; | |
| 963 | + height: var(--wpbc_form-button-size-height,41px); | |
| 964 | + -ms-flex-pack: center; | |
| 965 | + justify-content: center; | |
| 966 | + line-height: 1; | |
| 967 | + margin: 0; | |
| 968 | + max-width: 100%; | |
| 969 | + min-width: 100px; | |
| 970 | + outline: transparent solid 2px; | |
| 971 | + outline-offset: 2px; | |
| 972 | + padding: 0 var(--wpbc_form-button-size-padding-h,24px); | |
| 973 | + position: relative; | |
| 974 | + text-align: center; | |
| 975 | + text-decoration: none; | |
| 976 | + text-shadow: none; | |
| 977 | + text-overflow: ellipsis; | |
| 978 | + overflow: hidden; | |
| 979 | + overflow-wrap: normal; | |
| 980 | + -ms-hyphens: auto; | |
| 981 | + hyphens: auto; | |
| 982 | + transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out; | |
| 983 | + vertical-align: middle; | |
| 984 | + white-space: normal; | |
| 985 | + width: auto | |
| 986 | +} | |
| 987 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 988 | + * Secondary buttons and legacy `.wpbc_button_light` compatibility | |
| 989 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 990 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary, | |
| 991 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary, | |
| 992 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), | |
| 993 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary, | |
| 994 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { | |
| 995 | + border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); | |
| 996 | + border-style: var(--wpbc_form-button-light-border-style,solid); | |
| 997 | + border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); | |
| 998 | + box-shadow: var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647)); | |
| 999 | + background: var(--wpbc_form-button-light-background-color,#fdfdfd); | |
| 1000 | + color: var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)) | |
| 1001 | +} | |
| 1002 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus, | |
| 1003 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:hover, | |
| 1004 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus, | |
| 1005 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:hover, | |
| 1006 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1007 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, | |
| 1008 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus, | |
| 1009 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:hover, | |
| 1010 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1011 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { | |
| 1012 | + border-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 1013 | + 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))); | |
| 1014 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); | |
| 1015 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))) | |
| 1016 | +} | |
| 1017 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1018 | + * Primary buttons | |
| 1019 | + * | |
| 1020 | + * `.wpbc_button_light.button-primary` remains as a legacy alias. Do not use | |
| 1021 | + * WordPress' generic `.button-primary` class in new public-facing markup. | |
| 1022 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1023 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 1024 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 1025 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary, | |
| 1026 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary, | |
| 1027 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary, | |
| 1028 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary, | |
| 1029 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary), | |
| 1030 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary) { | |
| 1031 | + background: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color,#066aab)); | |
| 1032 | + border-color: var(--wpbc_form-button-border-color,#066aab); | |
| 1033 | + border-style: var(--wpbc_form-button-primary-border-style,var(--wpbc_form-button-border-style,solid)); | |
| 1034 | + box-shadow: none; | |
| 1035 | + color: var(--wpbc_form-button-text-color,#fff) | |
| 1036 | +} | |
| 1037 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 1038 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 1039 | +.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 1040 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 1041 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 1042 | +.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 1043 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:active, | |
| 1044 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus, | |
| 1045 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:hover, | |
| 1046 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:active, | |
| 1047 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus, | |
| 1048 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:hover, | |
| 1049 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:active, | |
| 1050 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus, | |
| 1051 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover, | |
| 1052 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:active, | |
| 1053 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus, | |
| 1054 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:hover, | |
| 1055 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 1056 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 1057 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover, | |
| 1058 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):active, | |
| 1059 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus, | |
| 1060 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):hover { | |
| 1061 | + 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))); | |
| 1062 | + color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color,#fff)); | |
| 1063 | + border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-primary-hover-border-color,#fff)) | |
| 1064 | +} | |
| 1065 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):active:not(:disabled) { | |
| 1066 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd)); | |
| 1067 | + border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216))); | |
| 1068 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725))); | |
| 1069 | + cursor: pointer | |
| 1070 | +} | |
| 1071 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, | |
| 1072 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, | |
| 1073 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover, | |
| 1074 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled, | |
| 1075 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:focus, | |
| 1076 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):disabled:hover { | |
| 1077 | + color: #ccc; | |
| 1078 | + border-color: var(--wpbc_form-button-light-border-color,rgba(202,202,202,.7098039216)); | |
| 1079 | + cursor: not-allowed; | |
| 1080 | + opacity: .6 | |
| 1081 | +} | |
| 1082 | +.wpbc_booking_ui_theme_scope .wpbc_button:disabled, | |
| 1083 | +.wpbc_container.wpbc_container_booking_form .wpbc_button:disabled, | |
| 1084 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:disabled, | |
| 1085 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_primary:disabled, | |
| 1086 | +.wpbc_container.wpbc_form .wpbc_button:disabled, | |
| 1087 | +.wpbc_container.wpbc_form .wpbc_button_light.button-primary:disabled, | |
| 1088 | +.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_primary:disabled, | |
| 1089 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled, | |
| 1090 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):disabled { | |
| 1091 | + cursor: not-allowed; | |
| 1092 | + opacity: .6 | |
| 1093 | +} | |
| 1094 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger { | |
| 1095 | + background: #de605c; | |
| 1096 | + border-color: #de605c; | |
| 1097 | + color: #f7f7f7; | |
| 1098 | + text-shadow: 0 0 #ba5956 | |
| 1099 | +} | |
| 1100 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus, | |
| 1101 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover { | |
| 1102 | + background: #e65d59; | |
| 1103 | + color: #fff; | |
| 1104 | + border-color: #fff; | |
| 1105 | + box-shadow: 0 0 0 2px #de605c | |
| 1106 | +} | |
| 1107 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1108 | + * Payment gateway buttons | |
| 1109 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1110 | +.wpbc_container .wpbc_button_light.wpbc_button_gw { | |
| 1111 | + font-size: var(--wpbc_form-button-size-font-size,16px); | |
| 1112 | + border-style: solid; | |
| 1113 | + border-width: 2px; | |
| 1114 | + border-radius: .375em; | |
| 1115 | + padding: 0 2.2em; | |
| 1116 | + line-height: calc(var(--wpbc_form-button-light-size-height,43px) - 3px); | |
| 1117 | + text-decoration: none; | |
| 1118 | + cursor: pointer; | |
| 1119 | + -ms-flex: 1 1 100%; | |
| 1120 | + flex: 1 1 100%; | |
| 1121 | + display: -ms-flexbox; | |
| 1122 | + display: flex; | |
| 1123 | + -ms-flex-flow: column wrap; | |
| 1124 | + flex-flow: column wrap; | |
| 1125 | + -ms-flex-pack: start; | |
| 1126 | + justify-content: flex-start; | |
| 1127 | + -ms-flex-align: center; | |
| 1128 | + align-items: center; | |
| 1129 | + margin: 0; | |
| 1130 | + height: auto; | |
| 1131 | + outline: transparent solid 2px; | |
| 1132 | + outline-offset: 2px; | |
| 1133 | + box-sizing: border-box; | |
| 1134 | + text-shadow: none; | |
| 1135 | + text-overflow: ellipsis; | |
| 1136 | + overflow: hidden; | |
| 1137 | + overflow-wrap: normal; | |
| 1138 | + white-space: normal; | |
| 1139 | + -ms-hyphens: auto; | |
| 1140 | + hyphens: auto; | |
| 1141 | + width: 100% | |
| 1142 | +} | |
| 1143 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, | |
| 1144 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1145 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1146 | + background-image: url(../../../inc/assets/stripe.svg); | |
| 1147 | + background-position: 90% 50%; | |
| 1148 | + background-size: 80px auto; | |
| 1149 | + background-repeat: no-repeat; | |
| 1150 | + padding-right: 130px | |
| 1151 | +} | |
| 1152 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, | |
| 1153 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1154 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1155 | + background-image: url(../../../../booking-calendar-com/inc/assets/stripe.svg); | |
| 1156 | + background-color: #2c2e2f; | |
| 1157 | + color: #fff; | |
| 1158 | + border-color: #2c2e2f; | |
| 1159 | + background-position: 90% 50%; | |
| 1160 | + background-size: 80px auto; | |
| 1161 | + background-repeat: no-repeat; | |
| 1162 | + padding-right: 130px | |
| 1163 | +} | |
| 1164 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1165 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1166 | + filter: brightness(1.3); | |
| 1167 | + border: 1px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 1168 | + border-width: var(--wpbc_form-button-light-border-size,var(--wpbc_form-button-border-size,1px)); | |
| 1169 | + 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))); | |
| 1170 | + box-shadow: none; | |
| 1171 | + outline-offset: 0; | |
| 1172 | + outline-color: var(--wpbc_form-button-light-hover-border-color,#4d91cd); | |
| 1173 | + outline-width: 1px | |
| 1174 | +} | |
| 1175 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe, | |
| 1176 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * { | |
| 1177 | + color: var(--wpbc_form-button-light-text-color,#fff) | |
| 1178 | +} | |
| 1179 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active, | |
| 1180 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active *, | |
| 1181 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1182 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus *, | |
| 1183 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1184 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover * { | |
| 1185 | + color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,#fff)) | |
| 1186 | +} | |
| 1187 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom, | |
| 1188 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:active, | |
| 1189 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1190 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1191 | + background-color: var(--wpbc_form-button-light-background-color); | |
| 1192 | + border-color: var(--wpbc_form-button-light-border-color); | |
| 1193 | + color: var(--wpbc_form-button-light-text-color) | |
| 1194 | +} | |
| 1195 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus, | |
| 1196 | +.wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover { | |
| 1197 | + background-color: var(--wpbc_form-button-light-hover-background-color); | |
| 1198 | + border-color: var(--wpbc_form-button-light-hover-border-color); | |
| 1199 | + color: var(--wpbc_form-button-light-hover-text-color); | |
| 1200 | + filter: none | |
| 1201 | +} | |
| 1202 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver, | |
| 1203 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white, | |
| 1204 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow { | |
| 1205 | + padding-right: 115px; | |
| 1206 | + background-color: #ffc439!important; | |
| 1207 | + border: 2px solid #ffc439!important; | |
| 1208 | + color: #2c2e2f; | |
| 1209 | + box-shadow: none; | |
| 1210 | + text-indent: -9999px; | |
| 1211 | + background-image: url(../../../inc/assets/paypal_commerce.svg)!important; | |
| 1212 | + background-position: 50% 50%!important; | |
| 1213 | + background-size: 80px auto!important; | |
| 1214 | + background-repeat: no-repeat!important; | |
| 1215 | + min-width: 175px | |
| 1216 | +} | |
| 1217 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom, | |
| 1218 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom, | |
| 1219 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom { | |
| 1220 | + background-image: url(../../../../booking-calendar-com/inc/assets/paypal_commerce.svg)!important | |
| 1221 | +} | |
| 1222 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1223 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover, | |
| 1224 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1225 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover, | |
| 1226 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1227 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1228 | + background-color: #f2ba36!important; | |
| 1229 | + border-color: #f2ba36!important; | |
| 1230 | + box-shadow: 0 5px 10px #f0f0f8; | |
| 1231 | + color: #5f5f5f | |
| 1232 | +} | |
| 1233 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black, | |
| 1234 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue { | |
| 1235 | + padding-right: 115px; | |
| 1236 | + background-color: #009cde!important; | |
| 1237 | + border: 2px solid #009cde!important; | |
| 1238 | + color: #fff; | |
| 1239 | + box-shadow: none; | |
| 1240 | + text-indent: -9999px; | |
| 1241 | + background-image: url(../../../inc/assets/paypal_white_full.svg)!important; | |
| 1242 | + background-position: 50% 50%!important; | |
| 1243 | + background-size: 80px auto!important; | |
| 1244 | + background-repeat: no-repeat!important; | |
| 1245 | + min-width: 175px | |
| 1246 | +} | |
| 1247 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom, | |
| 1248 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom { | |
| 1249 | + background-image: url(../../../../booking-calendar-com/inc/assets/paypal_white_full.svg)!important | |
| 1250 | +} | |
| 1251 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1252 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover, | |
| 1253 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus, | |
| 1254 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover { | |
| 1255 | + background-color: #33b0e5!important; | |
| 1256 | + border-color: #33b0e5!important; | |
| 1257 | + box-shadow: 0 5px 10px #f0f0f8; | |
| 1258 | + color: #fff | |
| 1259 | +} | |
| 1260 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver { | |
| 1261 | + background-color: #eee!important; | |
| 1262 | + border: 2px solid #eee!important | |
| 1263 | +} | |
| 1264 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1265 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover { | |
| 1266 | + background-color: #e2e2e2!important; | |
| 1267 | + border-color: #e2e2e2!important | |
| 1268 | +} | |
| 1269 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1270 | + background-color: #fff!important; | |
| 1271 | + border: 1px solid #2c2e2f!important | |
| 1272 | +} | |
| 1273 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1274 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1275 | + background-color: #fff!important; | |
| 1276 | + border-color: #2c2e2f!important | |
| 1277 | +} | |
| 1278 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1279 | + background-color: #2c2e2f!important; | |
| 1280 | + border: 2px solid #2c2e2f!important | |
| 1281 | +} | |
| 1282 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1283 | +.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1284 | + background-color: #565859!important; | |
| 1285 | + border-color: #565859!important | |
| 1286 | +} | |
| 1287 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1288 | + * Dark style button overrides | |
| 1289 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1290 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary), | |
| 1291 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary) { | |
| 1292 | + box-shadow: var(--wpbc_form-button-light-box-shadow,0 0 0 #424242); | |
| 1293 | + border-color: var(--wpbc_form-button-light-border-color,#525252); | |
| 1294 | + background-color: var(--wpbc_form-button-light-background-color,#3f454f); | |
| 1295 | + color: var(--wpbc_form-button-light-text-color,#fff); | |
| 1296 | + filter: none | |
| 1297 | +} | |
| 1298 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1299 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover, | |
| 1300 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus, | |
| 1301 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):hover { | |
| 1302 | + box-shadow: var(--wpbc_form-button-light-hover-box-shadow,0 0 0 #424242); | |
| 1303 | + border-color: var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,#525252)); | |
| 1304 | + background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#3f454f)); | |
| 1305 | + color: var(--wpbc_form-button-light-hover-text-color,#fff) | |
| 1306 | +} | |
| 1307 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover, | |
| 1308 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover { | |
| 1309 | + filter: none | |
| 1310 | +} | |
| 1311 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1312 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1313 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1314 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1315 | + box-shadow: 0 5px 10px #424242 | |
| 1316 | +} | |
| 1317 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1318 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1319 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1320 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1321 | + background-color: var(--wpbc_form-button-light-background-color,#3f454f); | |
| 1322 | + border-color: var(--wpbc_form-button-light-border-color,#525252) | |
| 1323 | +} | |
| 1324 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 1325 | + * Final focus contract | |
| 1326 | + * | |
| 1327 | + * Keep this after legacy, gateway, and dark-theme rules. The inner box-shadow | |
| 1328 | + * plus the outer outline create a stable two-layer focus ring without | |
| 1329 | + * changing button geometry. | |
| 1330 | + * ------------------------------------------------------------------------------------------------------------------ */ | |
| 1331 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1332 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1333 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1334 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1335 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), | |
| 1336 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled), | |
| 1337 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus-visible:not(:disabled), | |
| 1338 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_secondary:focus:not(:disabled), | |
| 1339 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus-visible:not(:disabled), | |
| 1340 | +.wpbc_container.wpbc_form .wpbc_button_light:not(.wpbc_button_primary):not(.button-primary):focus:not(:disabled) { | |
| 1341 | + 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))); | |
| 1342 | + outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-button-light-hover-border-color,#4d91cd)); | |
| 1343 | + outline-offset: 2px | |
| 1344 | +} | |
| 1345 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1346 | +.wpbc_booking_ui_theme_scope .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1347 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1348 | +.wpbc_container.wpbc_container_booking_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1349 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus-visible:not(:disabled), | |
| 1350 | +.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus:not(:disabled), | |
| 1351 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus-visible:not(:disabled), | |
| 1352 | +.wpbc_container.wpbc_form .wpbc_button.wpbc_button_primary:focus:not(:disabled), | |
| 1353 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), | |
| 1354 | +div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled), | |
| 1355 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus-visible:not(:disabled), | |
| 1356 | +div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(.wpbc_button_secondary):focus:not(:disabled) { | |
| 1357 | + 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))); | |
| 1358 | + outline: 2px solid var(--wpbc_form-button-focus-outline-color,var(--wpbc_form-field-focus-border-color,var(--wpbc_form-button-background-color,#066aab))); | |
| 1359 | + outline-offset: 2px | |
| 1360 | +} | |
| 831 | 1361 | .wpdev-form-control-wrap .wpdev-checkbox.group_inline, |
| 832 | 1362 | .wpdev-form-control-wrap .wpdev-radio.group_inline, |
| 833 | 1363 | .wpdev-form-control-wrap.group_inline [role=checkboxgroup], |
| 834 | 1364 | .wpdev-form-control-wrap.group_inline [role=radiogroup] { |
| @@ -1021,13 +1551,13 @@ | ||
| 1021 | 1551 | } |
| 1022 | 1552 | } |
| 1023 | 1553 | /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */ |
| 1024 | 1554 | .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; | |
| 1555 | + box-shadow: var(--wpbc-bfb-form-box-shadow,rgba(0,0,0,.05) 0 2px 6px 0); | |
| 1556 | + border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#ccc); | |
| 1557 | + border-radius: var(--wpbc-bfb-form-border-radius,2px); | |
| 1558 | + background: var(--wpbc-bfb-form-background,#fff); | |
| 1559 | + padding: var(--wpbc-bfb-form-padding,10px 30px); | |
| 1030 | 1560 | box-sizing: border-box; |
| 1031 | 1561 | margin: auto; |
| 1032 | 1562 | max-width: 100%; |
| 1033 | 1563 | width: 100%; |
| @@ -1046,31 +1576,97 @@ | ||
| 1046 | 1576 | white-space: wrap; |
| 1047 | 1577 | word-break: normal |
| 1048 | 1578 | } |
| 1049 | 1579 | .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 | |
| 1580 | + border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#000); | |
| 1581 | + background: var(--wpbc-bfb-form-background,#383a3d); | |
| 1582 | + color: var(--wpbc_form-label-color,#bbb); | |
| 1583 | + box-shadow: var(--wpbc-bfb-form-box-shadow,0 0 3px #3b3b3b) | |
| 1054 | 1584 | } |
| 1055 | 1585 | .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*), |
| 1056 | 1586 | .wpbc_theme_dark_1 .wpbc_wizard__border_container label, |
| 1057 | 1587 | .wpbc_theme_dark_1 .wpbc_wizard__border_container p, |
| 1058 | 1588 | .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) { |
| 1059 | - color: #fff | |
| 1589 | + color: var(--wpbc_form-label-color,#fff) | |
| 1060 | 1590 | } |
| 1061 | -div.wpbc_container.wpbc_form, | |
| 1062 | -div.wpbc_container.wpbc_form button, | |
| 1063 | -div.wpbc_container.wpbc_form input, | |
| 1591 | +div.wpbc_container.wpbc_form .wpbc_field_description, | |
| 1592 | +div.wpbc_container.wpbc_form .wpbc_static_text, | |
| 1593 | +div.wpbc_container.wpbc_form .wpdev-list-item-label, | |
| 1594 | +div.wpbc_container.wpbc_form l, | |
| 1064 | 1595 | div.wpbc_container.wpbc_form label, |
| 1065 | -div.wpbc_container.wpbc_form select, | |
| 1066 | -div.wpbc_container.wpbc_form textarea { | |
| 1067 | - color: #3c434a | |
| 1596 | +div.wpbc_container.wpbc_form p { | |
| 1597 | + color: var(--wpbc_form-label-color,#3c434a) | |
| 1068 | 1598 | } |
| 1069 | -div.wpbc_container.wpbc_form.wpbc_theme_dark_1, | |
| 1070 | -div.wpbc_container.wpbc_form.wpbc_theme_dark_1 button, | |
| 1071 | -div.wpbc_container.wpbc_form.wpbc_theme_dark_1 input, | |
| 1599 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_field_description, | |
| 1600 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_static_text, | |
| 1601 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev-list-item-label, | |
| 1602 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev_hint_with_text .block_text, | |
| 1603 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 l, | |
| 1072 | 1604 | div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label, |
| 1073 | -div.wpbc_container.wpbc_form.wpbc_theme_dark_1 select, | |
| 1074 | -div.wpbc_container.wpbc_form.wpbc_theme_dark_1 textarea { | |
| 1075 | - color: #bbb | |
| 1605 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p { | |
| 1606 | + color: var(--wpbc_form-label-color,#bbb) | |
| 1607 | +} | |
| 1608 | +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 { | |
| 1609 | + --wpbc-bfb-form-background: #383a3d; | |
| 1610 | + --wpbc-bfb-form-border-color: #000000; | |
| 1611 | + --wpbc-bfb-form-box-shadow: 0 0px 3px #3b3b3b; | |
| 1612 | + --wpbc_form-field-background-color: #3f454f; | |
| 1613 | + --wpbc_form-field-border-color: rgba(255, 255, 255, 0.28); | |
| 1614 | + --wpbc_form-field-border-color-spare: rgba(255, 255, 255, 0.28); | |
| 1615 | + --wpbc_form-field-focus-border-color: #5b8bff; | |
| 1616 | + --wpbc_form-field-focus-shadow-color: #5b8bff; | |
| 1617 | + --wpbc_form-field-text-color: #f4f6f8; | |
| 1618 | + --wpbc_form-field-disabled-color: rgba(255, 255, 255, 0.35); | |
| 1619 | + --wpbc_form-field-menu-color: #303640; | |
| 1620 | + --wpbc_form-label-color: #f4f6f8; | |
| 1621 | + --wpbc_form-label-sublabel-color: rgba(255, 255, 255, 0.72); | |
| 1622 | + --wpbc_form-label-error-color: #ff8a8a; | |
| 1623 | + --wpbc_form-button-background-color: #1b1d22; | |
| 1624 | + --wpbc_form-button-background-color-alt: #1b1d22; | |
| 1625 | + --wpbc_form-button-border-color: #5f5f5f; | |
| 1626 | + --wpbc_form-button-primary-border-style: solid; | |
| 1627 | + --wpbc_form-button-text-color: #ffffff; | |
| 1628 | + --wpbc_form-button-text-color-alt: #ffffff; | |
| 1629 | + --wpbc_form-button-hover-background-color: #1b1d22; | |
| 1630 | + --wpbc_form-button-hover-border-color: #5b8bff; | |
| 1631 | + --wpbc_form-button-hover-text-color: #ffffff; | |
| 1632 | + --wpbc_form-choice-checked-border-color: #5b8bff; | |
| 1633 | + --wpbc_form-choice-checked-color: #f4f6f8; | |
| 1634 | + --wpbc_form-choice-focus-color: #5b8bff; | |
| 1635 | + --wpbc_form-button-light-background-color: #3f454f; | |
| 1636 | + --wpbc_form-button-light-border-color: #525252; | |
| 1637 | + --wpbc_form-button-light-text-color: #ffffff; | |
| 1638 | + --wpbc_form-button-light-box-shadow: 0 0 0 #424242; | |
| 1639 | + --wpbc_form-button-light-hover-background-color: #3f454f; | |
| 1640 | + --wpbc_form-button-light-hover-border-color: #5b8bff; | |
| 1641 | + --wpbc_form-button-light-hover-text-color: #ffffff; | |
| 1642 | + --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242; | |
| 1643 | + --wpbc-appointment-provider-avatar-background: #2C2E2F; | |
| 1644 | + --wpbc-appointment-provider-avatar-border-color: #525252; | |
| 1645 | + --wpbc-appointment-provider-avatar-text-color: #ffffff; | |
| 1646 | + --wpbc_form-button-primary-hover-border-color: #5b8bff; | |
| 1647 | + --wpbc_form-page-break-color: #5f9ee7 | |
| 1648 | +} | |
| 1649 | +.wpbc_cal_powered_by, | |
| 1650 | +.wpbc_cal_powered_by a { | |
| 1651 | + font-size: 7px; | |
| 1652 | + text-align: left; | |
| 1653 | + margin: 0 0 10px; | |
| 1654 | + text-shadow: none | |
| 1655 | +} | |
| 1656 | +.wpbc_range_selection_guidance { | |
| 1657 | + box-sizing: border-box; | |
| 1658 | + max-width: 341px; | |
| 1659 | + overflow-wrap: anywhere; | |
| 1660 | + white-space: normal; | |
| 1661 | + display: block | |
| 1662 | +} | |
| 1663 | +.wpbc_range_selection_guidance, | |
| 1664 | +.wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon { | |
| 1665 | + border: 0; | |
| 1666 | + box-shadow: none; | |
| 1667 | + line-height: 2; | |
| 1668 | + font-size: var(--wpbc_form-label-size-sublabel-font-size,14px); | |
| 1669 | + color: #848280; | |
| 1670 | + color: var(--wpbc_form-label-color,#3c434a); | |
| 1671 | + opacity: .55 | |
| 1076 | 1672 | } |
