| @@ -1,8 +1,258 @@ | ||
| 1 | -/*! | |
| 2 | - * Booking Form Fields | |
| 3 | - * | |
| 4 | - * // FixIn: 10.1.5.7. | |
| 1 | +.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting { | |
| 2 | + background: #f9f9f9; | |
| 3 | + padding: 0 10px 10px; | |
| 4 | + box-sizing: border-box; | |
| 5 | + border-radius: 5px | |
| 6 | +} | |
| 7 | +.booking_form_div .wpbc_bfb_form, | |
| 8 | +.wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container { | |
| 9 | + width: var(--wpbc-bfb-booking_form_layout_width,100%); | |
| 10 | + max-width: min(100%,67rem); | |
| 11 | + margin-left: auto; | |
| 12 | + margin-right: auto; | |
| 13 | + box-sizing: border-box | |
| 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 | +} | |
| 72 | +div .wpbc_bfb_form .wpbc__row .wpbc__field, | |
| 73 | +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { | |
| 74 | + display: -ms-flexbox; | |
| 75 | + display: flex; | |
| 76 | + -ms-flex-direction: var(--wpbc-bfb-col-dir,column); | |
| 77 | + flex-direction: var(--wpbc-bfb-col-dir,column); | |
| 78 | + -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); | |
| 79 | + flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); | |
| 80 | + -ms-flex-pack: var(--wpbc-bfb-col-jc,flex-start); | |
| 81 | + justify-content: var(--wpbc-bfb-col-jc,flex-start); | |
| 82 | + -ms-flex-align: var(--wpbc-bfb-col-ai,stretch); | |
| 83 | + align-items: var(--wpbc-bfb-col-ai,stretch); | |
| 84 | + gap: var(--wpbc-bfb-col-gap,0); | |
| 85 | + -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start); | |
| 86 | + align-self: var(--wpbc-bfb-col-aself,flex-start) | |
| 87 | +} | |
| 88 | +div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input), | |
| 89 | +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field { | |
| 90 | + -ms-flex: 1 1 100%; | |
| 91 | + flex: 1 1 100% | |
| 92 | +} | |
| 93 | +div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element { | |
| 94 | + display: -ms-flexbox; | |
| 95 | + display: flex; | |
| 96 | + -ms-flex-flow: row wrap; | |
| 97 | + flex-flow: row wrap; | |
| 98 | + -ms-flex-pack: start; | |
| 99 | + justify-content: flex-start; | |
| 100 | + -ms-flex-align: start; | |
| 101 | + align-items: flex-start; | |
| 102 | + -ms-flex-line-pack: normal; | |
| 103 | + align-content: normal; | |
| 104 | + padding: 0; | |
| 105 | + margin: 0; | |
| 106 | + gap: 0 | |
| 107 | +} | |
| 108 | +div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:not(:has(.wpbc_calendar_wraper)), | |
| 109 | +div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) { | |
| 110 | + -ms-flex: 0 1 auto; | |
| 111 | + flex: 0 1 auto | |
| 112 | +} | |
| 113 | +.wpbc__field:has(.wpbc_calendar_wraper) { | |
| 114 | + max-width: 100% | |
| 115 | +} | |
| 116 | +div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container), | |
| 117 | +div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) { | |
| 118 | + -ms-flex: 1 1 auto; | |
| 119 | + flex: 1 1 auto | |
| 120 | +} | |
| 121 | +.wpbc_bfb_form .bfb_element input[type=date], | |
| 122 | +.wpbc_bfb_form .bfb_element input[type=datetime-local], | |
| 123 | +.wpbc_bfb_form .bfb_element input[type=datetime], | |
| 124 | +.wpbc_bfb_form .bfb_element input[type=email], | |
| 125 | +.wpbc_bfb_form .bfb_element input[type=month], | |
| 126 | +.wpbc_bfb_form .bfb_element input[type=number], | |
| 127 | +.wpbc_bfb_form .bfb_element input[type=password], | |
| 128 | +.wpbc_bfb_form .bfb_element input[type=range], | |
| 129 | +.wpbc_bfb_form .bfb_element input[type=search], | |
| 130 | +.wpbc_bfb_form .bfb_element input[type=tel], | |
| 131 | +.wpbc_bfb_form .bfb_element input[type=text], | |
| 132 | +.wpbc_bfb_form .bfb_element input[type=time], | |
| 133 | +.wpbc_bfb_form .bfb_element input[type=url], | |
| 134 | +.wpbc_bfb_form .bfb_element input[type=week], | |
| 135 | +.wpbc_bfb_form .bfb_element select, | |
| 136 | +.wpbc_bfb_form .bfb_element textarea, | |
| 137 | +.wpbc_bfb_form .wpbc_bfb__field input[type=date], | |
| 138 | +.wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local], | |
| 139 | +.wpbc_bfb_form .wpbc_bfb__field input[type=datetime], | |
| 140 | +.wpbc_bfb_form .wpbc_bfb__field input[type=email], | |
| 141 | +.wpbc_bfb_form .wpbc_bfb__field input[type=month], | |
| 142 | +.wpbc_bfb_form .wpbc_bfb__field input[type=number], | |
| 143 | +.wpbc_bfb_form .wpbc_bfb__field input[type=password], | |
| 144 | +.wpbc_bfb_form .wpbc_bfb__field input[type=range], | |
| 145 | +.wpbc_bfb_form .wpbc_bfb__field input[type=search], | |
| 146 | +.wpbc_bfb_form .wpbc_bfb__field input[type=tel], | |
| 147 | +.wpbc_bfb_form .wpbc_bfb__field input[type=text], | |
| 148 | +.wpbc_bfb_form .wpbc_bfb__field input[type=time], | |
| 149 | +.wpbc_bfb_form .wpbc_bfb__field input[type=url], | |
| 150 | +.wpbc_bfb_form .wpbc_bfb__field input[type=week], | |
| 151 | +.wpbc_bfb_form .wpbc_bfb__field select, | |
| 152 | +.wpbc_bfb_form .wpbc_bfb__field textarea { | |
| 153 | + width: 100%; | |
| 154 | + max-width: 100% | |
| 155 | +} | |
| 156 | +.wpbc_bfb_form .wpbc_static_text { | |
| 157 | + width: 100% | |
| 158 | +} | |
| 159 | +.wpbc_bfb__preview-rendered .wpbc_static_text { | |
| 160 | + display: block | |
| 161 | +} | |
| 162 | +.wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v { | |
| 163 | + -ms-transform: translate(-50%,-50%); | |
| 164 | + transform: translate(-50%,-50%) | |
| 165 | +} | |
| 166 | +div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox], | |
| 167 | +div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] { | |
| 168 | + margin: -5px 5px 0 | |
| 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 | +} | |
| 178 | +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] { | |
| 179 | + width: 100%; | |
| 180 | + margin: 0; | |
| 181 | + min-width: 50px | |
| 182 | +} | |
| 183 | +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical], | |
| 184 | +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction, | |
| 185 | +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * { | |
| 186 | + height: 100%; | |
| 187 | + min-height: 50px; | |
| 188 | + margin: 0; | |
| 189 | + box-sizing: border-box; | |
| 190 | + padding: 0; | |
| 191 | + -ms-flex-pack: center; | |
| 192 | + justify-content: center; | |
| 193 | + -ms-flex-align: center; | |
| 194 | + align-items: center; | |
| 195 | + -ms-flex-flow: column nowrap; | |
| 196 | + flex-flow: column nowrap | |
| 197 | +} | |
| 198 | +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview { | |
| 199 | + position: relative | |
| 200 | +} | |
| 201 | +div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) { | |
| 202 | + -ms-flex: 0 1 auto; | |
| 203 | + flex: 0 1 auto | |
| 204 | +} | |
| 205 | +div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) { | |
| 206 | + -ms-flex: 0 1 auto; | |
| 207 | + flex: 0 1 auto; | |
| 208 | + width: 100% | |
| 209 | +} | |
| 210 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) { | |
| 211 | + height: 100% | |
| 212 | +} | |
| 213 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] { | |
| 214 | + width: 100% | |
| 215 | +} | |
| 216 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h { | |
| 217 | + display: block; | |
| 218 | + box-sizing: border-box | |
| 219 | +} | |
| 220 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] { | |
| 221 | + display: -ms-flexbox; | |
| 222 | + display: flex; | |
| 223 | + -ms-flex-item-align: stretch; | |
| 224 | + align-self: stretch; | |
| 225 | + position: relative | |
| 226 | +} | |
| 227 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v { | |
| 228 | + width: 0; | |
| 229 | + box-sizing: content-box; | |
| 230 | + height: 100% | |
| 231 | +} | |
| 232 | +.wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] { | |
| 233 | + -ms-flex: 0 0 auto; | |
| 234 | + flex: 0 0 auto | |
| 235 | +} | |
| 236 | +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr { | |
| 237 | + background: 0 0 | |
| 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 | +} | |
| 251 | +/*! | |
| 252 | + * Booking Form Fields | |
| 253 | + * | |
| 254 | + * // FixIn: 10.1.5.7. | |
| 5 | 255 | */ |
| 6 | 256 | :root { |
| 7 | 257 | --wpbc_form-field-border-radius: 3px; |
| 8 | 258 | --wpbc_form-field-border-style: solid; |
| @@ -9,8 +259,10 @@ | ||
| 9 | 259 | --wpbc_form-field-border-size: 1px; |
| 10 | 260 | --wpbc_form-field-background-color: #ffffff; |
| 11 | 261 | --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25); |
| 12 | 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; | |
| 13 | 265 | --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); |
| 14 | 266 | --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2); |
| 15 | 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"); |
| 16 | 268 | --wpbc_form-field-menu-color: #ffffff; |
| @@ -19,13 +271,18 @@ | ||
| 19 | 271 | --wpbc_form-label-error-color: #d63637; |
| 20 | 272 | --wpbc_form-button-border-radius: 3px; |
| 21 | 273 | --wpbc_form-button-border-style: none; |
| 22 | 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); | |
| 23 | 277 | --wpbc_form-button-background-color: #066aab; |
| 24 | 278 | --wpbc_form-button-background-color-alt: #066aab; |
| 25 | 279 | --wpbc_form-button-border-color: #066aab; |
| 26 | 280 | --wpbc_form-button-text-color: #ffffff; |
| 27 | 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; | |
| 28 | 285 | --wpbc_form-page-break-color: #066aab; |
| 29 | 286 | --wpbc_form-background-image: none; |
| 30 | 287 | --wpbc_form-background-position: center center; |
| 31 | 288 | --wpbc_form-background-repeat: no-repeat; |
| @@ -50,9 +307,9 @@ | ||
| 50 | 307 | --wpbc_form-label-size-font-size: 16px; |
| 51 | 308 | --wpbc_form-label-size-line-height: 19px; |
| 52 | 309 | --wpbc_form-label-size-sublabel-font-size: 14px; |
| 53 | 310 | --wpbc_form-label-size-sublabel-line-height: 17px; |
| 54 | - --wpbc_form-button-size-font-size: 17px; | |
| 311 | + --wpbc_form-button-size-font-size: 16px; | |
| 55 | 312 | --wpbc_form-button-size-height: 41px; |
| 56 | 313 | --wpbc_form-button-size-padding-h: 15px; |
| 57 | 314 | --wpbc_form-button-size-margin-top: 10px; |
| 58 | 315 | --wpbc_form-container-shadow-size-box-shadow: none; |
| @@ -58,10 +315,10 @@ | ||
| 58 | 315 | --wpbc_form-container-shadow-size-box-shadow: none; |
| 59 | 316 | --wpbc_form-marging-between-several-checkbox-radio: 30px; |
| 60 | 317 | --wpbc_form-padding-between-label-checkbox-radio: 8px |
| 61 | 318 | } |
| 62 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 63 | - * General Fields | |
| 319 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 320 | + * General Fields | |
| 64 | 321 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 65 | 322 | div.wpbc_container.wpbc_form button, |
| 66 | 323 | div.wpbc_container.wpbc_form input, |
| 67 | 324 | div.wpbc_container.wpbc_form label, |
| @@ -153,10 +410,10 @@ | ||
| 153 | 410 | div.wpbc_container.wpbc_form select:focus, |
| 154 | 411 | div.wpbc_container.wpbc_form textarea:focus { |
| 155 | 412 | border-width: var(--wpbc_form-field-border-size); |
| 156 | 413 | border-style: solid; |
| 157 | - border-color: var(--wpbc_form-button-background-color); | |
| 158 | - 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); | |
| 159 | 416 | outline: 0 |
| 160 | 417 | } |
| 161 | 418 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid, |
| 162 | 419 | .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid, |
| @@ -191,10 +448,10 @@ | ||
| 191 | 448 | div.wpbc_container.wpbc_form select:focus:invalid, |
| 192 | 449 | div.wpbc_container.wpbc_form textarea:focus:invalid { |
| 193 | 450 | border-width: var(--wpbc_form-field-border-size); |
| 194 | 451 | border-style: solid; |
| 195 | - border-color: var(--wpbc_form-button-background-color); | |
| 196 | - 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); | |
| 197 | 454 | outline: 0; |
| 198 | 455 | color: var(--wpbc_form-field-text-color) |
| 199 | 456 | } |
| 200 | 457 | .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder, |
| @@ -304,10 +561,10 @@ | ||
| 304 | 561 | color: var(--wpbc_form-field-text-color); |
| 305 | 562 | opacity: .5; |
| 306 | 563 | pointer-events: none |
| 307 | 564 | } |
| 308 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 309 | - * Textarea | |
| 565 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 566 | + * Textarea | |
| 310 | 567 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 311 | 568 | .wp-core-ui div.wpbc_container.wpbc_form textarea, |
| 312 | 569 | div.wpbc_container.wpbc_form textarea { |
| 313 | 570 | width: 100%; |
| @@ -315,10 +572,10 @@ | ||
| 315 | 572 | min-height: var(--wpbc_form-field-size-input-height); |
| 316 | 573 | padding: var(--wpbc_form-field-size-padding-h); |
| 317 | 574 | resize: vertical |
| 318 | 575 | } |
| 319 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 320 | - * General Height | |
| 576 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 577 | + * General Height | |
| 321 | 578 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 322 | 579 | .wp-core-ui div.wpbc_container.wpbc_form input, |
| 323 | 580 | .wp-core-ui div.wpbc_container.wpbc_form select, |
| 324 | 581 | div.wpbc_container.wpbc_form input, |
| @@ -324,10 +581,10 @@ | ||
| 324 | 581 | div.wpbc_container.wpbc_form input, |
| 325 | 582 | div.wpbc_container.wpbc_form select { |
| 326 | 583 | height: var(--wpbc_form-field-size-input-height) |
| 327 | 584 | } |
| 328 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 329 | - * Select | |
| 585 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 586 | + * Select | |
| 330 | 587 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 331 | 588 | .wp-core-ui div.wpbc_container.wpbc_form select, |
| 332 | 589 | div.wpbc_container.wpbc_form select { |
| 333 | 590 | appearance: none; |
| @@ -399,90 +656,18 @@ | ||
| 399 | 656 | .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button, |
| 400 | 657 | div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button { |
| 401 | 658 | visibility: hidden |
| 402 | 659 | } |
| 403 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 404 | - * Submit | |
| 660 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 661 | + * Radio and Checkboxes | |
| 405 | 662 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 406 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light), | |
| 407 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light), | |
| 408 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light), | |
| 409 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light) { | |
| 410 | - height: var(--wpbc_form-button-size-height); | |
| 411 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 412 | - border-radius: var(--wpbc_form-button-border-radius); | |
| 413 | - border-style: var(--wpbc_form-button-border-style); | |
| 414 | - border-color: var(--wpbc_form-button-border-color); | |
| 415 | - border-width: var(--wpbc_form-button-border-size); | |
| 416 | - box-shadow: none; | |
| 417 | - color: var(--wpbc_form-button-text-color); | |
| 418 | - padding: 0 var(--wpbc_form-button-size-padding-h); | |
| 419 | - font-family: inherit; | |
| 420 | - font-weight: 500; | |
| 421 | - font-size: var(--wpbc_form-button-size-font-size); | |
| 422 | - line-height: 100%; | |
| 423 | - cursor: pointer; | |
| 424 | - transition: .15s ease-in-out; | |
| 425 | - position: relative; | |
| 426 | - text-decoration: none | |
| 427 | -} | |
| 428 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 429 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 430 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active), | |
| 431 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active) { | |
| 432 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 433 | - color: var(--wpbc_form-button-text-color) | |
| 434 | -} | |
| 435 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active, | |
| 436 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover, | |
| 437 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active, | |
| 438 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover, | |
| 439 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active, | |
| 440 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover, | |
| 441 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active, | |
| 442 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover { | |
| 443 | - 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)) | |
| 444 | -} | |
| 445 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus, | |
| 446 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus, | |
| 447 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus, | |
| 448 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus { | |
| 449 | - outline: 0 | |
| 450 | -} | |
| 451 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after, | |
| 452 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after, | |
| 453 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after, | |
| 454 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after { | |
| 455 | - content: ""; | |
| 456 | - position: absolute; | |
| 457 | - border: 2px solid var(--wpbc_form-button-background-color); | |
| 458 | - border-radius: calc(var(--wpbc_form-button-border-radius) + 2px); | |
| 459 | - top: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 460 | - right: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 461 | - bottom: calc(-4px - var(--wpbc_form-button-border-size,1px)); | |
| 462 | - left: calc(-4px - var(--wpbc_form-button-border-size,1px)) | |
| 463 | -} | |
| 464 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled, | |
| 465 | -.wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 466 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled, | |
| 467 | -.wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 468 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled, | |
| 469 | -div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover, | |
| 470 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled, | |
| 471 | -div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover { | |
| 472 | - background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color)); | |
| 473 | - cursor: default | |
| 474 | -} | |
| 475 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 476 | - * Radio and Checkboxes | |
| 477 | - * ------------------------------------------------------------------------------------------------------------------ */ | |
| 478 | 663 | div.wpbc_container.wpbc_form input[type=checkbox], |
| 479 | 664 | div.wpbc_container.wpbc_form input[type=radio] { |
| 480 | 665 | position: relative; |
| 481 | 666 | display: inline-block; |
| 482 | 667 | background: 0 0; |
| 483 | - height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + calc(var(--wpbc_form-field-border-size,1px) * 2)); | |
| 484 | - width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + calc(var(--wpbc_form-field-border-size,1px) * 2)); | |
| 668 | + height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2); | |
| 669 | + width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2); | |
| 485 | 670 | margin: 0 0 0 2px; |
| 486 | 671 | border: none; |
| 487 | 672 | box-shadow: none; |
| 488 | 673 | vertical-align: middle; |
| @@ -492,9 +677,9 @@ | ||
| 492 | 677 | div.wpbc_container.wpbc_form input[type=checkbox]:after, |
| 493 | 678 | div.wpbc_container.wpbc_form input[type=checkbox]:before, |
| 494 | 679 | div.wpbc_container.wpbc_form input[type=radio]:after, |
| 495 | 680 | div.wpbc_container.wpbc_form input[type=radio]:before { |
| 496 | - content: ''; | |
| 681 | + content: ""; | |
| 497 | 682 | position: absolute; |
| 498 | 683 | left: -2px; |
| 499 | 684 | top: 0; |
| 500 | 685 | width: var(--wpbc_form-field-size-checkbox-size); |
| @@ -566,15 +751,15 @@ | ||
| 566 | 751 | div.wpbc_container.wpbc_form input[type=radio]:checked:before { |
| 567 | 752 | margin: 0; |
| 568 | 753 | border-width: var(--wpbc_form-field-border-size); |
| 569 | 754 | border-style: solid; |
| 570 | - border-color: var(--wpbc_form-field-border-color); | |
| 755 | + border-color: var(--wpbc_form-choice-checked-border-color,#066aab); | |
| 571 | 756 | outline: 0 |
| 572 | 757 | } |
| 573 | -div.wpbc_container.wpbc_form input[type=checkbox]:checked:before:focus, | |
| 574 | -div.wpbc_container.wpbc_form input[type=radio]:checked:before:focus { | |
| 575 | - border-color: var(--wpbc_form-button-background-color); | |
| 576 | - 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) | |
| 577 | 762 | } |
| 578 | 763 | div.wpbc_container.wpbc_form input[type=checkbox]:focus, |
| 579 | 764 | div.wpbc_container.wpbc_form input[type=radio]:focus { |
| 580 | 765 | outline: 0 |
| @@ -582,10 +767,10 @@ | ||
| 582 | 767 | div.wpbc_container.wpbc_form input[type=checkbox]:focus:before, |
| 583 | 768 | div.wpbc_container.wpbc_form input[type=radio]:focus:before { |
| 584 | 769 | border-width: var(--wpbc_form-field-border-size); |
| 585 | 770 | border-style: solid; |
| 586 | - border-color: var(--wpbc_form-button-background-color); | |
| 587 | - 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); | |
| 588 | 773 | outline: 0 |
| 589 | 774 | } |
| 590 | 775 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 591 | 776 | border-top: none; |
| @@ -590,10 +775,10 @@ | ||
| 590 | 775 | div.wpbc_container.wpbc_form input[type=checkbox]:checked:after { |
| 591 | 776 | border-top: none; |
| 592 | 777 | border-right: none; |
| 593 | 778 | height: calc(var(--wpbc_form-field-size-checkbox-size) * .6); |
| 594 | - border-left: 4px solid var(--wpbc_form-button-background-color); | |
| 595 | - 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); | |
| 596 | 781 | background-color: transparent; |
| 597 | 782 | -ms-transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 598 | 783 | transform: translate(0,1px) scale(.5) rotate(-45deg); |
| 599 | 784 | left: calc(-4px + var(--wpbc_form-field-border-size,1px)); |
| @@ -605,9 +790,9 @@ | ||
| 605 | 790 | } |
| 606 | 791 | div.wpbc_container.wpbc_form input[type=radio]:checked:after { |
| 607 | 792 | border: 1px solid transparent; |
| 608 | 793 | border-radius: 50%; |
| 609 | - background-color: var(--wpbc_form-button-background-color); | |
| 794 | + background-color: var(--wpbc_form-choice-checked-color,#066aab); | |
| 610 | 795 | -ms-transform: scale(.5); |
| 611 | 796 | transform: scale(.5); |
| 612 | 797 | -moz-transform: scale(.47); |
| 613 | 798 | left: calc(-3px + var(--wpbc_form-field-border-size,1px)); |
| @@ -612,10 +797,10 @@ | ||
| 612 | 797 | -moz-transform: scale(.47); |
| 613 | 798 | left: calc(-3px + var(--wpbc_form-field-border-size,1px)); |
| 614 | 799 | top: calc(-1px + var(--wpbc_form-field-border-size,1px)) |
| 615 | 800 | } |
| 616 | -/*! -------------------------------------------------------------------------------------------------------------------- | |
| 617 | - * Errors | |
| 801 | +/*! -------------------------------------------------------------------------------------------------------------------- | |
| 802 | + * Errors | |
| 618 | 803 | * ------------------------------------------------------------------------------------------------------------------ */ |
| 619 | 804 | div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error, |
| 620 | 805 | div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error { |
| 621 | 806 | font-weight: 400; |
| @@ -657,8 +842,501 @@ | ||
| 657 | 842 | div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover { |
| 658 | 843 | border: none; |
| 659 | 844 | box-shadow: none |
| 660 | 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 | +} | |
| 1283 | +.wpdev-form-control-wrap .wpdev-checkbox.group_inline, | |
| 1284 | +.wpdev-form-control-wrap .wpdev-radio.group_inline, | |
| 1285 | +.wpdev-form-control-wrap.group_inline [role=checkboxgroup], | |
| 1286 | +.wpdev-form-control-wrap.group_inline [role=radiogroup] { | |
| 1287 | + display: -ms-inline-flexbox; | |
| 1288 | + display: inline-flex; | |
| 1289 | + -ms-flex-flow: row wrap; | |
| 1290 | + flex-flow: row wrap; | |
| 1291 | + -ms-flex-pack: start; | |
| 1292 | + justify-content: flex-start; | |
| 1293 | + -ms-flex-align: start; | |
| 1294 | + align-items: flex-start; | |
| 1295 | + gap: 2em; | |
| 1296 | + row-gap: .5em | |
| 1297 | +} | |
| 1298 | +.wpdev-form-control-wrap .wpdev-checkbox, | |
| 1299 | +.wpdev-form-control-wrap .wpdev-radio, | |
| 1300 | +.wpdev-form-control-wrap [role=checkboxgroup], | |
| 1301 | +.wpdev-form-control-wrap [role=radiogroup] { | |
| 1302 | + display: -ms-flexbox; | |
| 1303 | + display: flex; | |
| 1304 | + -ms-flex-flow: column wrap; | |
| 1305 | + flex-flow: column wrap; | |
| 1306 | + -ms-flex-pack: start; | |
| 1307 | + justify-content: flex-start; | |
| 1308 | + -ms-flex-align: start; | |
| 1309 | + align-items: flex-start; | |
| 1310 | + gap: .5em | |
| 1311 | +} | |
| 1312 | +.wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label, | |
| 1313 | +.wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label, | |
| 1314 | +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item, | |
| 1315 | +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item { | |
| 1316 | + display: inline; | |
| 1317 | + line-height: 1.74; | |
| 1318 | + font-weight: 400 | |
| 1319 | +} | |
| 1320 | +div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item, | |
| 1321 | +div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item { | |
| 1322 | + margin-right: 0 | |
| 1323 | +} | |
| 1324 | +.wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox], | |
| 1325 | +.wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio], | |
| 1326 | +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox], | |
| 1327 | +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] { | |
| 1328 | + vertical-align: middle; | |
| 1329 | + margin-block-start: -.25em; | |
| 1330 | + margin-inline-end: .3em | |
| 1331 | +} | |
| 1332 | +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label, | |
| 1333 | +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover, | |
| 1334 | +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label, | |
| 1335 | +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover { | |
| 1336 | + line-height: 1.74; | |
| 1337 | + font-weight: 400 | |
| 1338 | +} | |
| 661 | 1339 | /*! ----------------------------------------------------------------------------------------------------------------- */ |
| 662 | 1340 | /*! Timeline Steps: */ |
| 663 | 1341 | /*! ----------------------------------------------------------------------------------------------------------------- */ |
| 664 | 1342 | .wpbc__container_place__steps_for_timeline, |
| @@ -681,9 +1359,9 @@ | ||
| 681 | 1359 | .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline { |
| 682 | 1360 | display: none |
| 683 | 1361 | } |
| 684 | 1362 | .wpbc_steps_for_timeline_container { |
| 685 | - max-width: Min(400px,100%); | |
| 1363 | + max-width: min(400px,100%); | |
| 686 | 1364 | min-width: 200px; |
| 687 | 1365 | margin: 3px 0 0; |
| 688 | 1366 | width: 100%; |
| 689 | 1367 | --wpbc_steps_for_timeline_step_color: #d6d6d6; |
| @@ -690,8 +1368,11 @@ | ||
| 690 | 1368 | --wpbc_steps_for_timeline_active_color: #64aa45; |
| 691 | 1369 | --wpbc_steps_for_timeline_failed_color: #e76a39; |
| 692 | 1370 | --wpbc_steps_for_timeline_checkbox_color: #fff |
| 693 | 1371 | } |
| 1372 | +.booking_form_div .wpbc_steps_for_timeline_container { | |
| 1373 | + --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce) | |
| 1374 | +} | |
| 694 | 1375 | .wpbc_steps_for_timeline { |
| 695 | 1376 | margin: 0; |
| 696 | 1377 | padding: 0; |
| 697 | 1378 | display: -ms-flexbox; |
| @@ -742,12 +1423,16 @@ | ||
| 742 | 1423 | left: 4px; |
| 743 | 1424 | top: 2px |
| 744 | 1425 | } |
| 745 | 1426 | /*! Timeline Steps: Front-End align */ |
| 746 | -.booking_form_div .wpbc_steps_for_timeline_container { | |
| 747 | - --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce); | |
| 1427 | +.booking_form_div .wpbc_steps_for_timeline_container, | |
| 1428 | +.wpbc_bfb__container .wpbc_steps_for_timeline_container { | |
| 748 | 1429 | margin: 20px auto 25px |
| 749 | 1430 | } |
| 1431 | +.bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] { | |
| 1432 | + -ms-flex: 1; | |
| 1433 | + flex: 1 | |
| 1434 | +} | |
| 750 | 1435 | /*! == Align Form Elements ====================================================================================== */ |
| 751 | 1436 | /*! == Right == */ |
| 752 | 1437 | .wpbc_aling_right, |
| 753 | 1438 | .wpbc_aling_right .wpbc_times_selector { |
| @@ -780,35 +1465,130 @@ | ||
| 780 | 1465 | align-items: center |
| 781 | 1466 | } |
| 782 | 1467 | @media (max-width:400px) { |
| 783 | 1468 | .wpbc_aling_right .wpbc_times_selector div { |
| 784 | - margin: 7px 0 0 15px | |
| 1469 | + margin: 7px 0 0 | |
| 785 | 1470 | } |
| 786 | 1471 | .wpbc_aling_center .wpbc_times_selector div { |
| 787 | - margin: 7px 15px | |
| 1472 | + margin: 7px 0 | |
| 788 | 1473 | } |
| 789 | 1474 | } |
| 790 | 1475 | /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */ |
| 791 | 1476 | .wpbc_wizard__border_container { |
| 792 | - box-shadow: rgba(0,0,0,.05) 0 2px 6px 0; | |
| 793 | - border: 1px solid #ccc; | |
| 794 | - border-radius: 2px; | |
| 795 | - background: #fff; | |
| 796 | - 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); | |
| 797 | 1482 | box-sizing: border-box; |
| 798 | 1483 | margin: auto; |
| 799 | 1484 | max-width: 100%; |
| 800 | - width: 100% | |
| 1485 | + width: 100%; | |
| 1486 | + max-width: min(900px,100%) | |
| 801 | 1487 | } |
| 1488 | +.wpbc_wizard__border_container, | |
| 1489 | +.wpbc_wizard__border_container p { | |
| 1490 | + font-size: 16px; | |
| 1491 | + font-weight: 400 | |
| 1492 | +} | |
| 1493 | +.wpbc_times_selector div, | |
| 802 | 1494 | .wpbc_wizard__border_container .wpbc_times_selector div { |
| 803 | - -ms-flex: 0 0 120px; | |
| 804 | - flex: 0 0 120px | |
| 1495 | + -ms-flex: 1 1 auto; | |
| 1496 | + flex: 1 1 auto; | |
| 1497 | + min-width: min(90px,100%); | |
| 1498 | + white-space: wrap; | |
| 1499 | + word-break: normal | |
| 805 | 1500 | } |
| 806 | 1501 | .wpbc_theme_dark_1 .wpbc_wizard__border_container { |
| 807 | - border: 1px solid #000; | |
| 808 | - background: #626262; | |
| 809 | - color: #bbb; | |
| 810 | - 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) | |
| 811 | 1506 | } |
| 812 | -.wpbc_theme_dark_1 .wpbc_wizard__border_container label { | |
| 813 | - color: #fff | |
| 1507 | +.wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*), | |
| 1508 | +.wpbc_theme_dark_1 .wpbc_wizard__border_container label, | |
| 1509 | +.wpbc_theme_dark_1 .wpbc_wizard__border_container p, | |
| 1510 | +.wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) { | |
| 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 | |
| 814 | 1594 | } |
