PluginProbe
Booking Calendar / 11.4
Booking Calendar v11.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 10.11 10.11.2 All 203 releases
booking / _dist / all / _out / wpbc_all_client.css

wpbc_all_client.css in Booking Calendar 11.4, at _dist/all/_out/wpbc_all_client.css

1,479 lines 72.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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: 100%;
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 div .wpbc_bfb_form .wpbc__row .wpbc__field[data-colstyles-active="1"] .bfb_element:has(.wpbc_text_captcha_container),
114 div .wpbc_bfb_form [data-colstyles-active="1"] .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field:has(.wpbc_text_captcha_container) {
115 -ms-flex: 1 1 auto;
116 flex: 1 1 auto
117 }
118 .wpbc_bfb_form .bfb_element input[type=date],
119 .wpbc_bfb_form .bfb_element input[type=datetime-local],
120 .wpbc_bfb_form .bfb_element input[type=datetime],
121 .wpbc_bfb_form .bfb_element input[type=email],
122 .wpbc_bfb_form .bfb_element input[type=month],
123 .wpbc_bfb_form .bfb_element input[type=number],
124 .wpbc_bfb_form .bfb_element input[type=password],
125 .wpbc_bfb_form .bfb_element input[type=range],
126 .wpbc_bfb_form .bfb_element input[type=search],
127 .wpbc_bfb_form .bfb_element input[type=tel],
128 .wpbc_bfb_form .bfb_element input[type=text],
129 .wpbc_bfb_form .bfb_element input[type=time],
130 .wpbc_bfb_form .bfb_element input[type=url],
131 .wpbc_bfb_form .bfb_element input[type=week],
132 .wpbc_bfb_form .bfb_element select,
133 .wpbc_bfb_form .bfb_element textarea,
134 .wpbc_bfb_form .wpbc_bfb__field input[type=date],
135 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime-local],
136 .wpbc_bfb_form .wpbc_bfb__field input[type=datetime],
137 .wpbc_bfb_form .wpbc_bfb__field input[type=email],
138 .wpbc_bfb_form .wpbc_bfb__field input[type=month],
139 .wpbc_bfb_form .wpbc_bfb__field input[type=number],
140 .wpbc_bfb_form .wpbc_bfb__field input[type=password],
141 .wpbc_bfb_form .wpbc_bfb__field input[type=range],
142 .wpbc_bfb_form .wpbc_bfb__field input[type=search],
143 .wpbc_bfb_form .wpbc_bfb__field input[type=tel],
144 .wpbc_bfb_form .wpbc_bfb__field input[type=text],
145 .wpbc_bfb_form .wpbc_bfb__field input[type=time],
146 .wpbc_bfb_form .wpbc_bfb__field input[type=url],
147 .wpbc_bfb_form .wpbc_bfb__field input[type=week],
148 .wpbc_bfb_form .wpbc_bfb__field select,
149 .wpbc_bfb_form .wpbc_bfb__field textarea {
150 width: 100%;
151 max-width: 100%
152 }
153 .wpbc_bfb_form .wpbc_static_text {
154 width: 100%
155 }
156 .wpbc_bfb__preview-rendered .wpbc_static_text {
157 display: block
158 }
159 .wpbc_bfb_divider_wrap[data-orientation=vertical] .wpbc_bfb_divider--v {
160 -ms-transform: translate(-50%,-50%);
161 transform: translate(-50%,-50%)
162 }
163 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox],
164 div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] {
165 margin: -5px 5px 0
166 }
167 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] {
168 width: 100%;
169 margin: 0;
170 min-width: 50px
171 }
172 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical],
173 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction,
174 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__noaction * {
175 height: 100%;
176 min-height: 50px;
177 margin: 0;
178 box-sizing: border-box;
179 padding: 0;
180 -ms-flex-pack: center;
181 justify-content: center;
182 -ms-flex-align: center;
183 align-items: center;
184 -ms-flex-flow: column nowrap;
185 flex-flow: column nowrap
186 }
187 .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=vertical] .wpbc_bfb__field-preview {
188 position: relative
189 }
190 div .wpbc_container .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has([data-orientation=vertical]) {
191 -ms-flex: 0 1 auto;
192 flex: 0 1 auto
193 }
194 div div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=horizontal]) {
195 -ms-flex: 0 1 auto;
196 flex: 0 1 auto;
197 width: 100%
198 }
199 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]) {
200 height: 100%
201 }
202 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=horizontal] {
203 width: 100%
204 }
205 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--h {
206 display: block;
207 box-sizing: border-box
208 }
209 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
210 display: -ms-flexbox;
211 display: flex;
212 -ms-flex-item-align: stretch;
213 align-self: stretch;
214 position: relative
215 }
216 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider--v {
217 width: 0;
218 box-sizing: content-box;
219 height: 100%
220 }
221 .wpbc_bfb_form [data-colstyles-active="1"] .bfb_element .wpbc_bfb_divider_wrap[data-orientation=vertical] {
222 -ms-flex: 0 0 auto;
223 flex: 0 0 auto
224 }
225 .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr {
226 background: 0 0
227 }
228 /*!
229 * Booking Form Fields
230 *
231 * // FixIn: 10.1.5.7.
232 */
233 :root {
234 --wpbc_form-field-border-radius: 3px;
235 --wpbc_form-field-border-style: solid;
236 --wpbc_form-field-border-size: 1px;
237 --wpbc_form-field-background-color: #ffffff;
238 --wpbc_form-field-border-color: rgba(0, 0, 0, 0.25);
239 --wpbc_form-field-border-color-spare: rgba(0, 0, 0, 0.25);
240 --wpbc_form-field-focus-border-color: #066aab;
241 --wpbc_form-field-focus-shadow-color: #066aab;
242 --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7);
243 --wpbc_form-field-disabled-color: rgba(0, 0, 0, 0.2);
244 --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");
245 --wpbc_form-field-menu-color: #ffffff;
246 --wpbc_form-label-color: rgba(0, 0, 0, 0.85);
247 --wpbc_form-label-sublabel-color: rgba(0, 0, 0, 0.55);
248 --wpbc_form-label-error-color: #d63637;
249 --wpbc_form-button-border-radius: 3px;
250 --wpbc_form-button-border-style: none;
251 --wpbc_form-button-border-size: 1px;
252 --wpbc_form-button-background-color: #066aab;
253 --wpbc_form-button-background-color-alt: #066aab;
254 --wpbc_form-button-border-color: #066aab;
255 --wpbc_form-button-text-color: #ffffff;
256 --wpbc_form-button-text-color-alt: #fff;
257 --wpbc_form-choice-checked-border-color: #066aab;
258 --wpbc_form-choice-checked-color: #066aab;
259 --wpbc_form-choice-focus-color: #066aab;
260 --wpbc_form-page-break-color: #066aab;
261 --wpbc_form-background-image: none;
262 --wpbc_form-background-position: center center;
263 --wpbc_form-background-repeat: no-repeat;
264 --wpbc_form-background-size: cover;
265 --wpbc_form-background-width: 100px;
266 --wpbc_form-background-height: 100px;
267 --wpbc_form-background-color: rgba(0, 0, 0, 0);
268 --wpbc_form-background-url: none;
269 --wpbc_form-container-padding: 0px;
270 --wpbc_form-container-border-style: none;
271 --wpbc_form-container-border-width: 1px;
272 --wpbc_form-container-border-color: #000000;
273 --wpbc_form-container-border-radius: 3px;
274 --wpbc_form-field-size-input-height: 43px;
275 --wpbc_form-field-size-input-spacing: 15px;
276 --wpbc_form-field-size-font-size: 16px;
277 --wpbc_form-field-size-line-height: 19px;
278 --wpbc_form-field-size-padding-h: 14px;
279 --wpbc_form-field-size-checkbox-size: 16px;
280 --wpbc_form-field-size-sublabel-spacing: 5px;
281 --wpbc_form-field-size-icon-size: 1;
282 --wpbc_form-label-size-font-size: 16px;
283 --wpbc_form-label-size-line-height: 19px;
284 --wpbc_form-label-size-sublabel-font-size: 14px;
285 --wpbc_form-label-size-sublabel-line-height: 17px;
286 --wpbc_form-button-size-font-size: 17px;
287 --wpbc_form-button-size-height: 41px;
288 --wpbc_form-button-size-padding-h: 15px;
289 --wpbc_form-button-size-margin-top: 10px;
290 --wpbc_form-container-shadow-size-box-shadow: none;
291 --wpbc_form-marging-between-several-checkbox-radio: 30px;
292 --wpbc_form-padding-between-label-checkbox-radio: 8px;
293 --wpbc_form-button-light-size-height: 43px
294 }
295 /*! --------------------------------------------------------------------------------------------------------------------
296 * General Fields
297 * ------------------------------------------------------------------------------------------------------------------ */
298 div.wpbc_container.wpbc_form button,
299 div.wpbc_container.wpbc_form input,
300 div.wpbc_container.wpbc_form label,
301 div.wpbc_container.wpbc_form select,
302 div.wpbc_container.wpbc_form textarea {
303 margin: 0;
304 border: 0;
305 padding: 0;
306 vertical-align: middle;
307 background: 0 0;
308 height: auto;
309 box-sizing: border-box
310 }
311 .wp-core-ui div.wpbc_container.wpbc_form input[type=date],
312 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local],
313 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime],
314 .wp-core-ui div.wpbc_container.wpbc_form input[type=email],
315 .wp-core-ui div.wpbc_container.wpbc_form input[type=month],
316 .wp-core-ui div.wpbc_container.wpbc_form input[type=number],
317 .wp-core-ui div.wpbc_container.wpbc_form input[type=password],
318 .wp-core-ui div.wpbc_container.wpbc_form input[type=range],
319 .wp-core-ui div.wpbc_container.wpbc_form input[type=search],
320 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel],
321 .wp-core-ui div.wpbc_container.wpbc_form input[type=text],
322 .wp-core-ui div.wpbc_container.wpbc_form input[type=time],
323 .wp-core-ui div.wpbc_container.wpbc_form input[type=url],
324 .wp-core-ui div.wpbc_container.wpbc_form input[type=week],
325 .wp-core-ui div.wpbc_container.wpbc_form select,
326 .wp-core-ui div.wpbc_container.wpbc_form textarea,
327 div.wpbc_container.wpbc_form input[type=date],
328 div.wpbc_container.wpbc_form input[type=datetime-local],
329 div.wpbc_container.wpbc_form input[type=datetime],
330 div.wpbc_container.wpbc_form input[type=email],
331 div.wpbc_container.wpbc_form input[type=month],
332 div.wpbc_container.wpbc_form input[type=number],
333 div.wpbc_container.wpbc_form input[type=password],
334 div.wpbc_container.wpbc_form input[type=range],
335 div.wpbc_container.wpbc_form input[type=search],
336 div.wpbc_container.wpbc_form input[type=tel],
337 div.wpbc_container.wpbc_form input[type=text],
338 div.wpbc_container.wpbc_form input[type=time],
339 div.wpbc_container.wpbc_form input[type=url],
340 div.wpbc_container.wpbc_form input[type=week],
341 div.wpbc_container.wpbc_form select,
342 div.wpbc_container.wpbc_form textarea {
343 background-color: var(--wpbc_form-field-background-color);
344 background-clip: padding-box;
345 border-radius: var(--wpbc_form-field-border-radius);
346 color: var(--wpbc_form-field-text-color);
347 border-width: var(--wpbc_form-field-border-size);
348 border-style: var(--wpbc_form-field-border-style);
349 border-color: var(--wpbc_form-field-border-color);
350 padding: 0 var(--wpbc_form-field-size-padding-h);
351 font-size: var(--wpbc_form-field-size-font-size);
352 line-height: 100%;
353 box-shadow: none;
354 transition: border .15s,box-shadow .15s
355 }
356 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus,
357 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
358 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus,
359 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus,
360 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus,
361 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus,
362 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus,
363 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus,
364 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus,
365 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus,
366 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus,
367 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus,
368 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus,
369 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus,
370 .wp-core-ui div.wpbc_container.wpbc_form select:focus,
371 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus,
372 div.wpbc_container.wpbc_form input[type=date]:focus,
373 div.wpbc_container.wpbc_form input[type=datetime-local]:focus,
374 div.wpbc_container.wpbc_form input[type=datetime]:focus,
375 div.wpbc_container.wpbc_form input[type=email]:focus,
376 div.wpbc_container.wpbc_form input[type=month]:focus,
377 div.wpbc_container.wpbc_form input[type=number]:focus,
378 div.wpbc_container.wpbc_form input[type=password]:focus,
379 div.wpbc_container.wpbc_form input[type=range]:focus,
380 div.wpbc_container.wpbc_form input[type=search]:focus,
381 div.wpbc_container.wpbc_form input[type=tel]:focus,
382 div.wpbc_container.wpbc_form input[type=text]:focus,
383 div.wpbc_container.wpbc_form input[type=time]:focus,
384 div.wpbc_container.wpbc_form input[type=url]:focus,
385 div.wpbc_container.wpbc_form input[type=week]:focus,
386 div.wpbc_container.wpbc_form select:focus,
387 div.wpbc_container.wpbc_form textarea:focus {
388 border-width: var(--wpbc_form-field-border-size);
389 border-style: solid;
390 border-color: var(--wpbc_form-field-focus-border-color,#066aab);
391 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);
392 outline: 0
393 }
394 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
395 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
396 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
397 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
398 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
399 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
400 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
401 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
402 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
403 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
404 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
405 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
406 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
407 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
408 .wp-core-ui div.wpbc_container.wpbc_form select:focus:invalid,
409 .wp-core-ui div.wpbc_container.wpbc_form textarea:focus:invalid,
410 div.wpbc_container.wpbc_form input[type=date]:focus:invalid,
411 div.wpbc_container.wpbc_form input[type=datetime-local]:focus:invalid,
412 div.wpbc_container.wpbc_form input[type=datetime]:focus:invalid,
413 div.wpbc_container.wpbc_form input[type=email]:focus:invalid,
414 div.wpbc_container.wpbc_form input[type=month]:focus:invalid,
415 div.wpbc_container.wpbc_form input[type=number]:focus:invalid,
416 div.wpbc_container.wpbc_form input[type=password]:focus:invalid,
417 div.wpbc_container.wpbc_form input[type=range]:focus:invalid,
418 div.wpbc_container.wpbc_form input[type=search]:focus:invalid,
419 div.wpbc_container.wpbc_form input[type=tel]:focus:invalid,
420 div.wpbc_container.wpbc_form input[type=text]:focus:invalid,
421 div.wpbc_container.wpbc_form input[type=time]:focus:invalid,
422 div.wpbc_container.wpbc_form input[type=url]:focus:invalid,
423 div.wpbc_container.wpbc_form input[type=week]:focus:invalid,
424 div.wpbc_container.wpbc_form select:focus:invalid,
425 div.wpbc_container.wpbc_form textarea:focus:invalid {
426 border-width: var(--wpbc_form-field-border-size);
427 border-style: solid;
428 border-color: var(--wpbc_form-field-focus-border-color,#066aab);
429 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);
430 outline: 0;
431 color: var(--wpbc_form-field-text-color)
432 }
433 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
434 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
435 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
436 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
437 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
438 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
439 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
440 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
441 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
442 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
443 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
444 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
445 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
446 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
447 .wp-core-ui div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
448 .wp-core-ui div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder,
449 div.wpbc_container.wpbc_form input[type=date]::-webkit-input-placeholder,
450 div.wpbc_container.wpbc_form input[type=datetime-local]::-webkit-input-placeholder,
451 div.wpbc_container.wpbc_form input[type=datetime]::-webkit-input-placeholder,
452 div.wpbc_container.wpbc_form input[type=email]::-webkit-input-placeholder,
453 div.wpbc_container.wpbc_form input[type=month]::-webkit-input-placeholder,
454 div.wpbc_container.wpbc_form input[type=number]::-webkit-input-placeholder,
455 div.wpbc_container.wpbc_form input[type=password]::-webkit-input-placeholder,
456 div.wpbc_container.wpbc_form input[type=range]::-webkit-input-placeholder,
457 div.wpbc_container.wpbc_form input[type=search]::-webkit-input-placeholder,
458 div.wpbc_container.wpbc_form input[type=tel]::-webkit-input-placeholder,
459 div.wpbc_container.wpbc_form input[type=text]::-webkit-input-placeholder,
460 div.wpbc_container.wpbc_form input[type=time]::-webkit-input-placeholder,
461 div.wpbc_container.wpbc_form input[type=url]::-webkit-input-placeholder,
462 div.wpbc_container.wpbc_form input[type=week]::-webkit-input-placeholder,
463 div.wpbc_container.wpbc_form select::-webkit-input-placeholder,
464 div.wpbc_container.wpbc_form textarea::-webkit-input-placeholder {
465 color: var(--wpbc_form-field-text-color);
466 opacity: .5;
467 pointer-events: none
468 }
469 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
470 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
471 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
472 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
473 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
474 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
475 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
476 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
477 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
478 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
479 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
480 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
481 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
482 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
483 .wp-core-ui div.wpbc_container.wpbc_form select::-moz-placeholder,
484 .wp-core-ui div.wpbc_container.wpbc_form textarea::-moz-placeholder,
485 div.wpbc_container.wpbc_form input[type=date]::-moz-placeholder,
486 div.wpbc_container.wpbc_form input[type=datetime-local]::-moz-placeholder,
487 div.wpbc_container.wpbc_form input[type=datetime]::-moz-placeholder,
488 div.wpbc_container.wpbc_form input[type=email]::-moz-placeholder,
489 div.wpbc_container.wpbc_form input[type=month]::-moz-placeholder,
490 div.wpbc_container.wpbc_form input[type=number]::-moz-placeholder,
491 div.wpbc_container.wpbc_form input[type=password]::-moz-placeholder,
492 div.wpbc_container.wpbc_form input[type=range]::-moz-placeholder,
493 div.wpbc_container.wpbc_form input[type=search]::-moz-placeholder,
494 div.wpbc_container.wpbc_form input[type=tel]::-moz-placeholder,
495 div.wpbc_container.wpbc_form input[type=text]::-moz-placeholder,
496 div.wpbc_container.wpbc_form input[type=time]::-moz-placeholder,
497 div.wpbc_container.wpbc_form input[type=url]::-moz-placeholder,
498 div.wpbc_container.wpbc_form input[type=week]::-moz-placeholder,
499 div.wpbc_container.wpbc_form select::-moz-placeholder,
500 div.wpbc_container.wpbc_form textarea::-moz-placeholder {
501 color: var(--wpbc_form-field-text-color);
502 opacity: .5;
503 pointer-events: none
504 }
505 .wp-core-ui div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
506 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
507 .wp-core-ui div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
508 .wp-core-ui div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
509 .wp-core-ui div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
510 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
511 .wp-core-ui div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
512 .wp-core-ui div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
513 .wp-core-ui div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
514 .wp-core-ui div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
515 .wp-core-ui div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
516 .wp-core-ui div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
517 .wp-core-ui div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
518 .wp-core-ui div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
519 .wp-core-ui div.wpbc_container.wpbc_form select:-moz-placeholder,
520 .wp-core-ui div.wpbc_container.wpbc_form textarea:-moz-placeholder,
521 div.wpbc_container.wpbc_form input[type=date]:-moz-placeholder,
522 div.wpbc_container.wpbc_form input[type=datetime-local]:-moz-placeholder,
523 div.wpbc_container.wpbc_form input[type=datetime]:-moz-placeholder,
524 div.wpbc_container.wpbc_form input[type=email]:-moz-placeholder,
525 div.wpbc_container.wpbc_form input[type=month]:-moz-placeholder,
526 div.wpbc_container.wpbc_form input[type=number]:-moz-placeholder,
527 div.wpbc_container.wpbc_form input[type=password]:-moz-placeholder,
528 div.wpbc_container.wpbc_form input[type=range]:-moz-placeholder,
529 div.wpbc_container.wpbc_form input[type=search]:-moz-placeholder,
530 div.wpbc_container.wpbc_form input[type=tel]:-moz-placeholder,
531 div.wpbc_container.wpbc_form input[type=text]:-moz-placeholder,
532 div.wpbc_container.wpbc_form input[type=time]:-moz-placeholder,
533 div.wpbc_container.wpbc_form input[type=url]:-moz-placeholder,
534 div.wpbc_container.wpbc_form input[type=week]:-moz-placeholder,
535 div.wpbc_container.wpbc_form select:-moz-placeholder,
536 div.wpbc_container.wpbc_form textarea:-moz-placeholder {
537 color: var(--wpbc_form-field-text-color);
538 opacity: .5;
539 pointer-events: none
540 }
541 /*! --------------------------------------------------------------------------------------------------------------------
542 * Textarea
543 * ------------------------------------------------------------------------------------------------------------------ */
544 .wp-core-ui div.wpbc_container.wpbc_form textarea,
545 div.wpbc_container.wpbc_form textarea {
546 width: 100%;
547 line-height: 1.3;
548 min-height: var(--wpbc_form-field-size-input-height);
549 padding: var(--wpbc_form-field-size-padding-h);
550 resize: vertical
551 }
552 /*! --------------------------------------------------------------------------------------------------------------------
553 * General Height
554 * ------------------------------------------------------------------------------------------------------------------ */
555 .wp-core-ui div.wpbc_container.wpbc_form input,
556 .wp-core-ui div.wpbc_container.wpbc_form select,
557 div.wpbc_container.wpbc_form input,
558 div.wpbc_container.wpbc_form select {
559 height: var(--wpbc_form-field-size-input-height)
560 }
561 /*! --------------------------------------------------------------------------------------------------------------------
562 * Select
563 * ------------------------------------------------------------------------------------------------------------------ */
564 .wp-core-ui div.wpbc_container.wpbc_form select,
565 div.wpbc_container.wpbc_form select {
566 appearance: none;
567 display: block;
568 max-width: 100%;
569 width: 100%;
570 text-transform: none;
571 text-shadow: none;
572 white-space: nowrap;
573 line-height: unset;
574 padding-block: 0;
575 padding-inline-end: 24px;
576 padding-inline-start: 12px;
577 min-height: var(--wpbc_form-field-size-input-height);
578 vertical-align: middle;
579 cursor: pointer
580 }
581 .wp-core-ui div.wpbc_container.wpbc_form select,
582 .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
583 div.wpbc_container.wpbc_form select,
584 div.wpbc_container.wpbc_form select:disabled {
585 background-image: var(--wpbc_form-select-bg-img),none;
586 background-repeat: no-repeat;
587 background-position: calc(100% - 11px) 50%,calc(100% - 12px) 50%;
588 background-size: 16px 12px
589 }
590 .rtl .wp-core-ui div.wpbc_container.wpbc_form select,
591 .rtl .wp-core-ui div.wpbc_container.wpbc_form select:disabled,
592 .rtl div.wpbc_container.wpbc_form select,
593 .rtl div.wpbc_container.wpbc_form select:disabled {
594 background-position: 12px 50%,17px 50%
595 }
596 .wp-core-ui div.wpbc_container.wpbc_form select > option,
597 div.wpbc_container.wpbc_form select > option {
598 color: var(--wpbc_form-field-text-color)
599 }
600 .wp-core-ui div.wpbc_container.wpbc_form select > option.placeholder,
601 .wp-core-ui div.wpbc_container.wpbc_form select > option[disabled],
602 div.wpbc_container.wpbc_form select > option.placeholder,
603 div.wpbc_container.wpbc_form select > option[disabled] {
604 color: var(--wpbc_form-field-disabled-color);
605 opacity: .5
606 }
607 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option,
608 div.wpbc_container.wpbc_form select:not([multiple]) > option {
609 background: var(--wpbc_form-field-menu-color)
610 }
611 .wp-core-ui div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked,
612 div.wpbc_container.wpbc_form select:not([multiple]) > option:not(.placeholder):checked {
613 font-weight: 700
614 }
615 .wp-core-ui div.wpbc_container.wpbc_form select[multiple],
616 div.wpbc_container.wpbc_form select[multiple] {
617 height: auto;
618 overflow-y: scroll;
619 background-image: none
620 }
621 .wp-core-ui div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked,
622 div.wpbc_container.wpbc_form select[multiple] > option:not(.placeholder):checked {
623 background: var(--wpbc_form-button-background-color);
624 color: var(--wpbc_form-button-text-color-alt,var(--wpbc_form-button-text-color))
625 }
626 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only,
627 div.wpbc_container.wpbc_form input[type=number]:read-only {
628 appearance: textfield;
629 -moz-appearance: textfield;
630 -webkit-appearance: textfield
631 }
632 .wp-core-ui div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button,
633 div.wpbc_container.wpbc_form input[type=number]:read-only::-webkit-inner-spin-button {
634 visibility: hidden
635 }
636 /*! --------------------------------------------------------------------------------------------------------------------
637 * Radio and Checkboxes
638 * ------------------------------------------------------------------------------------------------------------------ */
639 div.wpbc_container.wpbc_form input[type=checkbox],
640 div.wpbc_container.wpbc_form input[type=radio] {
641 position: relative;
642 display: inline-block;
643 background: 0 0;
644 height: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
645 width: calc(var(--wpbc_form-field-size-checkbox-size) - 2px + var(--wpbc_form-field-border-size,1px) * 2);
646 margin: 0 0 0 2px;
647 border: none;
648 box-shadow: none;
649 vertical-align: middle;
650 opacity: 1;
651 appearance: none
652 }
653 div.wpbc_container.wpbc_form input[type=checkbox]:after,
654 div.wpbc_container.wpbc_form input[type=checkbox]:before,
655 div.wpbc_container.wpbc_form input[type=radio]:after,
656 div.wpbc_container.wpbc_form input[type=radio]:before {
657 content: "";
658 position: absolute;
659 left: -2px;
660 top: 0;
661 width: var(--wpbc_form-field-size-checkbox-size);
662 height: var(--wpbc_form-field-size-checkbox-size);
663 box-sizing: content-box;
664 cursor: pointer
665 }
666 div.wpbc_container.wpbc_form input[type=checkbox]:before,
667 div.wpbc_container.wpbc_form input[type=radio]:before {
668 border-width: var(--wpbc_form-field-border-size);
669 border-style: var(--wpbc_form-field-border-style);
670 border-color: var(--wpbc_form-field-border-color);
671 background-color: var(--wpbc_form-field-background-color);
672 background-clip: padding-box;
673 background-image: none;
674 border-radius: 3px
675 }
676 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a,
677 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=checkbox] + .wpdev-list-item-label,
678 div.wpbc_container.wpbc_form .wpdev-list-item > input[type=radio] + .wpdev-list-item-label,
679 div.wpbc_container.wpbc_form input[type=checkbox] + label,
680 div.wpbc_container.wpbc_form input[type=radio] + label {
681 display: inline;
682 position: relative;
683 padding-inline-start: var(--wpbc_form-padding-between-label-checkbox-radio);
684 font-size: var(--wpbc_form-label-size-font-size);
685 vertical-align: middle;
686 cursor: pointer
687 }
688 div.wpbc_container.wpbc_form .wpbc_wrap_checkbox + a {
689 padding-top: 3px
690 }
691 div.wpbc_container.wpbc_form input[type=checkbox] + label,
692 div.wpbc_container.wpbc_form input[type=radio] + label {
693 cursor: pointer
694 }
695 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label:first-child {
696 display: inline;
697 position: relative;
698 padding-inline-end: var(--wpbc_form-padding-between-label-checkbox-radio);
699 font-size: var(--wpbc_form-label-size-font-size);
700 vertical-align: middle
701 }
702 div.wpbc_container.wpbc_form .wpdev-list-item > label.wpdev-list-item-label:first-child {
703 cursor: pointer
704 }
705 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=checkbox],
706 div.wpbc_container.wpbc_form .wpdev-list-item > .wpdev-list-item-label > input[type=radio] {
707 margin-left: var(--wpbc_form-padding-between-label-checkbox-radio);
708 margin-right: var(--wpbc_form-padding-between-label-checkbox-radio)
709 }
710 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
711 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
712 margin-right: var(--wpbc_form-marging-between-several-checkbox-radio)
713 }
714 div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:last-child,
715 div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:last-child {
716 margin-right: 0
717 }
718 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item,
719 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item {
720 margin-left: var(--wpbc_form-marging-between-several-checkbox-radio)
721 }
722 .rtl div.wpbc_container.wpbc_form .wpdev-checkbox .wpdev-list-item:first-child,
723 .rtl div.wpbc_container.wpbc_form .wpdev-radio .wpdev-list-item:first-child {
724 margin-left: 0
725 }
726 div.wpbc_container.wpbc_form input[type=checkbox]:checked:before,
727 div.wpbc_container.wpbc_form input[type=radio]:checked:before {
728 margin: 0;
729 border-width: var(--wpbc_form-field-border-size);
730 border-style: solid;
731 border-color: var(--wpbc_form-choice-checked-border-color,#066aab);
732 outline: 0
733 }
734 div.wpbc_container.wpbc_form input[type=checkbox]:checked:focus:before,
735 div.wpbc_container.wpbc_form input[type=radio]:checked:focus:before {
736 border-color: var(--wpbc_form-choice-focus-color,#066aab);
737 box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15)
738 }
739 div.wpbc_container.wpbc_form input[type=checkbox]:focus,
740 div.wpbc_container.wpbc_form input[type=radio]:focus {
741 outline: 0
742 }
743 div.wpbc_container.wpbc_form input[type=checkbox]:focus:before,
744 div.wpbc_container.wpbc_form input[type=radio]:focus:before {
745 border-width: var(--wpbc_form-field-border-size);
746 border-style: solid;
747 border-color: var(--wpbc_form-choice-focus-color,#066aab);
748 box-shadow: 0 0 0 1.2px var(--wpbc_form-choice-focus-color,#066aab),0 1px 2px rgba(0,0,0,.15);
749 outline: 0
750 }
751 div.wpbc_container.wpbc_form input[type=checkbox]:checked:after {
752 border-top: none;
753 border-right: none;
754 height: calc(var(--wpbc_form-field-size-checkbox-size) * .6);
755 border-left: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
756 border-bottom: 4px solid var(--wpbc_form-choice-checked-color,#066aab);
757 background-color: transparent;
758 -ms-transform: translate(0,1px) scale(.5) rotate(-45deg);
759 transform: translate(0,1px) scale(.5) rotate(-45deg);
760 left: calc(-4px + var(--wpbc_form-field-border-size,1px));
761 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
762 }
763 div.wpbc_container.wpbc_form input[type=radio],
764 div.wpbc_container.wpbc_form input[type=radio]:before {
765 border-radius: 50%
766 }
767 div.wpbc_container.wpbc_form input[type=radio]:checked:after {
768 border: 1px solid transparent;
769 border-radius: 50%;
770 background-color: var(--wpbc_form-choice-checked-color,#066aab);
771 -ms-transform: scale(.5);
772 transform: scale(.5);
773 -moz-transform: scale(.47);
774 left: calc(-3px + var(--wpbc_form-field-border-size,1px));
775 top: calc(-1px + var(--wpbc_form-field-border-size,1px))
776 }
777 /*! --------------------------------------------------------------------------------------------------------------------
778 * Errors
779 * ------------------------------------------------------------------------------------------------------------------ */
780 div.wpbc_container.wpbc_form.wpbc_container_booking_form label.wpbc_form_field_error,
781 div.wpbc_container.wpbc_form.wpbc_container_booking_form span.wpbc_form_field_error {
782 font-weight: 400;
783 font-size: var(--wpbc_form-label-size-sublabel-font-size);
784 line-height: var(--wpbc_form-label-size-sublabel-line-height);
785 margin-top: var(--wpbc_form-field-size-input-spacing);
786 color: var(--wpbc_form-label-error-color);
787 padding: 0 0 0 5px;
788 position: relative
789 }
790 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error,
791 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error,
792 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error {
793 border-width: var(--wpbc_form-field-border-size);
794 border-style: solid;
795 border-color: var(--wpbc_form-label-error-color)
796 }
797 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:hover,
798 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:hover,
799 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:hover {
800 border-width: var(--wpbc_form-field-border-size);
801 border-style: solid;
802 border-color: var(--wpbc_form-label-error-color);
803 box-shadow: 0 0 2px 0 var(--wpbc_form-label-error-color)
804 }
805 div.wpbc_container.wpbc_form.wpbc_container_booking_form input.wpbc_form_field_error:focus,
806 div.wpbc_container.wpbc_form.wpbc_container_booking_form select.wpbc_form_field_error:focus,
807 div.wpbc_container.wpbc_form.wpbc_container_booking_form textarea.wpbc_form_field_error:focus {
808 border-width: var(--wpbc_form-field-border-size);
809 border-style: solid;
810 border-color: var(--wpbc_form-label-error-color);
811 box-shadow: 0 0 0 1.2px var(--wpbc_form-label-error-color)
812 }
813 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error,
814 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:focus,
815 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=checkbox].wpbc_form_field_error:hover,
816 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error,
817 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:focus,
818 div.wpbc_container.wpbc_form.wpbc_container_booking_form input[type=radio].wpbc_form_field_error:hover {
819 border: none;
820 box-shadow: none
821 }
822 /*!
823 * Booking Form Buttons
824 *
825 * Front-end button styles for booking forms. Keep this file focused on form
826 * buttons only; admin buttons stay in the admin CSS sources.
827 */
828 /*! --------------------------------------------------------------------------------------------------------------------
829 * Submit buttons
830 * ------------------------------------------------------------------------------------------------------------------ */
831 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light),
832 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light),
833 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light),
834 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light) {
835 height: var(--wpbc_form-button-size-height);
836 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
837 border-radius: var(--wpbc_form-button-border-radius);
838 border-style: var(--wpbc_form-button-border-style);
839 border-color: var(--wpbc_form-button-border-color);
840 border-width: var(--wpbc_form-button-border-size);
841 box-shadow: none;
842 color: var(--wpbc_form-button-text-color);
843 padding: 0 var(--wpbc_form-button-size-padding-h);
844 font-family: inherit;
845 font-weight: 500;
846 font-size: var(--wpbc_form-button-size-font-size);
847 line-height: 100%;
848 cursor: pointer;
849 transition: .15s ease-in-out;
850 position: relative;
851 text-decoration: none
852 }
853 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
854 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
855 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):not(:hover):not(:active),
856 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):not(:hover):not(:active) {
857 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
858 color: var(--wpbc_form-button-text-color)
859 }
860 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active,
861 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
862 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover,
863 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active,
864 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus,
865 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover,
866 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):active,
867 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
868 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):hover,
869 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):active,
870 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus,
871 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):hover {
872 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)));
873 border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-border-color));
874 color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color))
875 }
876 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
877 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus,
878 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus,
879 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus {
880 outline: 0
881 }
882 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after,
883 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after,
884 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):focus:after,
885 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):focus:after {
886 content: "";
887 position: absolute;
888 border: 2px solid var(--wpbc_form-button-background-color);
889 border-radius: calc(var(--wpbc_form-button-border-radius) + 2px);
890 top: calc(-4px - var(--wpbc_form-button-border-size,1px));
891 right: calc(-4px - var(--wpbc_form-button-border-size,1px));
892 bottom: calc(-4px - var(--wpbc_form-button-border-size,1px));
893 left: calc(-4px - var(--wpbc_form-button-border-size,1px))
894 }
895 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled,
896 .wp-core-ui div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover,
897 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled,
898 .wp-core-ui div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover,
899 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled,
900 div.wpbc_container.wpbc_form button[type=submit]:not(.wpbc_button_light):disabled:hover,
901 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled,
902 div.wpbc_container.wpbc_form input[type=submit]:not(.wpbc_button_light):disabled:hover {
903 background-color: var(--wpbc_form-button-background-color-alt,var(--wpbc_form-button-background-color));
904 cursor: default
905 }
906 /*! --------------------------------------------------------------------------------------------------------------------
907 * Lightweight buttons
908 * ------------------------------------------------------------------------------------------------------------------ */
909 .wpbc_container.wpbc_container_booking_form .wpbc_button_light,
910 .wpbc_container.wpbc_form .wpbc_button_light,
911 .wpbc_container.wpbc_form input.wpbc_button_light {
912 font-size: clamp(1em,1em + (1vw - .2em) * .208,1.125em);
913 border: 2px solid var(--wpbc_form-button-light-border-color,rgba(238,238,238,.7098039216));
914 box-shadow: var(--wpbc_form-button-light-box-shadow,0 2px 10px 2px rgba(255,255,255,.3294117647));
915 background: var(--wpbc_form-button-light-background-color,#fdfdfd);
916 color: var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725));
917 border-radius: .375em;
918 padding: 0 2.2em;
919 line-height: calc(var(--wpbc_form-button-light-size-height) - 3px);
920 text-decoration: none;
921 cursor: pointer;
922 outline: 0;
923 display: -ms-flexbox;
924 display: flex;
925 -ms-flex-flow: row wrap;
926 flex-flow: row wrap;
927 -ms-flex-pack: center;
928 justify-content: center;
929 -ms-flex-align: center;
930 align-items: center;
931 margin: 0;
932 height: auto;
933 box-sizing: border-box;
934 text-shadow: none;
935 text-overflow: ellipsis;
936 overflow: hidden;
937 overflow-wrap: normal;
938 white-space: normal;
939 -ms-hyphens: auto;
940 hyphens: auto
941 }
942 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus,
943 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover,
944 .wpbc_container.wpbc_form .wpbc_button_light:focus,
945 .wpbc_container.wpbc_form .wpbc_button_light:hover,
946 .wpbc_container.wpbc_form input.wpbc_button_light:focus,
947 .wpbc_container.wpbc_form input.wpbc_button_light:hover {
948 border: 2px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd);
949 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)));
950 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd));
951 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)))
952 }
953 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary {
954 background: var(--wpbc_form-button-background-color,#066aab);
955 color: var(--wpbc_form-button-text-color,#fff)
956 }
957 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:active,
958 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus,
959 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover {
960 background: var(--wpbc_form-button-hover-background-color,var(--wpbc_form-button-background-color,#066aab));
961 color: var(--wpbc_form-button-hover-text-color,var(--wpbc_form-button-text-color,#fff));
962 border-color: var(--wpbc_form-button-hover-border-color,var(--wpbc_form-button-primary-hover-border-color,#fff));
963 box-shadow: 0 0 0 2px var(--wpbc_form-button-background-color,#066aab)
964 }
965 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:active:not(:disabled) {
966 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#fdfdfd));
967 border: 2px solid var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,rgba(238,238,238,.7098039216)));
968 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,rgba(68,68,68,.8784313725)));
969 cursor: pointer
970 }
971 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled,
972 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:focus,
973 .wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:hover {
974 color: #ccc;
975 border: 2px solid rgba(238,238,238,.7098039216);
976 cursor: not-allowed
977 }
978 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger {
979 background: #de605c;
980 border-color: #de605c;
981 color: #f7f7f7;
982 text-shadow: 0 0 #ba5956
983 }
984 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus,
985 .wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover {
986 background: #e65d59;
987 color: #fff;
988 border-color: #fff;
989 box-shadow: 0 0 0 2px #de605c
990 }
991 /*! --------------------------------------------------------------------------------------------------------------------
992 * Payment gateway buttons
993 * ------------------------------------------------------------------------------------------------------------------ */
994 .wpbc_container .wpbc_button_light.wpbc_button_gw {
995 -ms-flex: 1 1 100%;
996 flex: 1 1 100%;
997 display: -ms-flexbox;
998 display: flex;
999 -ms-flex-flow: column wrap;
1000 flex-flow: column wrap;
1001 -ms-flex-pack: start;
1002 justify-content: flex-start;
1003 -ms-flex-align: center;
1004 align-items: center;
1005 width: 100%
1006 }
1007 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe,
1008 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1009 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
1010 background-image: url(../../../inc/assets/stripe.svg);
1011 background-position: 90% 50%;
1012 background-size: 80px auto;
1013 background-repeat: no-repeat;
1014 padding-right: 130px
1015 }
1016 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom,
1017 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1018 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1019 background-image: url(../../../../booking-calendar-com/inc/assets/stripe.svg);
1020 background-color: #2c2e2f;
1021 color: #fff;
1022 border-color: #2c2e2f
1023 }
1024 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1025 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1026 filter: brightness(1.3);
1027 border: 2px solid var(--wpbc_form-button-light-hover-border-color,#4d91cd);
1028 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)))
1029 }
1030 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe,
1031 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * {
1032 color: var(--wpbc_form-button-light-text-color,#fff)
1033 }
1034 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active,
1035 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:active *,
1036 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1037 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus *,
1038 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover,
1039 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover * {
1040 color: var(--wpbc_form-button-light-hover-text-color,var(--wpbc_form-button-light-text-color,#fff))
1041 }
1042 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom,
1043 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:active,
1044 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1045 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1046 background-color: var(--wpbc_form-button-light-background-color);
1047 border-color: var(--wpbc_form-button-light-border-color);
1048 color: var(--wpbc_form-button-light-text-color)
1049 }
1050 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:focus,
1051 .wpbc_container.wpbc_bfb_form_appearance_custom .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom:hover {
1052 background-color: var(--wpbc_form-button-light-hover-background-color);
1053 border-color: var(--wpbc_form-button-light-hover-border-color);
1054 color: var(--wpbc_form-button-light-hover-text-color);
1055 filter: none
1056 }
1057 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver,
1058 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white,
1059 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow {
1060 padding-right: 115px;
1061 background-color: #ffc439!important;
1062 border: 2px solid #ffc439!important;
1063 color: #2c2e2f;
1064 box-shadow: none;
1065 text-indent: -9999px;
1066 background-image: url(../../../inc/assets/paypal_commerce.svg)!important;
1067 background-position: 50% 50%!important;
1068 background-size: 80px auto!important;
1069 background-repeat: no-repeat!important;
1070 min-width: 175px
1071 }
1072 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom,
1073 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom,
1074 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom {
1075 background-image: url(../../../../booking-calendar-com/inc/assets/paypal_commerce.svg)!important
1076 }
1077 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
1078 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover,
1079 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
1080 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover,
1081 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1082 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover {
1083 background-color: #f2ba36!important;
1084 border-color: #f2ba36!important;
1085 box-shadow: 0 5px 10px #f0f0f8;
1086 color: #5f5f5f
1087 }
1088 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black,
1089 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue {
1090 padding-right: 115px;
1091 background-color: #009cde!important;
1092 border: 2px solid #009cde!important;
1093 color: #fff;
1094 box-shadow: none;
1095 text-indent: -9999px;
1096 background-image: url(../../../inc/assets/paypal_white_full.svg)!important;
1097 background-position: 50% 50%!important;
1098 background-size: 80px auto!important;
1099 background-repeat: no-repeat!important;
1100 min-width: 175px
1101 }
1102 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom,
1103 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom {
1104 background-image: url(../../../../booking-calendar-com/inc/assets/paypal_white_full.svg)!important
1105 }
1106 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
1107 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover,
1108 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus,
1109 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover {
1110 background-color: #33b0e5!important;
1111 border-color: #33b0e5!important;
1112 box-shadow: 0 5px 10px #f0f0f8;
1113 color: #fff
1114 }
1115 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver {
1116 background-color: #eee!important;
1117 border: 2px solid #eee!important
1118 }
1119 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus,
1120 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover {
1121 background-color: #e2e2e2!important;
1122 border-color: #e2e2e2!important
1123 }
1124 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white {
1125 background-color: #fff!important;
1126 border: 1px solid #2c2e2f!important
1127 }
1128 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus,
1129 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover {
1130 background-color: #fff!important;
1131 border-color: #2c2e2f!important
1132 }
1133 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black {
1134 background-color: #2c2e2f!important;
1135 border: 2px solid #2c2e2f!important
1136 }
1137 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus,
1138 .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover {
1139 background-color: #565859!important;
1140 border-color: #565859!important
1141 }
1142 /*! --------------------------------------------------------------------------------------------------------------------
1143 * Dark style button overrides
1144 * ------------------------------------------------------------------------------------------------------------------ */
1145 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light,
1146 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light {
1147 box-shadow: var(--wpbc_form-button-light-box-shadow,0 0 0 #424242);
1148 border: 2px solid var(--wpbc_form-button-light-border-color,#2c2e2f);
1149 background-color: var(--wpbc_form-button-light-background-color,#2c2e2f);
1150 color: var(--wpbc_form-button-light-text-color,#fff);
1151 filter: none
1152 }
1153 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:focus,
1154 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:hover,
1155 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:focus,
1156 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover {
1157 box-shadow: var(--wpbc_form-button-light-hover-box-shadow,0 0 0 #424242);
1158 border: 2px solid var(--wpbc_form-button-light-hover-border-color,var(--wpbc_form-button-light-border-color,#2c2e2f));
1159 background-color: var(--wpbc_form-button-light-hover-background-color,var(--wpbc_form-button-light-background-color,#2c2e2f));
1160 color: var(--wpbc_form-button-light-hover-text-color,#fff)
1161 }
1162 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:hover,
1163 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover {
1164 filter: brightness(1.2)
1165 }
1166 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover,
1167 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light[class*=wpbc_button_gw_paypal_]:hover {
1168 filter: none
1169 }
1170 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1171 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover,
1172 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus,
1173 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover {
1174 box-shadow: 0 5px 10px #424242
1175 }
1176 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1177 .wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover,
1178 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus,
1179 .wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover {
1180 background-color: var(--wpbc_form-button-light-background-color,#2c2e2f);
1181 border-color: var(--wpbc_form-button-light-border-color,#2c2e2f)
1182 }
1183 .wpdev-form-control-wrap .wpdev-checkbox.group_inline,
1184 .wpdev-form-control-wrap .wpdev-radio.group_inline,
1185 .wpdev-form-control-wrap.group_inline [role=checkboxgroup],
1186 .wpdev-form-control-wrap.group_inline [role=radiogroup] {
1187 display: -ms-inline-flexbox;
1188 display: inline-flex;
1189 -ms-flex-flow: row wrap;
1190 flex-flow: row wrap;
1191 -ms-flex-pack: start;
1192 justify-content: flex-start;
1193 -ms-flex-align: start;
1194 align-items: flex-start;
1195 gap: 2em;
1196 row-gap: .5em
1197 }
1198 .wpdev-form-control-wrap .wpdev-checkbox,
1199 .wpdev-form-control-wrap .wpdev-radio,
1200 .wpdev-form-control-wrap [role=checkboxgroup],
1201 .wpdev-form-control-wrap [role=radiogroup] {
1202 display: -ms-flexbox;
1203 display: flex;
1204 -ms-flex-flow: column wrap;
1205 flex-flow: column wrap;
1206 -ms-flex-pack: start;
1207 justify-content: flex-start;
1208 -ms-flex-align: start;
1209 align-items: flex-start;
1210 gap: .5em
1211 }
1212 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label,
1213 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label,
1214 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1215 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1216 display: inline;
1217 line-height: 1.74;
1218 font-weight: 400
1219 }
1220 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item,
1221 div.wpbc_container.wpbc_form .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item {
1222 margin-right: 0
1223 }
1224 .wpbc_container_booking_form .wpdev-form-control-wrap [role=checkboxgroup] > label input[type=checkbox],
1225 .wpbc_container_booking_form .wpdev-form-control-wrap [role=radiogroup] > label input[type=radio],
1226 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item input[type=checkbox],
1227 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item input[type=radio] {
1228 vertical-align: middle;
1229 margin-block-start: -.25em;
1230 margin-inline-end: .3em
1231 }
1232 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label,
1233 .wpdev-form-control-wrap .wpdev-checkbox > .wpdev-list-item label:hover,
1234 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label,
1235 .wpdev-form-control-wrap .wpdev-radio > .wpdev-list-item label:hover {
1236 line-height: 1.74;
1237 font-weight: 400
1238 }
1239 /*! ----------------------------------------------------------------------------------------------------------------- */
1240 /*! Timeline Steps: */
1241 /*! ----------------------------------------------------------------------------------------------------------------- */
1242 .wpbc__container_place__steps_for_timeline,
1243 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
1244 -ms-flex: 1 1 400px;
1245 flex: 1 1 400px;
1246 display: -ms-flexbox;
1247 display: flex;
1248 -ms-flex-flow: column;
1249 flex-flow: column;
1250 -ms-flex-pack: center;
1251 justify-content: center;
1252 -ms-flex-align: center;
1253 align-items: center;
1254 height: 50px;
1255 margin: 0 auto 35px;
1256 padding: 0;
1257 border: 0
1258 }
1259 .wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.wpbc__container_place__steps_for_timeline {
1260 display: none
1261 }
1262 .wpbc_steps_for_timeline_container {
1263 max-width: min(400px,100%);
1264 min-width: 200px;
1265 margin: 3px 0 0;
1266 width: 100%;
1267 --wpbc_steps_for_timeline_step_color: #d6d6d6;
1268 --wpbc_steps_for_timeline_active_color: #64aa45;
1269 --wpbc_steps_for_timeline_failed_color: #e76a39;
1270 --wpbc_steps_for_timeline_checkbox_color: #fff
1271 }
1272 .booking_form_div .wpbc_steps_for_timeline_container {
1273 --wpbc_steps_for_timeline_active_color: var(--wpbc_timepicker-selected-bg-color, #6b96ce)
1274 }
1275 .wpbc_steps_for_timeline {
1276 margin: 0;
1277 padding: 0;
1278 display: -ms-flexbox;
1279 display: flex;
1280 -ms-flex-flow: row nowrap;
1281 flex-flow: row nowrap;
1282 -ms-flex-pack: start;
1283 justify-content: flex-start;
1284 -ms-flex-align: center;
1285 align-items: center
1286 }
1287 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line {
1288 background: var(--wpbc_steps_for_timeline_step_color);
1289 height: 2px;
1290 margin: 0 7px;
1291 width: 100%
1292 }
1293 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line.wpbc_steps_for_timeline_line_active {
1294 background: var(--wpbc_steps_for_timeline_active_color)
1295 }
1296 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step {
1297 border: none;
1298 background-color: var(--wpbc_steps_for_timeline_step_color);
1299 border-radius: 50%;
1300 -ms-flex-negative: 0;
1301 flex-shrink: 0;
1302 height: 16px;
1303 width: 16px
1304 }
1305 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step .icon {
1306 display: none
1307 }
1308 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_active,
1309 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed,
1310 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed {
1311 background-color: var(--wpbc_steps_for_timeline_active_color);
1312 position: relative
1313 }
1314 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed .icon-success,
1315 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
1316 color: var(--wpbc_steps_for_timeline_checkbox_color,#fff);
1317 display: block;
1318 position: absolute;
1319 left: 3px;
1320 top: 3px
1321 }
1322 .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed .icon-failed {
1323 left: 4px;
1324 top: 2px
1325 }
1326 /*! Timeline Steps: Front-End align */
1327 .booking_form_div .wpbc_steps_for_timeline_container,
1328 .wpbc_bfb__container .wpbc_steps_for_timeline_container {
1329 margin: 20px auto 25px
1330 }
1331 .bfb_element [class^=wpbc_steps_for_timeline__steps_timeline] {
1332 -ms-flex: 1;
1333 flex: 1
1334 }
1335 /*! == Align Form Elements ====================================================================================== */
1336 /*! == Right == */
1337 .wpbc_aling_right,
1338 .wpbc_aling_right .wpbc_times_selector {
1339 -ms-flex-pack: end!important;
1340 justify-content: flex-end!important
1341 }
1342 /*! == Center == */
1343 .wpbc_aling_center,
1344 .wpbc_aling_center .wpbc_times_selector {
1345 -ms-flex-pack: center!important;
1346 justify-content: center!important
1347 }
1348 /*! == Simple booking form - Center == */
1349 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field {
1350 -ms-flex-pack: center!important;
1351 justify-content: center!important
1352 }
1353 .wpbc_container_booking_form .wpbc_booking_form_simple .wpbc_aling_center .wpbc__field label {
1354 text-align: center!important
1355 }
1356 /*! == Center Calendar ? == */
1357 .wpbc_aling_center .wpbc_calendar_wraper {
1358 display: -ms-flexbox;
1359 display: flex;
1360 -ms-flex-flow: column nowrap;
1361 flex-flow: column nowrap;
1362 -ms-flex-pack: center;
1363 justify-content: center;
1364 -ms-flex-align: center;
1365 align-items: center
1366 }
1367 @media (max-width:400px) {
1368 .wpbc_aling_right .wpbc_times_selector div {
1369 margin: 7px 0 0
1370 }
1371 .wpbc_aling_center .wpbc_times_selector div {
1372 margin: 7px 0
1373 }
1374 }
1375 /*! == Wizard Form Tmeplate - Bordered Well Padding ============================================================ */
1376 .wpbc_wizard__border_container {
1377 box-shadow: var(--wpbc-bfb-form-box-shadow,rgba(0,0,0,.05) 0 2px 6px 0);
1378 border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#ccc);
1379 border-radius: var(--wpbc-bfb-form-border-radius,2px);
1380 background: var(--wpbc-bfb-form-background,#fff);
1381 padding: var(--wpbc-bfb-form-padding,10px 30px);
1382 box-sizing: border-box;
1383 margin: auto;
1384 max-width: 100%;
1385 width: 100%;
1386 max-width: min(900px,100%)
1387 }
1388 .wpbc_wizard__border_container,
1389 .wpbc_wizard__border_container p {
1390 font-size: 16px;
1391 font-weight: 400
1392 }
1393 .wpbc_times_selector div,
1394 .wpbc_wizard__border_container .wpbc_times_selector div {
1395 -ms-flex: 1 1 auto;
1396 flex: 1 1 auto;
1397 min-width: min(90px,100%);
1398 white-space: wrap;
1399 word-break: normal
1400 }
1401 .wpbc_theme_dark_1 .wpbc_wizard__border_container {
1402 border: var(--wpbc-bfb-form-border-width,1px) solid var(--wpbc-bfb-form-border-color,#000);
1403 background: var(--wpbc-bfb-form-background,#626262);
1404 color: var(--wpbc_form-label-color,#bbb);
1405 box-shadow: var(--wpbc-bfb-form-box-shadow,0 0 3px #3b3b3b)
1406 }
1407 .wpbc_theme_dark_1 .wpbc_wizard__border_container div:not(.datepick-inline*),
1408 .wpbc_theme_dark_1 .wpbc_wizard__border_container label,
1409 .wpbc_theme_dark_1 .wpbc_wizard__border_container p,
1410 .wpbc_theme_dark_1 .wpbc_wizard__border_container span:not(.datepick-inline*) {
1411 color: var(--wpbc_form-label-color,#fff)
1412 }
1413 div.wpbc_container.wpbc_form .wpbc_field_description,
1414 div.wpbc_container.wpbc_form .wpbc_static_text,
1415 div.wpbc_container.wpbc_form .wpdev-list-item-label,
1416 div.wpbc_container.wpbc_form l,
1417 div.wpbc_container.wpbc_form label,
1418 div.wpbc_container.wpbc_form p {
1419 color: var(--wpbc_form-label-color,#3c434a)
1420 }
1421 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_field_description,
1422 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_static_text,
1423 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpdev-list-item-label,
1424 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 l,
1425 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 label,
1426 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 p {
1427 color: var(--wpbc_form-label-color,#bbb)
1428 }
1429 div.wpbc_container.wpbc_form.wpbc_theme_dark_1 {
1430 --wpbc-bfb-form-background: #626262;
1431 --wpbc-bfb-form-border-color: #000000;
1432 --wpbc-bfb-form-box-shadow: 0 0px 3px #3b3b3b;
1433 --wpbc_form-field-background-color: #3f454f;
1434 --wpbc_form-field-border-color: rgba(255, 255, 255, 0.28);
1435 --wpbc_form-field-border-color-spare: rgba(255, 255, 255, 0.28);
1436 --wpbc_form-field-focus-border-color: #5b8bff;
1437 --wpbc_form-field-focus-shadow-color: #5b8bff;
1438 --wpbc_form-field-text-color: #f4f6f8;
1439 --wpbc_form-field-disabled-color: rgba(255, 255, 255, 0.35);
1440 --wpbc_form-field-menu-color: #303640;
1441 --wpbc_form-label-color: #f4f6f8;
1442 --wpbc_form-label-sublabel-color: rgba(255, 255, 255, 0.72);
1443 --wpbc_form-label-error-color: #ff8a8a;
1444 --wpbc_form-button-background-color: #4d4d4d;
1445 --wpbc_form-button-background-color-alt: #4d4d4d;
1446 --wpbc_form-button-border-color: #5f5f5f;
1447 --wpbc_form-button-text-color: #ffffff;
1448 --wpbc_form-button-text-color-alt: #ffffff;
1449 --wpbc_form-choice-checked-border-color: #5b8bff;
1450 --wpbc_form-choice-checked-color: #f4f6f8;
1451 --wpbc_form-choice-focus-color: #5b8bff;
1452 --wpbc_form-button-light-background-color: #2C2E2F;
1453 --wpbc_form-button-light-border-color: #2C2E2F;
1454 --wpbc_form-button-light-text-color: #ffffff;
1455 --wpbc_form-button-light-box-shadow: 0 0 0 #424242;
1456 --wpbc_form-button-light-hover-background-color: #2C2E2F;
1457 --wpbc_form-button-light-hover-border-color: #2C2E2F;
1458 --wpbc_form-button-light-hover-text-color: #ffffff;
1459 --wpbc_form-button-light-hover-box-shadow: 0 0 0 #424242;
1460 --wpbc_form-button-primary-hover-border-color: #ffffff;
1461 --wpbc_form-page-break-color: #5f9ee7
1462 }
1463 .wpbc_cal_powered_by,
1464 .wpbc_cal_powered_by a {
1465 font-size: 7px;
1466 text-align: left;
1467 margin: 0 0 10px;
1468 text-shadow: none
1469 }
1470 .wpbc_range_selection_guidance,
1471 .wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon {
1472 border: 0;
1473 box-shadow: none;
1474 line-height: 2;
1475 font-size: var(--wpbc_form-label-size-sublabel-font-size,14px);
1476 color: #848280;
1477 color: var(--wpbc_form-label-color,#3c434a);
1478 opacity: .55
1479 }