PluginProbe
Booking Calendar / 11.9
Booking Calendar v11.9
11.9 11.8.4 11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 All 205 releases
← All changes | _dist/all/_out/wpbc_all_client.css +993 -126 10.10 → 11.9 View file →
@@ -1,8 +1,336 @@
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 + box-sizing: border-box;
77 + -ms-flex-direction: var(--wpbc-bfb-col-dir,column);
78 + flex-direction: var(--wpbc-bfb-col-dir,column);
79 + -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
80 + flex-wrap: var(--wpbc-bfb-col-wrap,nowrap);
81 + -ms-flex-pack: var(--wpbc-bfb-col-jc,flex-start);
82 + justify-content: var(--wpbc-bfb-col-jc,flex-start);
83 + -ms-flex-align: var(--wpbc-bfb-col-ai,stretch);
84 + align-items: var(--wpbc-bfb-col-ai,stretch);
85 + gap: var(--wpbc-bfb-col-gap,0);
86 + padding: var(--wpbc-bfb-col-padding,0);
87 + -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start);
88 + align-self: var(--wpbc-bfb-col-aself,flex-start)
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 +}
166 +div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input),
167 +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field {
168 + -ms-flex: 1 1 100%;
169 + flex: 1 1 100%
170 +}
171 +div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element {
172 + display: -ms-flexbox;
173 + display: flex;
174 + -ms-flex-flow: row wrap;
175 + flex-flow: row wrap;
176 + -ms-flex-pack: start;
177 + justify-content: flex-start;
178 + -ms-flex-align: start;
179 + align-items: flex-start;
180 + -ms-flex-line-pack: normal;
181 + align-content: normal;
182 + padding: 0;
183 + margin: 0;
184 + gap: 0
185 +}
186 +div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:not(:has(.wpbc_calendar_wraper)),
187 +div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:not(:has(.wpbc_calendar_wraper)) {
188 + -ms-flex: 0 1 auto;
189 + flex: 0 1 auto
190 +}
191 +.wpbc__field:has(.wpbc_calendar_wraper) {
192 + max-width: 100%
193 +}
194 +div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container),
195 +div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) {
196 + -ms-flex: 1 1 auto;
197 + flex: 1 1 auto
198 +}
199 +.wpbc_bfb_form .bfb_element input[type=date],
200 +.wpbc_bfb_form .bfb_element input[type=datetime-local],
201 +.wpbc_bfb_form .bfb_element input[type=datetime],
202 +.wpbc_bfb_form .bfb_element input[type=email],
203 +.wpbc_bfb_form .bfb_element input[type=month],
204 +.wpbc_bfb_form .bfb_element input[type=number],
205 +.wpbc_bfb_form .bfb_element input[type=password],
206 +.wpbc_bfb_form .bfb_element input[type=range],
207 +.wpbc_bfb_form .bfb_element input[type=search],
208 +.wpbc_bfb_form .bfb_element input[type=tel],
209 +.wpbc_bfb_form .bfb_element input[type=text],
210 +.wpbc_bfb_form .bfb_element input[type=time],
211 +.wpbc_bfb_form .bfb_element input[type=url],
212 +.wpbc_bfb_form .bfb_element input[type=week],
213 +.wpbc_bfb_form .bfb_element select,
214 +.wpbc_bfb_form .bfb_element textarea,
215 +.wpbc_bfb_form .wpbc_bfb__field input[type=date],
216 +.wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local],
217 +.wpbc_bfb_form .wpbc_bfb__field input[type=datetime],
218 +.wpbc_bfb_form .wpbc_bfb__field input[type=email],
219 +.wpbc_bfb_form .wpbc_bfb__field input[type=month],
220 +.wpbc_bfb_form .wpbc_bfb__field input[type=number],
221 +.wpbc_bfb_form .wpbc_bfb__field input[type=password],
222 +.wpbc_bfb_form .wpbc_bfb__field input[type=range],
223 +.wpbc_bfb_form .wpbc_bfb__field input[type=search],
224 +.wpbc_bfb_form .wpbc_bfb__field input[type=tel],
225 +.wpbc_bfb_form .wpbc_bfb__field input[type=text],
226 +.wpbc_bfb_form .wpbc_bfb__field input[type=time],
227 +.wpbc_bfb_form .wpbc_bfb__field input[type=url],
228 +.wpbc_bfb_form .wpbc_bfb__field input[type=week],
229 +.wpbc_bfb_form .wpbc_bfb__field select,
230 +.wpbc_bfb_form .wpbc_bfb__field textarea {
231 + width: 100%;
232 + max-width: 100%
233 +}
234 +.wpbc_bfb_form .wpbc_static_text {
235 + width: 100%
236 +}
237 +.wpbc_bfb__preview-rendered .wpbc_static_text {
238 + display: block
239 +}
240 +.wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v {
241 + -ms-transform: translate(-50%,-50%);
242 + transform: translate(-50%,-50%)
243 +}
244 +div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox],
245 +div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] {
246 + margin: -5px 5px 0
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 +}
256 +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] {
257 + width: 100%;
258 + margin: 0;
259 + min-width: 50px
260 +}
261 +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical],
262 +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction,
263 +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * {
264 + height: 100%;
265 + min-height: 50px;
266 + margin: 0;
267 + box-sizing: border-box;
268 + padding: 0;
269 + -ms-flex-pack: center;
270 + justify-content: center;
271 + -ms-flex-align: center;
272 + align-items: center;
273 + -ms-flex-flow: column nowrap;
274 + flex-flow: column nowrap
275 +}
276 +.wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview {
277 + position: relative
278 +}
279 +div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) {
280 + -ms-flex: 0 1 auto;
281 + flex: 0 1 auto
282 +}
283 +div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) {
284 + -ms-flex: 0 1 auto;
285 + flex: 0 1 auto;
286 + width: 100%
287 +}
288 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) {
289 + height: 100%
290 +}
291 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] {
292 + width: 100%
293 +}
294 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h {
295 + display: block;
296 + box-sizing: border-box
297 +}
298 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
299 + display: -ms-flexbox;
300 + display: flex;
301 + -ms-flex-item-align: stretch;
302 + align-self: stretch;
303 + position: relative
304 +}
305 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v {
306 + width: 0;
307 + box-sizing: content-box;
308 + height: 100%
309 +}
310 +.wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
311 + -ms-flex: 0 0 auto;
312 + flex: 0 0 auto
313 +}
314 +.wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr {
315 + background: 0 0
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 +}
329 +/*!
330 + * Booking Form Fields
331 + *
332 + * // FixIn: 10.1.5.7.
5 333 */
6 334 :root {
7 335 --wpbc_form-field-border-radius: 3px;
8 336 --wpbc_form-field-border-style: solid;
@@ -9,8 +337,10 @@
9 337 --wpbc_form-field-border-size: 1px;
10 338 --wpbc_form-field-background-color: #ffffff;
11 339 --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25);
12 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;
13 343 --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7);
14 344 --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2);
15 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");
16 346 --wpbc_form-field-menu-color: #ffffff;
@@ -19,13 +349,18 @@
19 349 --wpbc_form-label-error-color: #d63637;
20 350 --wpbc_form-button-border-radius: 3px;
21 351 --wpbc_form-button-border-style: none;
22 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);
23 355 --wpbc_form-button-background-color: #066aab;
24 356 --wpbc_form-button-background-color-alt: #066aab;
25 357 --wpbc_form-button-border-color: #066aab;
26 358 --wpbc_form-button-text-color: #ffffff;
27 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;
28 363 --wpbc_form-page-break-color: #066aab;
29 364 --wpbc_form-background-image: none;
30 365 --wpbc_form-background-position: center center;
31 366 --wpbc_form-background-repeat: no-repeat;
@@ -50,9 +385,9 @@
50 385 --wpbc_form-label-size-font-size: 16px;
51 386 --wpbc_form-label-size-line-height: 19px;
52 387 --wpbc_form-label-size-sublabel-font-size: 14px;
53 388 --wpbc_form-label-size-sublabel-line-height: 17px;
54 - --wpbc_form-button-size-font-size: 17px;
389 + --wpbc_form-button-size-font-size: 16px;
55 390 --wpbc_form-button-size-height: 41px;
56 391 --wpbc_form-button-size-padding-h: 15px;
57 392 --wpbc_form-button-size-margin-top: 10px;
58 393 --wpbc_form-container-shadow-size-box-shadow: none;
@@ -58,10 +393,10 @@
58 393 --wpbc_form-container-shadow-size-box-shadow: none;
59 394 --wpbc_form-marging-between-several-checkbox-radio: 30px;
60 395 --wpbc_form-padding-between-label-checkbox-radio: 8px
61 396 }
62 -/*! --------------------------------------------------------------------------------------------------------------------
63 - * General Fields
397 +/*! --------------------------------------------------------------------------------------------------------------------
398 + * General Fields
64 399 * ------------------------------------------------------------------------------------------------------------------ */
65 400 div.wpbc_container.wpbc_form button,
66 401 div.wpbc_container.wpbc_form input,
67 402 div.wpbc_container.wpbc_form label,
@@ -153,10 +488,10 @@
153 488 div.wpbc_container.wpbc_form select:focus,
154 489 div.wpbc_container.wpbc_form textarea:focus {
155 490 border-width: var(--wpbc_form-field-border-size);
156 491 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);
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);
159 494 outline: 0
160 495 }
161 496 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
162 497 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
@@ -191,10 +526,10 @@
191 526 div.wpbc_container.wpbc_form select:focus:invalid,
192 527 div.wpbc_container.wpbc_form textarea:focus:invalid {
193 528 border-width: var(--wpbc_form-field-border-size);
194 529 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);
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);
197 532 outline: 0;
198 533 color: var(--wpbc_form-field-text-color)
199 534 }
200 535 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
@@ -304,10 +639,10 @@
304 639 color: var(--wpbc_form-field-text-color);
305 640 opacity: .5;
306 641 pointer-events: none
307 642 }
308 -/*! --------------------------------------------------------------------------------------------------------------------
309 - * Textarea
643 +/*! --------------------------------------------------------------------------------------------------------------------
644 + * Textarea
310 645 * ------------------------------------------------------------------------------------------------------------------ */
311 646 .wp-core-ui div.wpbc_container.wpbc_form textarea,
312 647 div.wpbc_container.wpbc_form textarea {
313 648 width: 100%;
@@ -315,10 +650,10 @@
315 650 min-height: var(--wpbc_form-field-size-input-height);
316 651 padding: var(--wpbc_form-field-size-padding-h);
317 652 resize: vertical
318 653 }
319 -/*! --------------------------------------------------------------------------------------------------------------------
320 - * General Height
654 +/*! --------------------------------------------------------------------------------------------------------------------
655 + * General Height
321 656 * ------------------------------------------------------------------------------------------------------------------ */
322 657 .wp-core-ui div.wpbc_container.wpbc_form input,
323 658 .wp-core-ui div.wpbc_container.wpbc_form select,
324 659 div.wpbc_container.wpbc_form input,
@@ -324,10 +659,10 @@
324 659 div.wpbc_container.wpbc_form input,
325 660 div.wpbc_container.wpbc_form select {
326 661 height: var(--wpbc_form-field-size-input-height)
327 662 }
328 -/*! --------------------------------------------------------------------------------------------------------------------
329 - * Select
663 +/*! --------------------------------------------------------------------------------------------------------------------
664 + * Select
330 665 * ------------------------------------------------------------------------------------------------------------------ */
331 666 .wp-core-ui div.wpbc_container.wpbc_form select,
332 667 div.wpbc_container.wpbc_form select {
333 668 appearance: none;
@@ -399,90 +734,18 @@
399 734 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button,
400 735 div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button {
401 736 visibility: hidden
402 737 }
403 -/*! --------------------------------------------------------------------------------------------------------------------
404 - * Submit
738 +/*! --------------------------------------------------------------------------------------------------------------------
739 + * Radio and Checkboxes
405 740 * ------------------------------------------------------------------------------------------------------------------ */
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 741 div.wpbc_container.wpbc_form input[type=checkbox],
479 742 div.wpbc_container.wpbc_form input[type=radio] {
480 743 position: relative;
481 744 display: inline-block;
482 745 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));
746 + height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
747 + width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
485 748 margin: 0 0 0 2px;
486 749 border: none;
487 750 box-shadow: none;
488 751 vertical-align: middle;
@@ -492,9 +755,9 @@
492 755 div.wpbc_container.wpbc_form input[type=checkbox]:after,
493 756 div.wpbc_container.wpbc_form input[type=checkbox]:before,
494 757 div.wpbc_container.wpbc_form input[type=radio]:after,
495 758 div.wpbc_container.wpbc_form input[type=radio]:before {
496 - content: '';
759 + content: "";
497 760 position: absolute;
498 761 left: -2px;
499 762 top: 0;
500 763 width: var(--wpbc_form-field-size-checkbox-size);
@@ -566,15 +829,15 @@
566 829 div.wpbc_container.wpbc_form input[type=radio]:checked:before {
567 830 margin: 0;
568 831 border-width: var(--wpbc_form-field-border-size);
569 832 border-style: solid;
570 - border-color: var(--wpbc_form-field-border-color);
833 + border-color: var(--wpbc_form-choice-checked-border-color,#066aab);
571 834 outline: 0
572 835 }
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)
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)
577 840 }
578 841 div.wpbc_container.wpbc_form input[type=checkbox]:focus,
579 842 div.wpbc_container.wpbc_form input[type=radio]:focus {
580 843 outline: 0
@@ -582,10 +845,10 @@
582 845 div.wpbc_container.wpbc_form input[type=checkbox]:focus:before,
583 846 div.wpbc_container.wpbc_form input[type=radio]:focus:before {
584 847 border-width: var(--wpbc_form-field-border-size);
585 848 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);
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);
588 851 outline: 0
589 852 }
590 853 div.wpbc_container.wpbc_form input[type=checkbox]:checked:after {
591 854 border-top: none;
@@ -590,10 +853,10 @@
590 853 div.wpbc_container.wpbc_form input[type=checkbox]:checked:after {
591 854 border-top: none;
592 855 border-right: none;
593 856 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);
857 + border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
858 + border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
596 859 background-color: transparent;
597 860 -ms-transform: translate(0,1px) scale(.5) rotate(-45deg);
598 861 transform: translate(0,1px) scale(.5) rotate(-45deg);
599 862 left: calc(-4px + var(--wpbc_form-field-border-size,1px));
@@ -605,9 +868,9 @@
605 868 }
606 869 div.wpbc_container.wpbc_form input[type=radio]:checked:after {
607 870 border: 1px solid transparent;
608 871 border-radius: 50%;
609 - background-color: var(--wpbc_form-button-background-color);
872 + background-color: var(--wpbc_form-choice-checked-color,#066aab);
610 873 -ms-transform: scale(.5);
611 874 transform: scale(.5);
612 875 -moz-transform: scale(.47);
613 876 left: calc(-3px + var(--wpbc_form-field-border-size,1px));
@@ -612,10 +875,10 @@
612 875 -moz-transform: scale(.47);
613 876 left: calc(-3px + var(--wpbc_form-field-border-size,1px));
614 877 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
615 878 }
616 -/*! --------------------------------------------------------------------------------------------------------------------
617 - * Errors
879 +/*! --------------------------------------------------------------------------------------------------------------------
880 + * Errors
618 881 * ------------------------------------------------------------------------------------------------------------------ */
619 882 div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error,
620 883 div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error {
621 884 font-weight: 400;
@@ -657,8 +920,501 @@
657 920 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover {
658 921 border: none;
659 922 box-shadow: none
660 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 +}
1361 +.wpdev-form-control-wrap .wpdev-checkbox.group_inline,
1362 +.wpdev-form-control-wrap .wpdev-radio.group_inline,
1363 +.wpdev-form-control-wrap.group_inline [role=checkboxgroup],
1364 +.wpdev-form-control-wrap.group_inline [role=radiogroup] {
1365 + display: -ms-inline-flexbox;
1366 + display: inline-flex;
1367 + -ms-flex-flow: row wrap;
1368 + flex-flow: row wrap;
1369 + -ms-flex-pack: start;
1370 + justify-content: flex-start;
1371 + -ms-flex-align: start;
1372 + align-items: flex-start;
1373 + gap: 2em;
1374 + row-gap: .5em
1375 +}
1376 +.wpdev-form-control-wrap .wpdev-checkbox,
1377 +.wpdev-form-control-wrap .wpdev-radio,
1378 +.wpdev-form-control-wrap [role=checkboxgroup],
1379 +.wpdev-form-control-wrap [role=radiogroup] {
1380 + display: -ms-flexbox;
1381 + display: flex;
1382 + -ms-flex-flow: column wrap;
1383 + flex-flow: column wrap;
1384 + -ms-flex-pack: start;
1385 + justify-content: flex-start;
1386 + -ms-flex-align: start;
1387 + align-items: flex-start;
1388 + gap: .5em
1389 +}
1390 +.wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label,
1391 +.wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label,
1392 +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1393 +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1394 + display: inline;
1395 + line-height: 1.74;
1396 + font-weight: 400
1397 +}
1398 +div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1399 +div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1400 + margin-right: 0
1401 +}
1402 +.wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox],
1403 +.wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio],
1404 +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox],
1405 +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] {
1406 + vertical-align: middle;
1407 + margin-block-start: -.25em;
1408 + margin-inline-end: .3em
1409 +}
1410 +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label,
1411 +.wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover,
1412 +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label,
1413 +.wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover {
1414 + line-height: 1.74;
1415 + font-weight: 400
1416 +}
661 1417 /*! ----------------------------------------------------------------------------------------------------------------- */
662 1418 /*! Timeline Steps: */
663 1419 /*! ----------------------------------------------------------------------------------------------------------------- */
664 1420 .wpbc__container_place__steps_for_timeline,
@@ -681,9 +1437,10 @@
681 1437 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
682 1438 display: none
683 1439 }
684 1440 .wpbc_steps_for_timeline_container {
685 - max-width: Min(400px,100%);
1441 + max-width: min(400px,100%);
1442 + min-width: 200px;
686 1443 margin: 3px 0 0;
687 1444 width: 100%;
688 1445 --wpbc_steps_for_timeline_step_color: #d6d6d6;
689 1446 --wpbc_steps_for_timeline_active_color: #64aa45;
@@ -689,8 +1446,11 @@
689 1446 --wpbc_steps_for_timeline_active_color: #64aa45;
690 1447 --wpbc_steps_for_timeline_failed_color: #e76a39;
691 1448 --wpbc_steps_for_timeline_checkbox_color: #fff
692 1449 }
1450 +.booking_form_div .wpbc_steps_for_timeline_container {
1451 + --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce)
1452 +}
693 1453 .wpbc_steps_for_timeline {
694 1454 margin: 0;
695 1455 padding: 0;
696 1456 display: -ms-flexbox;
@@ -741,12 +1501,16 @@
741 1501 left: 4px;
742 1502 top: 2px
743 1503 }
744 1504 /*! Timeline Steps: Front-End align */
745 -.booking_form_div .wpbc_steps_for_timeline_container {
746 - --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce);
1505 +.booking_form_div .wpbc_steps_for_timeline_container,
1506 +.wpbc_bfb__container .wpbc_steps_for_timeline_container {
747 1507 margin: 20px auto 25px
748 1508 }
1509 +.bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] {
1510 + -ms-flex: 1;
1511 + flex: 1
1512 +}
749 1513 /*! == Align Form Elements ====================================================================================== */
750 1514 /*! == Right == */
751 1515 .wpbc_aling_right,
752 1516 .wpbc_aling_right .wpbc_times_selector {
@@ -758,8 +1522,16 @@
758 1522 .wpbc_aling_center .wpbc_times_selector {
759 1523 -ms-flex-pack: center!important;
760 1524 justify-content: center!important
761 1525 }
1526 +/*! == Simple booking form - Center == */
1527 +.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field {
1528 + -ms-flex-pack: center!important;
1529 + justify-content: center!important
1530 +}
1531 +.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label {
1532 + text-align: center!important
1533 +}
762 1534 /*! == Center Calendar ? == */
763 1535 .wpbc_aling_center .wpbc_calendar_wraper {
764 1536 display: -ms-flexbox;
765 1537 display: flex;
@@ -771,35 +1543,130 @@
771 1543 align-items: center
772 1544 }
773 1545 @media (max-width:400px) {
774 1546 .wpbc_aling_right .wpbc_times_selector div {
775 - margin: 7px 0 0 15px
1547 + margin: 7px 0 0
776 1548 }
777 1549 .wpbc_aling_center .wpbc_times_selector div {
778 - margin: 7px 15px
1550 + margin: 7px 0
779 1551 }
780 1552 }
781 -/*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================= */
1553 +/*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */
782 1554 .wpbc_wizard__border_container {
783 - box-shadow: rgba(0,0,0,.05) 0 2px 6px 0;
784 - border: 1px solid #ccc;
785 - border-radius: 2px;
786 - background: #fff;
787 - 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);
788 1560 box-sizing: border-box;
789 1561 margin: auto;
790 1562 max-width: 100%;
791 - width: 100%
1563 + width: 100%;
1564 + max-width: min(900px,100%)
792 1565 }
1566 +.wpbc_wizard__border_container,
1567 +.wpbc_wizard__border_container p {
1568 + font-size: 16px;
1569 + font-weight: 400
1570 +}
1571 +.wpbc_times_selector div,
793 1572 .wpbc_wizard__border_container .wpbc_times_selector div {
794 - -ms-flex: 0 0 120px;
795 - flex: 0 0 120px
1573 + -ms-flex: 1 1 auto;
1574 + flex: 1 1 auto;
1575 + min-width: min(90px,100%);
1576 + white-space: wrap;
1577 + word-break: normal
796 1578 }
797 1579 .wpbc_theme_dark_1 .wpbc_wizard__border_container {
798 - border: 1px solid #000;
799 - background: #626262;
800 - color: #bbb;
801 - 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)
802 1584 }
803 -.wpbc_theme_dark_1 .wpbc_wizard__border_container label {
804 - color: #fff
1585 +.wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*),
1586 +.wpbc_theme_dark_1 .wpbc_wizard__border_container label,
1587 +.wpbc_theme_dark_1 .wpbc_wizard__border_container p,
1588 +.wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) {
1589 + color: var(--wpbc_form-label-color,#fff)
1590 +}
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,
1595 +div.wpbc_container.wpbc_form label,
1596 +div.wpbc_container.wpbc_form p {
1597 + color: var(--wpbc_form-label-color,#3c434a)
1598 +}
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,
1604 +div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label,
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
805 1672 }