PluginProbe
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster / 1.5.7
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster v1.5.7
2.7.0 2.6.0 trunk 1.1.0 1.1.4 1.2.1 1.2.2 1.2.3 1.2.5 1.2.9 1.3.1 1.3.2 1.5.0 1.5.1 1.5.4 1.5.7 1.5.8 1.5.9 1.6.2 1.6.5 1.6.8 1.7.2 1.7.4 1.7.5 1.7.9 All 43 releases
sellkit / assets / dist / css / frontend.css

frontend.css in SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster 1.5.7, at assets/dist/css/frontend.css

4,543 lines 154.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .sellkit-order-cart-detail {
3 width: 100%;
4 padding: 20px;
5 border: 1px solid #ccc;
6 }
7 .sellkit-order-cart-detail .sellkit-cart-detail-heading {
8 font-weight: bold;
9 }
10 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail {
11 position: relative;
12 width: 80px;
13 height: 80px;
14 }
15 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail img {
16 width: 100% !important;
17 height: 100% !important;
18 -o-object-fit: cover;
19 object-fit: cover;
20 }
21 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail .sellkit-order-cart-detail-items-thumbnail-image-wrapper {
22 overflow: hidden;
23 }
24 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail .sellkit-order-cart-detail-items-thumbnail-quantity {
25 position: absolute;
26 top: -5px;
27 right: -8px;
28 width: 20px;
29 height: 20px;
30 border: 2px solid #000;
31 border-radius: 50%;
32 background: #fff;
33 color: #000;
34 line-height: 17px;
35 text-align: center;
36 }
37 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-product-detail {
38 -webkit-box-align: center;
39 -ms-flex-align: center;
40 align-items: center;
41 -webkit-box-pack: start;
42 -ms-flex-pack: start;
43 justify-content: start;
44 }
45 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-product-title {
46 margin-left: 10px;
47 }
48 .sellkit-order-cart-detail .woocommerce-table__product-name.product-name {
49 display: -webkit-box;
50 display: -ms-flexbox;
51 display: flex;
52 align-items: center;
53 height: 100%;
54 -webkit-box-align: center;
55 -ms-flex-align: center;
56 -webkit-box-pack: center;
57 -ms-flex-pack: center;
58 }
59 .sellkit-order-cart-detail .woocommerce-table__product-total.product-total {
60 text-align: right;
61 }
62 .sellkit-order-cart-detail tfoot tr th, .sellkit-order-cart-detail tfoot tfoot tr td {
63 font-weight: normal !important;
64 }
65 .sellkit-order-cart-detail tfoot tr td {
66 text-align: right;
67 }
68 .sellkit-order-cart-detail tfoot tr {
69 margin-bottom: 10px !important;
70 }
71 .sellkit-order-cart-detail tfoot tr th, .sellkit-order-cart-detail tfoot tr td {
72 padding: 10px 0;
73 }
74 .sellkit-order-cart-detail tfoot tfoot {
75 padding-top: 10px;
76 }
77 .sellkit-order-cart-detail tfoot tr:first-child th, .sellkit-order-cart-detail tfoot tr:first-child td {
78 padding-top: 20px;
79 }
80 .sellkit-order-cart-detail tfoot tr:last-child {
81 border-top: 3px solid #ccc;
82 font-weight: 700;
83 }
84 .sellkit-order-cart-detail tfoot tr:last-child th, .sellkit-order-cart-detail tfoot tfoot tr:last-child td {
85 margin-top: 10px;
86 font-weight: 700;
87 }
88 .sellkit-order-cart-detail .sellkit-order-cart-detail-items {
89 width: 100%;
90 padding: 0;
91 list-style: none;
92 }
93 .sellkit-order-cart-detail .sellkit-order-cart-detail-items li {
94 display: -webkit-box;
95 display: -ms-flexbox;
96 display: flex;
97 -webkit-box-pack: justify;
98 -ms-flex-pack: justify;
99 justify-content: space-between;
100 width: 100%;
101 height: 80px;
102 }
103 .sellkit-order-cart-detail .sellkit-order-cart-detail-items li > div {
104 display: -webkit-box;
105 display: -ms-flexbox;
106 display: flex;
107 -webkit-box-align: center;
108 -ms-flex-align: center;
109 align-items: center;
110 -webkit-box-pack: center;
111 -ms-flex-pack: center;
112 justify-content: center;
113 height: 100%;
114 }
115 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices {
116 width: 100%;
117 padding: 0;
118 list-style: none;
119 }
120 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices li {
121 display: -webkit-box;
122 display: -ms-flexbox;
123 display: flex;
124 -webkit-box-pack: justify;
125 -ms-flex-pack: justify;
126 justify-content: space-between;
127 width: 100%;
128 }
129 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices li:last-child {
130 margin-top: 10px;
131 padding-top: 10px;
132 border-top: 3px solid #ccc;
133 font-weight: bold;
134 }
135 .sellkit-order-cart-detail .shop_table {
136 width: 100%;
137 }
138
139 .jupiterx-post-content table th, .jupiterx-post-content table td {
140 border-top: inherit;
141 vertical-align: inherit;
142 }
143
144 .jupiterx-post-content table thead th, .table thead th {
145 border-bottom: inherit;
146 }
147
148 .sellkit-order-details .sellkit-flex {
149 display: -webkit-box;
150 display: -ms-flexbox;
151 display: flex;
152 }
153 .sellkit-order-details .sellkit-flex-wrap {
154 -ms-flex-wrap: wrap;
155 flex-wrap: wrap;
156 }
157 .sellkit-order-details.woocommerce-order-overview {
158 padding: 15px 10px;
159 border: 1px solid #DFDFDF;
160 }
161 .sellkit-order-details h3 {
162 margin-bottom: 15px;
163 color: #343434;
164 font-weight: 500;
165 }
166 .sellkit-order-details .sellkit-order-details-heading {
167 margin: 0;
168 color: #3B3B3B;
169 font-size: 16px;
170 font-weight: 500;
171 }
172 .sellkit-order-details .sellkit-order-details-items-group {
173 display: -webkit-box;
174 display: -ms-flexbox;
175 display: flex;
176 -webkit-box-orient: vertical;
177 -webkit-box-direction: normal;
178 -ms-flex-direction: column;
179 flex-direction: column;
180 }
181 .sellkit-order-details .order-details-heading-group {
182 display: -webkit-box;
183 display: -ms-flexbox;
184 display: flex;
185 -webkit-box-align: center;
186 -ms-flex-align: center;
187 align-items: center;
188 }
189 .sellkit-order-details .order-details-item-content {
190 color: #6A6A6A;
191 font-size: 15px;
192 font-weight: 400;
193 }
194 .sellkit-order-details .sellkit-order-details-content {
195 padding: 0;
196 }
197 .sellkit-order-details .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
198 margin: 0 0 0.8em;
199 font-size: 1.5rem;
200 font-weight: 700;
201 }
202 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details {
203 margin: 0 0 3em;
204 list-style: none;
205 }
206 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details::before {
207 display: table;
208 content: " ";
209 }
210 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details::after {
211 display: table;
212 clear: both;
213 content: " ";
214 }
215 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li {
216 margin-right: 2em;
217 margin-left: 0;
218 padding-right: 2em;
219 padding-left: 0;
220 float: left;
221 border-right: 1px dashed #d3ced2;
222 font-size: 0.715em;
223 line-height: 1;
224 text-transform: uppercase;
225 list-style-type: none;
226 }
227 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li strong {
228 display: block;
229 font-size: 1.4em;
230 line-height: 1.5;
231 text-transform: none;
232 }
233 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li:last-of-type {
234 border: none;
235 }
236
237 .sellkit-product-price-widget del {
238 display: inline-block;
239 opacity: 0.5;
240 }
241 .sellkit-product-price-widget ins {
242 text-decoration: none;
243 }
244
245 .sellkit-product-image-widget.product {
246 display: -webkit-box;
247 display: -ms-flexbox;
248 display: flex;
249 }
250 .sellkit-product-image-widget.product .woocommerce-product-gallery {
251 min-height: 10px;
252 }
253 .sellkit-product-image-widget.product .woocommerce-product-gallery .product .sellkit-woocommerce-product-gallery {
254 width: 100%;
255 }
256 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-viewport {
257 border-width: 2px;
258 border-color: #0a0c0d;
259 }
260 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-nav {
261 display: -webkit-box;
262 display: -ms-flexbox;
263 display: flex;
264 padding-left: 0;
265 list-style: none;
266 }
267 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-nav li {
268 cursor: pointer;
269 overflow: hidden;
270 }
271 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
272 overflow: hidden;
273 }
274 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
275 border-radius: 0;
276 }
277 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
278 cursor: default !important;
279 }
280 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
281 width: 100%;
282 height: auto !important;
283 border-radius: 0;
284 }
285 .sellkit-product-image-widget.product .woocommerce-product-gallery img {
286 display: inline-block;
287 border-radius: 0;
288 }
289 .sellkit-product-image-widget.product .woocommerce-product-gallery .product {
290 display: -webkit-box;
291 display: -ms-flexbox;
292 display: flex;
293 }
294 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs {
295 -ms-flex-wrap: wrap;
296 flex-wrap: wrap;
297 }
298 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs li {
299 margin-left: 0 !important;
300 }
301 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs li img {
302 border-radius: 0 !important;
303 }
304 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
305 border: none !important;
306 }
307
308 .product_title-widget .entry-title {
309 color: #222222;
310 }
311
312 .sellkit-product-quantity-widget {
313 display: -webkit-box;
314 display: -ms-flexbox;
315 display: flex;
316 }
317 .sellkit-product-quantity-widget .quantity .screen-reader-text {
318 display: unset;
319 position: relative !important;
320 top: -5px;
321 width: 100%;
322 min-height: 22px;
323 color: #404040;
324 opacity: 1;
325 visibility: visible;
326 -webkit-clip-path: none;
327 clip-path: none;
328 }
329 .sellkit-product-quantity-widget input {
330 width: 100%;
331 }
332
333 .sellkit-accept-reject-button-widget {
334 font-size: 16px;
335 }
336 .sellkit-accept-reject-button-widget .sellkit-accept-reject-button-title {
337 display: inline-block;
338 }
339 .sellkit-accept-reject-button-widget .sellkit-accept-reject-button-sub-title {
340 font-size: 10px;
341 font-weight: bold;
342 }
343
344 .sellkit-accept-reject-button {
345 padding: 12px 60px;
346 background: #635cff;
347 color: #fff !important;
348 cursor: pointer;
349 }
350 .sellkit-accept-reject-button.elementor-size-sm {
351 padding: 12px 24px !important;
352 }
353
354 .sellkit-upsell-popup {
355 display: -webkit-box;
356 display: -ms-flexbox;
357 display: flex;
358 position: fixed;
359 top: 0;
360 left: 0;
361 -webkit-box-align: center;
362 -ms-flex-align: center;
363 align-items: center;
364 -webkit-box-pack: center;
365 -ms-flex-pack: center;
366 justify-content: center;
367 width: 100%;
368 height: 100%;
369 background: rgba(11, 11, 11, 0.25);
370 z-index: 1000;
371 }
372 .sellkit-upsell-popup .sellkit-upsell-popup-body {
373 width: 600px;
374 height: 357px;
375 padding: 23px;
376 border-radius: 4px;
377 background: #fff;
378 text-align: center;
379 }
380 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-header {
381 text-align: right;
382 cursor: pointer;
383 }
384 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-header img {
385 width: 12px;
386 height: 12px;
387 color: #6c757d;
388 }
389 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-icon {
390 padding: 31px;
391 }
392 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-icon .rotate {
393 -webkit-animation: rotation 2s infinite linear;
394 animation: rotation 2s infinite linear;
395 }
396 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content {
397 color: #222;
398 font-size: 22px;
399 font-style: normal;
400 font-weight: normal;
401 letter-spacing: normal;
402 line-height: 1.45;
403 text-align: center;
404 font-stretch: normal;
405 letter-spacing: normal;
406 }
407 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-updating, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-accepted, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-rejected {
408 display: none;
409 }
410 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-updating.active, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-accepted.active, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-rejected.active {
411 display: block;
412 margin: auto;
413 }
414 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-popup-text .sellkit-upsell-accepted, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-popup-text .sellkit-upsell-rejected {
415 padding: 0 40px;
416 }
417 .sellkit-upsell-popup:not(.active) {
418 display: none;
419 }
420
421 @-webkit-keyframes rotation {
422 from {
423 -webkit-transform: rotate(0deg);
424 transform: rotate(0deg);
425 }
426 to {
427 -webkit-transform: rotate(359deg);
428 transform: rotate(359deg);
429 }
430 }
431
432 @keyframes rotation {
433 from {
434 -webkit-transform: rotate(0deg);
435 transform: rotate(0deg);
436 }
437 to {
438 -webkit-transform: rotate(359deg);
439 transform: rotate(359deg);
440 }
441 }
442 body.oceanwp-theme .elementor-widget-sellkit-checkout .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-checkout-order-bump-price del {
443 color: unset;
444 opacity: 1;
445 }
446 body.oceanwp-theme .elementor-widget-sellkit-checkout .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-checkout-order-bump-price .amount {
447 color: #222 !important;
448 }
449
450 body.theme-betheme .elementor-widget-sellkit-checkout div#customer_details {
451 -ms-flex-preferred-size: unset;
452 flex-basis: unset;
453 max-width: unset;
454 margin-bottom: unset;
455 }
456 body.theme-betheme .elementor-widget-sellkit-checkout div#order_review#order_review {
457 -ms-flex-preferred-size: unset;
458 flex-basis: unset;
459 width: 100% !important;
460 max-width: unset;
461 margin-bottom: unset;
462 margin-left: unset;
463 }
464 body.theme-betheme .elementor-widget-sellkit-checkout div.woocommerce-billing-fields,
465 body.theme-betheme .elementor-widget-sellkit-checkout section.sellkit-one-page-shipping-methods {
466 width: 100% !important;
467 }
468 body.theme-betheme .elementor-widget-sellkit-checkout section.place-order {
469 width: 100%;
470 }
471 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li {
472 border: unset;
473 }
474 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li.active-payment {
475 border-color: unset;
476 }
477 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li.active-payment span.mfn-payment-check {
478 display: none;
479 }
480 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li:not(.woocommerce-notice)::before, body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li:not(.woocommerce-notice)::after {
481 display: none;
482 }
483 body.theme-betheme .elementor-widget-sellkit-checkout span.woocommerce-input-wrapper input {
484 -webkit-transition: all 0.15s ease-in-out;
485 transition: all 0.15s ease-in-out;
486 }
487 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table td {
488 border-style: none;
489 }
490 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table td.sellkit-checkout-bundled-spacer-row {
491 background-color: unset !important;
492 }
493 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table tr:first-child td {
494 -webkit-box-shadow: unset;
495 box-shadow: unset;
496 }
497 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table input[type=number] {
498 margin-bottom: unset;
499 }
500
501 body.theme-dt-the7 .elementor-widget-sellkit-checkout > * {
502 font-family: sans-serif;
503 }
504 body.theme-dt-the7 .elementor-widget-sellkit-checkout button#place_order {
505 background: unset;
506 background-color: #323232;
507 }
508
509 body.theme-Avada .elementor-widget-sellkit-checkout > * {
510 font-family: sans-serif;
511 }
512 body.theme-Avada .elementor-widget-sellkit-checkout div.avada-myaccount-user,
513 body.theme-Avada .elementor-widget-sellkit-checkout ul.woocommerce-side-nav.woocommerce-checkout-nav,
514 body.theme-Avada .elementor-widget-sellkit-checkout a.fusion-button {
515 display: none;
516 }
517 body.theme-Avada .elementor-widget-sellkit-checkout form.checkout_coupon {
518 display: none !important;
519 }
520 body.theme-Avada .elementor-widget-sellkit-checkout div.woocommerce-content-box.avada-checkout {
521 margin-left: unset;
522 padding: unset;
523 border: unset;
524 }
525 body.theme-Avada .elementor-widget-sellkit-checkout div#order_review {
526 display: block !important;
527 }
528 body.theme-Avada .elementor-widget-sellkit-checkout tr.cart_item {
529 height: unset;
530 }
531 body.theme-Avada .elementor-widget-sellkit-checkout .shop_table tfoot .order-total .amount {
532 color: unset;
533 font-size: unset;
534 font-weight: unset;
535 }
536 body.theme-Avada .elementor-widget-sellkit-checkout ul.payment_methods {
537 margin: unset;
538 }
539
540 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-login {
541 -webkit-box-ordinal-group: 1;
542 -ms-flex-order: 0;
543 order: 0;
544 }
545 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout div#customer_details,
546 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout div.col2-set {
547 width: 100%;
548 float: unset;
549 }
550
551 body.theme-bridge.contains-sellkit-checkout {
552 overflow: unset !important;
553 }
554 body.theme-bridge .elementor-widget-sellkit-checkout span.woocommerce-input-wrapper input {
555 -webkit-transition: all 0.15s ease-in-out;
556 transition: all 0.15s ease-in-out;
557 }
558
559 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form {
560 display: -webkit-box;
561 display: -ms-flexbox;
562 display: flex;
563 -webkit-box-orient: vertical;
564 -webkit-box-direction: normal;
565 -ms-flex-direction: column;
566 flex-direction: column;
567 }
568 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-login {
569 -webkit-box-ordinal-group: 2;
570 -ms-flex-order: 1;
571 order: 1;
572 }
573 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods {
574 -webkit-box-ordinal-group: 3;
575 -ms-flex-order: 2;
576 order: 2;
577 }
578 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods .shipping-method-header {
579 margin-top: 17px;
580 }
581 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review {
582 width: auto !important;
583 padding: 0 !important;
584 float: none !important;
585 border: none !important;
586 }
587 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order {
588 -webkit-box-ordinal-group: 4;
589 -ms-flex-order: 3;
590 order: 3;
591 }
592 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table {
593 border-collapse: initial !important;
594 }
595 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table .sellkit-checkout-widget-order-summary-tfoot .order-total th, .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table .sellkit-checkout-widget-order-summary-tfoot .order-total td {
596 padding-top: 18px !important;
597 }
598 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-billing {
599 -webkit-box-ordinal-group: 5;
600 -ms-flex-order: 4;
601 order: 4;
602 }
603 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order {
604 display: -webkit-box;
605 display: -ms-flexbox;
606 display: flex;
607 -webkit-box-pack: end;
608 -ms-flex-pack: end;
609 justify-content: flex-end;
610 -webkit-box-ordinal-group: 6;
611 -ms-flex-order: 5;
612 order: 5;
613 margin-top: 36px;
614 }
615 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form {
616 display: -webkit-box;
617 display: -ms-flexbox;
618 display: flex;
619 -webkit-box-orient: horizontal;
620 -webkit-box-direction: normal;
621 -ms-flex-direction: row;
622 flex-direction: row;
623 -ms-flex-wrap: nowrap;
624 flex-wrap: nowrap;
625 -ms-flex-line-pack: center;
626 align-content: center;
627 -webkit-box-align: center;
628 -ms-flex-align: center;
629 align-items: center;
630 -webkit-box-pack: start;
631 -ms-flex-pack: start;
632 justify-content: flex-start;
633 width: 100%;
634 -webkit-column-gap: 10px;
635 -moz-column-gap: 10px;
636 column-gap: 10px;
637 }
638 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first {
639 display: -webkit-box;
640 display: -ms-flexbox;
641 display: flex;
642 width: 495px;
643 margin-top: 0px;
644 margin-bottom: 1rem;
645 padding-top: 0px;
646 }
647 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first input {
648 width: 100%;
649 margin: 0px;
650 padding: 16px 0px 14px 14px;
651 border: solid 1px rgba(0, 0, 0, 0.2);
652 border-radius: 4px;
653 background-color: #ffffff;
654 color: #737373;
655 font-size: 14px;
656 font-style: normal;
657 font-weight: normal;
658 letter-spacing: normal;
659 line-height: 1.14;
660 text-align: left;
661 -webkit-box-shadow: none !important;
662 box-shadow: none !important;
663 font-stretch: normal;
664 }
665 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first input:focus {
666 border: solid 2px rgba(0, 123, 255, 0.4);
667 }
668 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last {
669 display: -webkit-box;
670 display: -ms-flexbox;
671 display: flex;
672 margin-top: 0px;
673 margin-bottom: 1rem;
674 }
675 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon {
676 height: 48px;
677 margin: 0;
678 padding: 10px 30px 10px 30px;
679 border-radius: 6px;
680 background-color: #323232;
681 color: white;
682 cursor: pointer;
683 }
684 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon span {
685 width: 37px;
686 height: 17px;
687 color: #ffffff;
688 font-size: 14px;
689 font-style: normal;
690 font-weight: 500;
691 letter-spacing: normal;
692 line-height: 1.21;
693 text-align: left;
694 font-stretch: normal;
695 }
696 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-checkout-bundled-products .sellkit-head-row-title {
697 width: 70%;
698 }
699 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-virtual-session #sellkit-checkout-widget-order-review-wrap {
700 margin-top: 30px;
701 }
702
703 .sellkit-checkout-widget-multi-page-build form {
704 display: block !important;
705 }
706 .sellkit-checkout-widget-multi-page-build form #order_review {
707 width: auto !important;
708 padding: 0 !important;
709 float: none !important;
710 border: none !important;
711 }
712 .sellkit-checkout-widget-multi-page-build form .inner_wrapper {
713 display: -webkit-box;
714 display: -ms-flexbox;
715 display: flex;
716 }
717 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column {
718 width: 60%;
719 }
720 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div {
721 -webkit-box-ordinal-group: 2;
722 -ms-flex-order: 1;
723 order: 1;
724 width: 100%;
725 padding-right: 27px;
726 clear: both;
727 border-right: solid 1px #e1e1e1;
728 }
729 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers {
730 height: 103px;
731 margin: 0px 0px 36px 2px;
732 padding: 0px 14px 2px 18px;
733 border: solid 1px #e1e1e1;
734 border-radius: 4px;
735 background-color: #ffffff;
736 }
737 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div {
738 display: -webkit-box;
739 display: -ms-flexbox;
740 display: flex;
741 -webkit-box-orient: horizontal;
742 -webkit-box-direction: normal;
743 -ms-flex-direction: row;
744 flex-direction: row;
745 -ms-flex-wrap: nowrap;
746 flex-wrap: nowrap;
747 -ms-flex-line-pack: center;
748 align-content: center;
749 -webkit-box-align: center;
750 -ms-flex-align: center;
751 align-items: center;
752 -webkit-box-pack: justify;
753 -ms-flex-pack: justify;
754 justify-content: space-between;
755 height: auto;
756 min-height: 51px;
757 -webkit-column-gap: 20px;
758 -moz-column-gap: 20px;
759 column-gap: 20px;
760 }
761 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div > div {
762 display: -webkit-box;
763 display: -ms-flexbox;
764 display: flex;
765 -webkit-box-orient: horizontal;
766 -webkit-box-direction: normal;
767 -ms-flex-direction: row;
768 flex-direction: row;
769 -ms-flex-wrap: nowrap;
770 flex-wrap: nowrap;
771 -ms-flex-line-pack: center;
772 align-content: center;
773 -webkit-box-align: center;
774 -ms-flex-align: center;
775 align-items: center;
776 -webkit-box-pack: start;
777 -ms-flex-pack: start;
778 justify-content: flex-start;
779 width: 100%;
780 -webkit-column-gap: 15px;
781 -moz-column-gap: 15px;
782 column-gap: 15px;
783 }
784 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div > div .title {
785 width: 50px;
786 min-width: -webkit-fit-content;
787 min-width: -moz-fit-content;
788 min-width: fit-content;
789 }
790 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div span {
791 height: auto;
792 color: #323232;
793 font-size: 14px;
794 font-style: normal;
795 font-weight: normal;
796 letter-spacing: normal;
797 line-height: 1.14;
798 text-align: left;
799 font-stretch: normal;
800 }
801 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div .edit {
802 margin-right: 0px;
803 color: #007bff;
804 font-size: 13px;
805 font-style: normal;
806 font-weight: normal;
807 letter-spacing: normal;
808 line-height: 1.15;
809 text-align: right;
810 cursor: pointer;
811 font-stretch: normal;
812 }
813 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login {
814 margin-bottom: 16px;
815 }
816 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login #customer_details {
817 width: auto !important;
818 float: none !important;
819 }
820 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer {
821 display: -webkit-box;
822 display: -ms-flexbox;
823 display: flex;
824 -webkit-box-orient: horizontal;
825 -webkit-box-direction: normal;
826 -ms-flex-direction: row;
827 flex-direction: row;
828 -ms-flex-line-pack: stretch;
829 align-content: stretch;
830 -webkit-box-align: center;
831 -ms-flex-align: center;
832 align-items: center;
833 -webkit-box-pack: end;
834 -ms-flex-pack: end;
835 justify-content: flex-end;
836 }
837 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer a .go-to-cart {
838 height: 17px;
839 margin: 30px 33px 21.5px 0px;
840 color: #007bff;
841 font-size: 14px;
842 font-style: normal;
843 font-weight: 500;
844 letter-spacing: normal;
845 line-height: 1.21;
846 text-align: left;
847 font-stretch: normal;
848 }
849 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer .go-to-shipping {
850 display: -webkit-inline-box;
851 display: -ms-inline-flexbox;
852 display: inline-flex;
853 -ms-flex-line-pack: center;
854 align-content: center;
855 -webkit-box-align: center;
856 -ms-flex-align: center;
857 align-items: center;
858 -webkit-box-pack: center;
859 -ms-flex-pack: center;
860 justify-content: center;
861 height: 56px;
862 margin: 5px 0 0 0;
863 padding: 0px 31px;
864 border-radius: 6px;
865 background-color: #323232;
866 color: #ffffff;
867 font-size: 14px;
868 font-style: normal;
869 font-weight: 500;
870 letter-spacing: normal;
871 line-height: 1.21;
872 cursor: pointer;
873 font-stretch: normal;
874 }
875 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second {
876 display: none;
877 }
878 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer {
879 display: -webkit-box;
880 display: -ms-flexbox;
881 display: flex;
882 -webkit-box-orient: horizontal;
883 -webkit-box-direction: normal;
884 -ms-flex-direction: row;
885 flex-direction: row;
886 -ms-flex-line-pack: center;
887 align-content: center;
888 -webkit-box-align: center;
889 -ms-flex-align: center;
890 align-items: center;
891 -webkit-box-pack: justify;
892 -ms-flex-pack: justify;
893 justify-content: space-between;
894 }
895 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
896 height: 17px;
897 margin: 20px 0px;
898 color: #007bff;
899 font-size: 14px;
900 font-style: normal;
901 font-weight: 500;
902 letter-spacing: normal;
903 line-height: 1.21;
904 text-align: center;
905 cursor: pointer;
906 font-stretch: normal;
907 }
908 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-payment {
909 display: -webkit-box;
910 display: -ms-flexbox;
911 display: flex;
912 -webkit-box-orient: horizontal;
913 -webkit-box-direction: normal;
914 -ms-flex-direction: row;
915 flex-direction: row;
916 -ms-flex-wrap: nowrap;
917 flex-wrap: nowrap;
918 -ms-flex-line-pack: center;
919 align-content: center;
920 -webkit-box-align: center;
921 -ms-flex-align: center;
922 align-items: center;
923 -webkit-box-pack: center;
924 -ms-flex-pack: center;
925 justify-content: center;
926 height: 56px;
927 margin: 0;
928 padding: 0px 31px;
929 border-radius: 6px;
930 background-color: #323232;
931 color: #ffffff;
932 font-size: 14px;
933 font-style: normal;
934 font-weight: 500;
935 letter-spacing: normal;
936 line-height: 1.21;
937 text-align: center;
938 cursor: pointer;
939 font-stretch: normal;
940 }
941 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third {
942 display: none;
943 }
944 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third .go-to-second {
945 height: 17px;
946 color: #007bff;
947 font-size: 14px;
948 font-style: normal;
949 font-weight: 500;
950 letter-spacing: normal;
951 line-height: 1.21;
952 text-align: left;
953 cursor: pointer;
954 font-stretch: normal;
955 }
956 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column {
957 width: 40%;
958 padding: 22px 30px 22px 30px;
959 background-color: transparent;
960 }
961 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column > div {
962 width: 100%;
963 clear: both;
964 }
965 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar-sticky {
966 position: sticky !important;
967 top: 0;
968 }
969 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar {
970 padding: 2px;
971 scroll-behavior: smooth;
972 }
973 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .summary_toggle {
974 display: none;
975 }
976 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .col2-set {
977 width: auto !important;
978 float: none !important;
979 }
980 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table {
981 width: 100%;
982 max-width: 100%;
983 }
984 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart-subtotal th, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart-subtotal td {
985 padding-top: 18px;
986 }
987 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr .jx-form-row-first {
988 width: 100%;
989 }
990 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr .jx-form-row-first input {
991 width: 100%;
992 }
993 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart_item td.product-total {
994 padding-top: 17px;
995 }
996 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table .sellkit-custom-coupon-form-d-none {
997 display: none;
998 }
999 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tfoot tr.order-total td, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tfoot tr.order-total th {
1000 padding-top: 17px;
1001 }
1002 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-collapsible {
1003 margin-top: 0;
1004 }
1005 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form {
1006 display: -webkit-inline-box;
1007 display: -ms-inline-flexbox;
1008 display: inline-flex;
1009 width: 100%;
1010 padding-top: 0px;
1011 -webkit-column-gap: 10px;
1012 -moz-column-gap: 10px;
1013 column-gap: 10px;
1014 }
1015 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first {
1016 display: -webkit-box;
1017 display: -ms-flexbox;
1018 display: flex;
1019 width: 495px;
1020 margin-top: 0px;
1021 margin-bottom: 1rem;
1022 padding-top: 0px;
1023 }
1024 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first input {
1025 margin: 0px;
1026 padding: 16px 0px 14px 14px;
1027 border: solid 1px rgba(0, 0, 0, 0.2);
1028 border-radius: 4px;
1029 background-color: #ffffff;
1030 color: #737373;
1031 font-size: 14px;
1032 font-style: normal;
1033 font-weight: normal;
1034 letter-spacing: normal;
1035 line-height: 1.14;
1036 text-align: left;
1037 -webkit-box-shadow: none !important;
1038 box-shadow: none !important;
1039 font-stretch: normal;
1040 }
1041 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first input:focus {
1042 border: solid 2px rgba(0, 123, 255, 0.4);
1043 }
1044 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last {
1045 display: -webkit-box;
1046 display: -ms-flexbox;
1047 display: flex;
1048 margin-top: 0px;
1049 margin-bottom: 1rem;
1050 }
1051 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon {
1052 display: -webkit-box;
1053 display: -ms-flexbox;
1054 display: flex;
1055 -webkit-box-orient: horizontal;
1056 -webkit-box-direction: normal;
1057 -ms-flex-direction: row;
1058 flex-direction: row;
1059 -ms-flex-wrap: wrap;
1060 flex-wrap: wrap;
1061 -ms-flex-line-pack: center;
1062 align-content: center;
1063 -webkit-box-align: center;
1064 -ms-flex-align: center;
1065 align-items: center;
1066 -webkit-box-pack: center;
1067 -ms-flex-pack: center;
1068 justify-content: center;
1069 height: 48px;
1070 margin: 0;
1071 padding: 0 29px 0 30px;
1072 border-radius: 6px;
1073 background-color: #323232;
1074 color: white;
1075 cursor: pointer;
1076 }
1077 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon span {
1078 width: 37px;
1079 height: 17px;
1080 color: #ffffff;
1081 font-size: 14px;
1082 font-style: normal;
1083 font-weight: 500;
1084 letter-spacing: normal;
1085 line-height: 1.21;
1086 text-align: left;
1087 font-stretch: normal;
1088 }
1089
1090 .sellkit-checkout-widget-main-wrapper hr.sellkit-checkout-widget-divider {
1091 border: 1px solid #e1e1e1;
1092 border-right: none !important;
1093 border-bottom: none !important;
1094 border-left: none !important;
1095 opacity: 1 !important;
1096 }
1097 .sellkit-checkout-widget-main-wrapper div#payment {
1098 border-bottom: none !important;
1099 border-radius: 5px;
1100 background: #ebe9eb;
1101 }
1102 .sellkit-checkout-widget-main-wrapper #order_review {
1103 background-color: unset !important;
1104 }
1105 .sellkit-checkout-widget-main-wrapper #order_review #sellkit-checkout-widget-order-review-wrap th.sellkit-checkout-widget-divider,
1106 .sellkit-checkout-widget-main-wrapper #order_review #sellkit-checkout-widget-order-review-wrap td.sellkit-checkout-widget-divider {
1107 border: 1px solid #e1e1e1;
1108 border-right: none !important;
1109 border-bottom: none !important;
1110 border-left: none !important;
1111 border-radius: 0px !important;
1112 }
1113 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-d-block {
1114 display: block !important;
1115 }
1116 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-d-none {
1117 display: none;
1118 }
1119 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout {
1120 margin-bottom: 32px;
1121 }
1122 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box {
1123 height: auto;
1124 min-height: 112px;
1125 border: 1px solid #eaeaea;
1126 border-radius: 4px;
1127 background-color: #ffffff;
1128 }
1129 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box legend {
1130 width: -webkit-max-content;
1131 width: -moz-max-content;
1132 width: max-content;
1133 margin: auto;
1134 padding: 0 10px 0 10px;
1135 color: #323232;
1136 font-size: 16px;
1137 font-style: normal;
1138 font-weight: normal;
1139 letter-spacing: normal;
1140 line-height: 1.13;
1141 text-align: center;
1142 font-stretch: normal;
1143 }
1144 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box .express-methods {
1145 display: -webkit-box;
1146 display: -ms-flexbox;
1147 display: flex;
1148 -webkit-box-orient: horizontal;
1149 -webkit-box-direction: normal;
1150 -ms-flex-direction: row;
1151 flex-direction: row;
1152 -ms-flex-wrap: wrap;
1153 flex-wrap: wrap;
1154 -ms-flex-line-pack: center;
1155 align-content: center;
1156 -webkit-box-align: center;
1157 -ms-flex-align: center;
1158 align-items: center;
1159 -webkit-box-pack: center;
1160 -ms-flex-pack: center;
1161 justify-content: center;
1162 margin: 15px 0 0 0;
1163 padding: 0 0 10px 0;
1164 -webkit-column-gap: 20px;
1165 -moz-column-gap: 20px;
1166 column-gap: 20px;
1167 row-gap: 10px;
1168 }
1169 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box .express-methods > div {
1170 display: -webkit-box;
1171 display: -ms-flexbox;
1172 display: flex;
1173 -ms-flex-line-pack: center;
1174 align-content: center;
1175 -webkit-box-align: center;
1176 -ms-flex-align: center;
1177 align-items: center;
1178 -webkit-box-pack: center;
1179 -ms-flex-pack: center;
1180 justify-content: center;
1181 height: 40px;
1182 border-radius: 4px;
1183 font-size: 14px;
1184 font-weight: bold;
1185 text-align: center;
1186 cursor: pointer;
1187 }
1188 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box {
1189 border-top: 1px solid #eaeaea;
1190 }
1191 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box legend {
1192 width: -webkit-max-content;
1193 width: -moz-max-content;
1194 width: max-content;
1195 margin: auto;
1196 padding: 0 10px 0 10px;
1197 color: #323232;
1198 font-size: 20px;
1199 font-style: normal;
1200 font-weight: normal;
1201 letter-spacing: normal;
1202 line-height: 1.2;
1203 text-align: center;
1204 font-stretch: normal;
1205 }
1206 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout #sellkit-checkout-or-divider {
1207 border-right: none !important;
1208 border-bottom: none !important;
1209 border-left: none !important;
1210 border-radius: 0px !important;
1211 }
1212 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile {
1213 display: none;
1214 }
1215 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1216 margin-right: 13px;
1217 }
1218 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop {
1219 display: -webkit-box;
1220 display: -ms-flexbox;
1221 display: flex;
1222 }
1223 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop,
1224 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile {
1225 -webkit-box-orient: horizontal;
1226 -webkit-box-direction: normal;
1227 -ms-flex-direction: row;
1228 flex-direction: row;
1229 -webkit-box-align: baseline;
1230 -ms-flex-align: baseline;
1231 align-items: baseline;
1232 margin-bottom: 36px;
1233 }
1234 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span,
1235 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span {
1236 height: 19px;
1237 margin: 0;
1238 color: #737373;
1239 font-size: 14px;
1240 font-style: normal;
1241 font-weight: normal;
1242 letter-spacing: normal;
1243 line-height: 1.36;
1244 text-align: left;
1245 cursor: pointer;
1246 font-stretch: normal;
1247 }
1248 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop .blue-line,
1249 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile .blue-line {
1250 color: #007bff;
1251 }
1252 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop .current,
1253 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile .current {
1254 color: #323232;
1255 }
1256 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1257 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1258 width: 6px;
1259 height: 10px;
1260 font-size: 12px;
1261 -o-object-fit: contain;
1262 object-fit: contain;
1263 }
1264 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1265 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span,
1266 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1267 margin-right: 15px;
1268 }
1269 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section {
1270 max-width: 100%;
1271 margin-top: -13px;
1272 }
1273 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div {
1274 display: -webkit-box;
1275 display: -ms-flexbox;
1276 display: flex;
1277 width: 100%;
1278 margin: 7px 0 0 0;
1279 }
1280 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div .sellkit-checkout-fields-wrapper {
1281 width: 100%;
1282 }
1283 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div .sellkit-checkout-widget-password-field {
1284 display: none !important;
1285 }
1286 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .header {
1287 height: 23px;
1288 margin: 0 0 4px 0;
1289 color: #323232;
1290 font-size: 20px;
1291 font-style: normal;
1292 font-weight: normal;
1293 letter-spacing: normal;
1294 line-height: 1.2;
1295 text-align: left;
1296 font-stretch: normal;
1297 }
1298 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-holder {
1299 margin-top: 20px;
1300 }
1301 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-holder input {
1302 text-transform: initial !important;
1303 }
1304 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email {
1305 width: 100%;
1306 max-width: 100%;
1307 margin-top: 21px;
1308 margin-bottom: 0px;
1309 }
1310 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email input {
1311 width: 100%;
1312 height: 46px;
1313 margin: 0px 2px 0px 0px;
1314 padding: 16px 0px 14px 14px;
1315 border: solid 1px rgba(0, 0, 0, 0.2);
1316 border-radius: 4px;
1317 background-color: #ffffff;
1318 color: #737373;
1319 font-size: 14px;
1320 font-style: normal;
1321 font-weight: normal;
1322 letter-spacing: normal;
1323 line-height: 1.14;
1324 text-align: left;
1325 -webkit-box-shadow: none !important;
1326 box-shadow: none !important;
1327 font-stretch: normal;
1328 }
1329 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email input:focus {
1330 border: solid 2px rgba(0, 123, 255, 0.4);
1331 }
1332 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .mini-title {
1333 display: none;
1334 }
1335 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login_hidden_section {
1336 display: none;
1337 }
1338 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-error,
1339 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-empty,
1340 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-username-error {
1341 display: none;
1342 padding: 7px 0 0 0;
1343 color: #e22120;
1344 font-size: 14px;
1345 font-style: normal;
1346 font-weight: normal;
1347 letter-spacing: normal;
1348 line-height: 1.14;
1349 text-align: left;
1350 font-stretch: normal;
1351 }
1352 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .jupiter-checkout-widget-email-search {
1353 display: none;
1354 padding: 7px 0 0 0;
1355 font-size: 14px;
1356 font-style: normal;
1357 font-weight: normal;
1358 letter-spacing: normal;
1359 line-height: 1.14;
1360 text-align: left;
1361 font-stretch: normal;
1362 }
1363 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div {
1364 padding-top: 11px;
1365 }
1366 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div .login-submit {
1367 display: -webkit-inline-box;
1368 display: -ms-inline-flexbox;
1369 display: inline-flex;
1370 -webkit-box-align: center;
1371 -ms-flex-align: center;
1372 align-items: center;
1373 height: 46px;
1374 padding: 0 30px 0 30px;
1375 border-radius: 6px;
1376 background-color: #323232;
1377 color: #ffffff;
1378 font-size: 14px;
1379 font-style: normal;
1380 font-weight: 500;
1381 letter-spacing: normal;
1382 line-height: 1.21;
1383 text-align: left;
1384 cursor: pointer;
1385 font-stretch: normal;
1386 }
1387 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div .login-result {
1388 display: block;
1389 margin-top: 7px;
1390 font-size: 13px;
1391 }
1392 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc {
1393 display: none;
1394 margin: 8px 0px 0px 0px;
1395 color: #323232;
1396 font-size: 14px;
1397 font-style: normal;
1398 font-weight: normal;
1399 letter-spacing: normal;
1400 line-height: 1.14;
1401 text-align: left;
1402 font-stretch: normal;
1403 }
1404 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc p {
1405 display: -webkit-box;
1406 display: -ms-flexbox;
1407 display: flex;
1408 }
1409 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc .sellkit-create-account-checkbox {
1410 width: 18px;
1411 height: 18px;
1412 margin: 0px;
1413 border: solid 1px rgba(0, 0, 0, 0.2);
1414 border-radius: 4px;
1415 background-color: #ffffff;
1416 -webkit-box-shadow: none !important;
1417 box-shadow: none !important;
1418 }
1419 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc .sellkit-create-account-checkbox-label {
1420 height: 16px;
1421 margin: 0px 0px 0px 8px;
1422 padding-top: 3px;
1423 color: #323232;
1424 font-size: 14px;
1425 font-style: normal;
1426 font-weight: normal;
1427 letter-spacing: normal;
1428 line-height: 1.14;
1429 text-align: left;
1430 cursor: pointer;
1431 font-stretch: normal;
1432 }
1433 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-hide-completely {
1434 display: none !important;
1435 margin: 0 !important;
1436 padding: 0 !important;
1437 }
1438 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-one-page-checkout-shipping .shipping_address .header {
1439 height: 23px;
1440 margin: 24px 0px 21px 3px;
1441 color: #323232;
1442 font-size: 20px;
1443 font-style: normal;
1444 font-weight: normal;
1445 letter-spacing: normal;
1446 line-height: 1.2;
1447 text-align: left;
1448 font-stretch: normal;
1449 }
1450 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-one-page-checkout-shipping .shipping_address #ship-to-different-address {
1451 display: none !important;
1452 }
1453 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-checkout-widget-primary-button:hover,
1454 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form #place_order:hover {
1455 background-color: #111111;
1456 }
1457 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form td {
1458 padding: 9px 0 17px 0;
1459 }
1460 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form .sellkit-coupon-toggle {
1461 display: block;
1462 padding: 4px 0 11px 0;
1463 color: #007bff;
1464 font-size: 14px;
1465 font-style: normal;
1466 font-weight: normal;
1467 letter-spacing: normal;
1468 line-height: 1.14;
1469 text-align: left;
1470 cursor: pointer;
1471 font-stretch: normal;
1472 }
1473 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form .sellkit-normal-coupon-form {
1474 padding: 6px 0 2px 0;
1475 }
1476 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods .shipping-method-header {
1477 width: 100%;
1478 height: 19px;
1479 margin: 2px 0px 23px 0px;
1480 color: #323232;
1481 font-size: 20px;
1482 font-style: normal;
1483 font-weight: normal;
1484 letter-spacing: normal;
1485 line-height: 1.2;
1486 text-align: left;
1487 font-stretch: normal;
1488 }
1489 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods > span {
1490 display: -webkit-inline-box;
1491 display: -ms-inline-flexbox;
1492 display: inline-flex;
1493 margin: 0 0 20px 0;
1494 font-size: 15px;
1495 font-style: normal;
1496 font-weight: normal;
1497 letter-spacing: normal;
1498 line-height: 1.2;
1499 text-align: left;
1500 font-stretch: normal;
1501 }
1502 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page {
1503 width: 100%;
1504 margin-top: 19px;
1505 margin-right: 10px;
1506 margin-bottom: 42px;
1507 border: solid 1px #e1e1e1;
1508 border-radius: 4px;
1509 border-collapse: collapse;
1510 }
1511 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr {
1512 border-top: none !important;
1513 border-right: none !important;
1514 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1515 border-left: none !important;
1516 background-color: #fff;
1517 }
1518 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td:nth-child(1) {
1519 border-right-width: 0px !important;
1520 }
1521 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td:nth-child(2) {
1522 border-left-width: 0px !important;
1523 }
1524 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td {
1525 background-color: #fff;
1526 }
1527 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 {
1528 width: 70%;
1529 padding: 16px 0 0 15px;
1530 text-align: center;
1531 }
1532 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 .wrp {
1533 padding-top: 2px;
1534 padding-left: 20px;
1535 }
1536 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 .wrp .checkmark {
1537 top: 3px;
1538 left: 4px;
1539 }
1540 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t3 {
1541 padding-right: 17px;
1542 text-align: right;
1543 }
1544 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-heading {
1545 height: 23px;
1546 margin: 26px 2px 9px 3px;
1547 color: #323232;
1548 font-size: 20px;
1549 font-style: normal;
1550 font-weight: normal;
1551 letter-spacing: normal;
1552 line-height: 1.2;
1553 text-align: left;
1554 font-stretch: normal;
1555 }
1556 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-desc {
1557 height: 16px;
1558 margin: 9px 0px 19px 3px;
1559 color: #737373;
1560 font-size: 14px;
1561 font-style: normal;
1562 font-weight: normal;
1563 letter-spacing: normal;
1564 line-height: 1.14;
1565 text-align: left;
1566 font-stretch: normal;
1567 }
1568 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-order-review-heading {
1569 height: 23px;
1570 margin: 0px 0px 19px 0 !important;
1571 color: #323232;
1572 font-size: 20px;
1573 font-style: normal;
1574 font-weight: normal;
1575 letter-spacing: normal;
1576 line-height: 1.2;
1577 text-align: left;
1578 font-stretch: normal;
1579 }
1580 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods {
1581 margin-top: 0 !important;
1582 margin-bottom: 0 !important;
1583 border: solid 1px #e1e1e1;
1584 }
1585 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods {
1586 margin-bottom: 0 !important;
1587 padding: 0px !important;
1588 border: none !important;
1589 border-radius: 5px;
1590 }
1591 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li {
1592 display: -webkit-box;
1593 display: -ms-flexbox;
1594 display: flex;
1595 -webkit-box-orient: vertical;
1596 -webkit-box-direction: normal;
1597 -ms-flex-direction: column;
1598 flex-direction: column;
1599 -ms-flex-wrap: nowrap;
1600 flex-wrap: nowrap;
1601 -webkit-box-pack: center;
1602 -ms-flex-pack: center;
1603 justify-content: center;
1604 height: 52px;
1605 margin: 0 !important;
1606 padding: 0px 0px 0px 18px;
1607 background-color: #ffffff !important;
1608 cursor: pointer !important;
1609 }
1610 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label {
1611 height: inherit;
1612 margin: 0 !important;
1613 padding: 0 !important;
1614 border-left: none !important;
1615 background-color: #fff !important;
1616 }
1617 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label::hover {
1618 background-color: #fff !important;
1619 }
1620 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label .checkmark {
1621 position: relative;
1622 }
1623 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label {
1624 display: -webkit-box;
1625 display: -ms-flexbox;
1626 display: flex;
1627 position: relative;
1628 -webkit-box-orient: horizontal;
1629 -webkit-box-direction: normal;
1630 -ms-flex-direction: row;
1631 flex-direction: row;
1632 -webkit-box-flex: 1;
1633 -ms-flex-positive: 1;
1634 flex-grow: 1;
1635 -ms-flex-wrap: nowrap;
1636 flex-wrap: nowrap;
1637 -ms-flex-line-pack: center;
1638 align-content: center;
1639 -webkit-box-align: center;
1640 -ms-flex-align: center;
1641 align-items: center;
1642 -webkit-box-pack: justify;
1643 -ms-flex-pack: justify;
1644 justify-content: space-between;
1645 }
1646 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label span {
1647 display: -webkit-box;
1648 display: -ms-flexbox;
1649 display: flex;
1650 -webkit-box-orient: horizontal;
1651 -webkit-box-direction: normal;
1652 -ms-flex-direction: row;
1653 flex-direction: row;
1654 -ms-flex-wrap: wrap;
1655 flex-wrap: wrap;
1656 -webkit-box-pack: end;
1657 -ms-flex-pack: end;
1658 justify-content: flex-end;
1659 }
1660 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label img {
1661 position: relative;
1662 -webkit-box-flex: 1;
1663 -ms-flex-positive: 1;
1664 flex-grow: 1;
1665 max-width: 40px;
1666 max-height: 40px !important;
1667 margin: 0px 10px 0 0 !important;
1668 }
1669 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label > img:first-of-type {
1670 position: absolute !important;
1671 right: 0;
1672 }
1673 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label span {
1674 -webkit-box-flex: 1;
1675 -ms-flex-positive: 1;
1676 flex-grow: 1;
1677 }
1678 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .woocommerce-notice--info {
1679 height: auto !important;
1680 min-height: 52px;
1681 margin: 0px;
1682 padding: 0 0 0 40px;
1683 color: #737373;
1684 font-size: 14px;
1685 font-style: normal;
1686 font-weight: normal;
1687 letter-spacing: normal;
1688 line-height: 1.14;
1689 text-align: left;
1690 font-stretch: normal;
1691 }
1692 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .woocommerce-notice--info::before {
1693 top: auto !important;
1694 }
1695 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .sellkit_payment_box {
1696 display: none;
1697 margin: 0px;
1698 padding: 17px 13px 17px 18px;
1699 border: solid 1px #e1e1e1;
1700 border-right: none !important;
1701 border-bottom: none !important;
1702 border-left: none !important;
1703 border-radius: 0px !important;
1704 background-color: #fafafa;
1705 }
1706 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .sellkit_payment_box p {
1707 margin: 0px;
1708 padding: 0px;
1709 color: #737373;
1710 font-size: 14px;
1711 font-style: normal;
1712 font-weight: normal;
1713 letter-spacing: normal;
1714 line-height: 1.14;
1715 text-align: left;
1716 font-stretch: normal;
1717 }
1718 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .payment_method_paypal .about_paypal {
1719 display: none;
1720 }
1721 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .sellkit-one-page-checkout-billing-header {
1722 height: 23px;
1723 margin: 42px 0px 9px 3px;
1724 color: #323232;
1725 font-size: 20px;
1726 font-style: normal;
1727 font-weight: normal;
1728 letter-spacing: normal;
1729 line-height: 1.2;
1730 text-align: left;
1731 font-stretch: normal;
1732 }
1733 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-desc {
1734 width: 100%;
1735 height: 16px;
1736 margin: 9px 0 18px 3px;
1737 color: #737373;
1738 font-size: 14px;
1739 font-style: normal;
1740 font-weight: normal;
1741 letter-spacing: normal;
1742 line-height: 1.14;
1743 text-align: left;
1744 font-stretch: normal;
1745 }
1746 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method {
1747 margin: 18px 0 0 0;
1748 padding: 0px 13px 0px 18px;
1749 border: solid 1px #e1e1e1;
1750 background-color: #ffffff;
1751 }
1752 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method hr {
1753 height: 0;
1754 border: 0;
1755 border-top: solid 1px #e1e1e1;
1756 }
1757 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div {
1758 padding-top: 18px;
1759 padding-bottom: 18px;
1760 }
1761 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label {
1762 margin: 0 auto 0 0;
1763 }
1764 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label label, .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label .labels {
1765 margin: 0 auto 0 17px;
1766 }
1767 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order {
1768 display: -webkit-box;
1769 display: -ms-flexbox;
1770 display: flex;
1771 -webkit-box-orient: horizontal;
1772 -webkit-box-direction: normal;
1773 -ms-flex-direction: row;
1774 flex-direction: row;
1775 -webkit-box-align: center;
1776 -ms-flex-align: center;
1777 align-items: center;
1778 -webkit-box-pack: justify;
1779 -ms-flex-pack: justify;
1780 justify-content: space-between;
1781 margin-top: 40px;
1782 }
1783 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order #place_order {
1784 display: -webkit-inline-box;
1785 display: -ms-inline-flexbox;
1786 display: inline-flex;
1787 -ms-flex-line-pack: center;
1788 align-content: center;
1789 -webkit-box-align: center;
1790 -ms-flex-align: center;
1791 align-items: center;
1792 -webkit-box-pack: center;
1793 -ms-flex-pack: center;
1794 justify-content: center;
1795 -webkit-box-ordinal-group: 4;
1796 -ms-flex-order: 3;
1797 order: 3;
1798 width: auto !important;
1799 height: 56px;
1800 margin-top: 0 !important;
1801 padding: 0px 36px;
1802 border: none;
1803 border-radius: 6px;
1804 background-color: #323232;
1805 color: #fff;
1806 font-size: 14px;
1807 font-style: normal;
1808 font-weight: 500;
1809 letter-spacing: normal;
1810 line-height: 1.21;
1811 text-align: left;
1812 text-align: center;
1813 text-decoration: none !important;
1814 -webkit-box-shadow: none;
1815 box-shadow: none;
1816 font-stretch: normal;
1817 }
1818 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .jupiterx-continue-shopping {
1819 display: none !important;
1820 }
1821 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill {
1822 width: auto;
1823 }
1824 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order > div .gpay-card-info-container {
1825 max-width: 170px;
1826 }
1827 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container {
1828 display: contents;
1829 }
1830 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
1831 max-width: 170px !important;
1832 }
1833 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .mfn-woo-cart-link {
1834 display: none !important;
1835 }
1836 .sellkit-checkout-widget-main-wrapper table tbody > tr.sellkit-checkout-bundled-products-item > td, .sellkit-checkout-widget-main-wrapper table tbody > tr.sellkit-checkout-bundled-products-item > th {
1837 background-color: #fafafa;
1838 }
1839 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products {
1840 margin-top: 17px;
1841 padding-bottom: 32px;
1842 }
1843 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-header {
1844 display: -webkit-box;
1845 display: -ms-flexbox;
1846 display: flex;
1847 margin-bottom: 14px;
1848 color: #323232;
1849 font-size: 20px;
1850 font-style: normal;
1851 font-weight: normal;
1852 letter-spacing: normal;
1853 line-height: 1.2;
1854 text-align: left;
1855 font-stretch: normal;
1856 }
1857 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table {
1858 width: 100%;
1859 border-bottom: solid 1px #e1e1e1;
1860 border-bottom-left-radius: 4px;
1861 border-bottom-right-radius: 4px;
1862 border-collapse: separate;
1863 border-spacing: 0;
1864 }
1865 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row {
1866 height: 51px;
1867 padding: 16px 0 0;
1868 background-color: #fff;
1869 }
1870 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row th {
1871 border: solid 1px #e1e1e1;
1872 color: #323232;
1873 font-size: 14px;
1874 font-style: normal;
1875 font-weight: bold;
1876 letter-spacing: normal;
1877 line-height: 1.21;
1878 text-align: left;
1879 font-stretch: normal;
1880 }
1881 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-title {
1882 width: 50%;
1883 padding-left: 17px;
1884 border-right: none;
1885 border-top-left-radius: 4px;
1886 }
1887 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-quantity {
1888 width: 105px;
1889 padding-left: 0px;
1890 border-right: none;
1891 border-left: none;
1892 }
1893 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-price {
1894 width: 105px;
1895 padding-right: 17px;
1896 border-left: none;
1897 border-top-right-radius: 4px;
1898 text-align: right;
1899 }
1900 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item {
1901 height: 48px;
1902 background-color: #fafafa;
1903 }
1904 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item td {
1905 padding: 0;
1906 }
1907 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title {
1908 display: -webkit-box;
1909 display: -ms-flexbox;
1910 display: flex;
1911 -webkit-box-orient: horizontal;
1912 -webkit-box-direction: normal;
1913 -ms-flex-direction: row;
1914 flex-direction: row;
1915 -ms-flex-wrap: nowrap;
1916 flex-wrap: nowrap;
1917 -ms-flex-line-pack: center;
1918 align-content: center;
1919 -webkit-box-align: center;
1920 -ms-flex-align: center;
1921 align-items: center;
1922 -webkit-box-pack: start;
1923 -ms-flex-pack: start;
1924 justify-content: flex-start;
1925 height: inherit;
1926 padding-left: 17px;
1927 -webkit-column-gap: 8px;
1928 -moz-column-gap: 8px;
1929 column-gap: 8px;
1930 border: 0;
1931 border-left: solid 1px #e1e1e1;
1932 color: #323232;
1933 font-size: 14px;
1934 font-style: normal;
1935 font-weight: 500;
1936 letter-spacing: normal;
1937 line-height: 1.21;
1938 text-align: left;
1939 font-stretch: normal;
1940 }
1941 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title input {
1942 -webkit-box-shadow: none !important;
1943 box-shadow: none !important;
1944 }
1945 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title label {
1946 margin: 0;
1947 cursor: pointer;
1948 }
1949 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-quantity {
1950 border: 0;
1951 color: #323232;
1952 font-size: 14px;
1953 font-style: normal;
1954 font-weight: normal;
1955 letter-spacing: normal;
1956 line-height: 1.14;
1957 text-align: left;
1958 vertical-align: middle;
1959 font-stretch: normal;
1960 }
1961 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-quantity input {
1962 width: 49px;
1963 height: 30px;
1964 padding: 6px 0 6px 5px !important;
1965 border: 1px solid #ced4da;
1966 text-align: center;
1967 -webkit-box-shadow: none !important;
1968 box-shadow: none !important;
1969 }
1970 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-price {
1971 padding-right: 17px;
1972 border-right: solid 1px #e1e1e1;
1973 border-width: 0 1px 0 0;
1974 color: #323232;
1975 font-size: 14px;
1976 font-style: normal;
1977 font-weight: 500;
1978 letter-spacing: normal;
1979 line-height: 1.21;
1980 text-align: right;
1981 vertical-align: middle;
1982 font-stretch: normal;
1983 }
1984 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type td {
1985 border-bottom: solid 1px #e1e1e1;
1986 }
1987 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type .sellkit-checkout-bundled-title {
1988 border-bottom-left-radius: 4px;
1989 }
1990 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type .sellkit-checkout-bundled-price {
1991 border-bottom-right-radius: 4px;
1992 }
1993 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-spacer-row {
1994 margin: 0 !important;
1995 padding: 0 !important;
1996 border: none;
1997 border-right: 1px solid #e1e1e1;
1998 background-color: #fafafa;
1999 line-height: normal;
2000 }
2001 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-spacer-row hr {
2002 margin: 0 16px;
2003 border-top: solid 1px #e1e1e1;
2004 }
2005 @supports (-moz-appearance: none) {
2006 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-spacer-row hr {
2007 opacity: 0.3;
2008 }
2009 }
2010 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms {
2011 margin-top: 10px;
2012 }
2013 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-invalid #terms {
2014 outline: none !important;
2015 }
2016 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms label {
2017 color: inherit !important;
2018 }
2019 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-form__input-checkbox {
2020 margin: 0 2px 0 0 !important;
2021 }
2022 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-privacy-policy-text p {
2023 margin: 0;
2024 }
2025
2026 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table {
2027 margin-top: 0 !important;
2028 margin-left: 0px;
2029 padding-left: 0px;
2030 border: none !important;
2031 background-color: transparent;
2032 border-collapse: initial !important;
2033 /* Hide default shipping method and replace our own */
2034 }
2035 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tbody td {
2036 padding-right: 0 !important;
2037 padding-left: 0 !important;
2038 background-color: inherit !important;
2039 }
2040 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr th, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td {
2041 background-color: inherit;
2042 }
2043 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr th:not(.sellkit-order-total) {
2044 color: #323232;
2045 font-size: 14px;
2046 font-style: normal;
2047 font-weight: 500;
2048 letter-spacing: normal;
2049 line-height: 1.21;
2050 text-align: left;
2051 font-stretch: normal;
2052 }
2053 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td {
2054 display: -webkit-box;
2055 display: -ms-flexbox;
2056 display: flex;
2057 -webkit-box-orient: horizontal;
2058 -webkit-box-direction: normal;
2059 -ms-flex-direction: row;
2060 flex-direction: row;
2061 -ms-flex-wrap: nowrap;
2062 flex-wrap: nowrap;
2063 -ms-flex-line-pack: center;
2064 align-content: center;
2065 -webkit-box-align: center;
2066 -ms-flex-align: center;
2067 align-items: center;
2068 -webkit-box-pack: end;
2069 -ms-flex-pack: end;
2070 justify-content: flex-end;
2071 }
2072 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td:not(.sellkit-order-total) {
2073 color: #323232;
2074 font-size: 14px;
2075 font-style: normal;
2076 font-weight: 500;
2077 letter-spacing: normal;
2078 line-height: 1.21;
2079 text-align: right;
2080 font-stretch: normal;
2081 }
2082 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td:not(.sellkit-order-total) a.woocommerce-remove-coupon {
2083 display: none !important;
2084 }
2085 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .sellkit-coupon-label {
2086 margin-left: 8px;
2087 }
2088 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .woo-remove-coupon {
2089 color: #737373;
2090 font-size: 16px;
2091 }
2092 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .woo-remove-coupon::after {
2093 display: inline;
2094 position: absolute;
2095 margin: 2px 0 0 8px;
2096 font-family: woocommerce;
2097 content: "";
2098 cursor: pointer;
2099 }
2100 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .fa-times-circle {
2101 cursor: pointer;
2102 }
2103 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.fee td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.fee th {
2104 border: none !important;
2105 }
2106 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.tax-rate td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.tax-rate th {
2107 border: none !important;
2108 }
2109 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th {
2110 padding: 0 0 10px 0;
2111 }
2112 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-child(1) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-child(1) th {
2113 padding-top: 20px;
2114 }
2115 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(2) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(2) th {
2116 padding-bottom: 19px;
2117 }
2118 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total th {
2119 padding: 17px 0 20px 0;
2120 color: #323232;
2121 font-size: 18px;
2122 font-style: normal;
2123 font-weight: bold;
2124 letter-spacing: normal;
2125 line-height: 1.28;
2126 text-align: right;
2127 font-stretch: normal;
2128 }
2129 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total th {
2130 text-align: left;
2131 }
2132 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name {
2133 display: -webkit-box;
2134 display: -ms-flexbox;
2135 display: flex;
2136 -webkit-box-orient: horizontal;
2137 -webkit-box-direction: normal;
2138 -ms-flex-direction: row;
2139 flex-direction: row;
2140 -ms-flex-wrap: nowrap;
2141 flex-wrap: nowrap;
2142 -ms-flex-line-pack: center;
2143 align-content: center;
2144 -webkit-box-align: start;
2145 -ms-flex-align: start;
2146 align-items: flex-start;
2147 -webkit-box-pack: start;
2148 -ms-flex-pack: start;
2149 justify-content: flex-start;
2150 width: auto;
2151 margin: 0;
2152 padding: 0 0 20px 0;
2153 -webkit-column-gap: 13px;
2154 -moz-column-gap: 13px;
2155 column-gap: 13px;
2156 color: #323232;
2157 font-size: 14px;
2158 font-style: normal;
2159 font-weight: 500;
2160 letter-spacing: normal;
2161 line-height: 1.21;
2162 text-align: left;
2163 font-stretch: normal;
2164 }
2165 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image {
2166 position: relative;
2167 width: 64px;
2168 min-width: 64px;
2169 }
2170 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image img {
2171 width: 64px !important;
2172 height: 64px !important;
2173 }
2174 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image .sellkit-checkout-product-item-delete {
2175 position: absolute;
2176 top: 0;
2177 right: 0;
2178 color: red;
2179 cursor: pointer;
2180 }
2181 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price {
2182 padding-top: 5px;
2183 }
2184 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price span {
2185 margin-bottom: 2px;
2186 }
2187 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations {
2188 display: block;
2189 }
2190 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations .sellkit-checkout-variation-item {
2191 display: -webkit-inline-box;
2192 display: -ms-inline-flexbox;
2193 display: inline-flex;
2194 margin: 0;
2195 padding: 0;
2196 color: #737373;
2197 font-size: 14px;
2198 font-style: normal;
2199 font-weight: normal;
2200 letter-spacing: normal;
2201 line-height: 1.29;
2202 text-align: left;
2203 font-stretch: normal;
2204 }
2205 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations .sellkit-checkout-variation-item i {
2206 margin: 0;
2207 padding: 0;
2208 -webkit-transform: rotate(75deg);
2209 transform: rotate(75deg);
2210 color: #737373;
2211 font-size: 11px;
2212 font-style: normal;
2213 letter-spacing: normal;
2214 line-height: 1.29;
2215 text-align: left;
2216 font-stretch: normal;
2217 }
2218 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-price {
2219 margin: 0;
2220 padding: 0 !important;
2221 color: #323232;
2222 font-size: 14px;
2223 font-style: normal;
2224 font-weight: 500;
2225 letter-spacing: normal;
2226 line-height: 1.21;
2227 text-align: right;
2228 text-align: right;
2229 vertical-align: middle !important;
2230 font-stretch: normal;
2231 }
2232 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item .sellkit-one-page-checkout-product-price {
2233 padding-right: 0;
2234 }
2235 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .coupon-form td {
2236 border: none !important;
2237 }
2238 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-subtotal td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-subtotal th {
2239 border-top: 1px solid #e1e1e1;
2240 }
2241 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-discount *, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-shipping-total * {
2242 border: none !important;
2243 }
2244 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
2245 display: none !important;
2246 }
2247 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-qty {
2248 display: block;
2249 width: 49px !important;
2250 height: 30px;
2251 margin-top: 3px;
2252 padding: 6px 0px 6px 11px !important;
2253 border: solid 1px rgba(0, 0, 0, 0.2);
2254 border-radius: 4px;
2255 background-color: #ffffff;
2256 -webkit-box-shadow: none !important;
2257 box-shadow: none !important;
2258 }
2259 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-qty:focus {
2260 border: solid 2px rgba(0, 123, 255, 0.4);
2261 }
2262 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-custom-coupon-form-d-none {
2263 display: none;
2264 }
2265
2266 /* Style for radio buttons */
2267 .woocommerce-checkout {
2268 /* The container */
2269 /* Hide the browser's default radio button */
2270 /* Create a custom radio button */
2271 /* On mouse-over, add a grey background color */
2272 /* When the radio button is checked, add a blue background */
2273 /* Create the indicator (the dot/circle - hidden when not checked) */
2274 /* Show the indicator (dot/circle) when checked */
2275 /* Style the indicator (dot/circle) */
2276 }
2277 .woocommerce-checkout .wrp {
2278 display: -webkit-box !important;
2279 display: -ms-flexbox !important;
2280 display: flex !important;
2281 position: relative;
2282 -webkit-box-orient: horizontal;
2283 -webkit-box-direction: normal;
2284 -ms-flex-direction: row;
2285 flex-direction: row;
2286 -ms-flex-wrap: wrap;
2287 flex-wrap: wrap;
2288 -ms-flex-line-pack: center;
2289 align-content: center;
2290 -webkit-box-align: center;
2291 -ms-flex-align: center;
2292 align-items: center;
2293 -webkit-box-pack: start;
2294 -ms-flex-pack: start;
2295 justify-content: flex-start;
2296 margin-bottom: 12px;
2297 padding-left: 12px;
2298 -webkit-column-gap: 12px;
2299 -moz-column-gap: 12px;
2300 column-gap: 12px;
2301 font-size: 22px;
2302 cursor: pointer;
2303 -webkit-user-select: none;
2304 -moz-user-select: none;
2305 -ms-user-select: none;
2306 user-select: none;
2307 }
2308 .woocommerce-checkout .wrp::before {
2309 display: none !important;
2310 }
2311 .woocommerce-checkout .wrp label, .woocommerce-checkout .wrp .labels {
2312 height: 17px;
2313 margin-left: 12px;
2314 padding-top: 1px;
2315 color: #323232;
2316 font-size: 14px;
2317 font-style: normal;
2318 font-weight: normal;
2319 letter-spacing: normal;
2320 line-height: 1.14;
2321 text-align: left;
2322 cursor: pointer;
2323 font-stretch: normal;
2324 }
2325 .woocommerce-checkout .wrp input {
2326 display: none;
2327 }
2328 .woocommerce-checkout .checkmark {
2329 position: absolute;
2330 top: 0;
2331 left: 0;
2332 width: 18px;
2333 height: 18px;
2334 border: solid 1px rgba(0, 0, 0, 0.2);
2335 border-radius: 50%;
2336 background-color: #ffffff;
2337 }
2338 .woocommerce-checkout .wrp:hover input ~ .checkmark {
2339 background-color: #ffffff;
2340 }
2341 .woocommerce-checkout .wrp input:checked ~ .checkmark {
2342 border-radius: 60%;
2343 background-color: #323232;
2344 }
2345 .woocommerce-checkout .checkmark:after {
2346 display: none;
2347 position: absolute;
2348 content: "";
2349 }
2350 .woocommerce-checkout .wrp input:checked ~ .checkmark:after {
2351 display: block;
2352 }
2353 .woocommerce-checkout .wrp .checkmark:after {
2354 top: 6px;
2355 left: 6px;
2356 width: 4px;
2357 height: 4px;
2358 border-radius: 50%;
2359 background: white;
2360 }
2361
2362 /* Shipping & Billing Fields */
2363 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper {
2364 padding: 16px 0px 4px 16px;
2365 border: solid 1px #e1e1e1;
2366 background-color: #fafafa;
2367 }
2368 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2369 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper {
2370 display: inline-table;
2371 }
2372 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper > div,
2373 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
2374 position: relative;
2375 float: left;
2376 }
2377 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2378 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper,
2379 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section {
2380 width: 100%;
2381 margin: 0;
2382 }
2383 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-fields-wrapper .sellkit-select-appearance,
2384 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-fields-wrapper .sellkit-select-appearance,
2385 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-fields-wrapper .sellkit-select-appearance {
2386 display: none;
2387 }
2388 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-field-select select,
2389 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-field-select select,
2390 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-field-select select {
2391 background-image: none !important;
2392 -webkit-appearance: none;
2393 -moz-appearance: none;
2394 appearance: none;
2395 }
2396 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-field-select .sellkit-select-appearance,
2397 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-field-select .sellkit-select-appearance,
2398 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-field-select .sellkit-select-appearance {
2399 display: -webkit-inline-box;
2400 display: -ms-inline-flexbox;
2401 display: inline-flex;
2402 position: relative;
2403 top: 16px;
2404 right: 17px;
2405 height: 0px;
2406 float: right;
2407 color: #111111;
2408 font-weight: 900;
2409 pointer-events: none;
2410 }
2411 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p,
2412 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p,
2413 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p {
2414 width: 100% !important;
2415 float: left;
2416 }
2417 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p input:not(.sellkit-create-account-checkbox), #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p select, #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p textarea,
2418 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p input:not(.sellkit-create-account-checkbox),
2419 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p select,
2420 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p textarea,
2421 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p input:not(.sellkit-create-account-checkbox),
2422 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p select,
2423 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p textarea {
2424 width: 100%;
2425 }
2426 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-33,
2427 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-33,
2428 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-33 {
2429 width: 33%;
2430 }
2431 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-34,
2432 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-34,
2433 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-34 {
2434 width: 34%;
2435 }
2436 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-10,
2437 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-10,
2438 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-10 {
2439 width: 10%;
2440 }
2441 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-20,
2442 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-20,
2443 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-20 {
2444 width: 20%;
2445 }
2446 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-30,
2447 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-30,
2448 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-30 {
2449 width: 30%;
2450 }
2451 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-40,
2452 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-40,
2453 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-40 {
2454 width: 40%;
2455 }
2456 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-50,
2457 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-50,
2458 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-50 {
2459 width: 50%;
2460 }
2461 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-60,
2462 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-60,
2463 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-60 {
2464 width: 60%;
2465 }
2466 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-70,
2467 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-70,
2468 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-70 {
2469 width: 70%;
2470 }
2471 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-80,
2472 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-80,
2473 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-80 {
2474 width: 80%;
2475 }
2476 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-90,
2477 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-90,
2478 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-90 {
2479 width: 90%;
2480 }
2481 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-100,
2482 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-100,
2483 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-100 {
2484 width: 100%;
2485 }
2486 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .validate-postcode,
2487 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .validate-postcode,
2488 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .validate-postcode {
2489 right: 0px;
2490 width: 34%;
2491 }
2492 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea,
2493 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea,
2494 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea {
2495 background-color: #ffffff;
2496 }
2497 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=text],
2498 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=email],
2499 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=password],
2500 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=tel],
2501 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select,
2502 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=text],
2503 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=email],
2504 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=password],
2505 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=tel],
2506 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select,
2507 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=text],
2508 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=email],
2509 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=password],
2510 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=tel],
2511 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select {
2512 height: 48px;
2513 margin-bottom: 0px !important;
2514 padding: 8px 0px 8px 10px;
2515 border: solid 1px rgba(0, 0, 0, 0.2);
2516 border-radius: 4px;
2517 background-color: #ffffff;
2518 color: #737373;
2519 font-size: 14px;
2520 font-style: normal;
2521 font-weight: normal;
2522 letter-spacing: normal;
2523 line-height: 1.14;
2524 text-align: left;
2525 font-stretch: normal;
2526 }
2527 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=text]:focus,
2528 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=email]:focus,
2529 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=password]:focus,
2530 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=tel]:focus,
2531 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select:focus,
2532 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=text]:focus,
2533 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=email]:focus,
2534 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=password]:focus,
2535 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=tel]:focus,
2536 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select:focus,
2537 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=text]:focus,
2538 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=email]:focus,
2539 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=password]:focus,
2540 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=tel]:focus,
2541 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select:focus {
2542 border: solid 2px rgba(0, 123, 255, 0.4);
2543 background-color: #ffffff;
2544 -webkit-box-shadow: none;
2545 box-shadow: none;
2546 }
2547 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input.filled:not(.exclude-default-style),
2548 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input.filled:not(.exclude-default-style),
2549 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input.filled:not(.exclude-default-style) {
2550 padding: 19px 0 2px 14px;
2551 text-transform: capitalize;
2552 }
2553 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input.empty,
2554 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input.empty,
2555 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input.empty {
2556 padding-top: 7px;
2557 padding-left: 14px;
2558 }
2559 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select.filled,
2560 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select.filled,
2561 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select.filled {
2562 padding: 19px 0 2px 14px !important;
2563 }
2564 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select.empty,
2565 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select.empty,
2566 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select.empty {
2567 padding-top: 7px;
2568 padding-left: 14px;
2569 }
2570 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea.filled,
2571 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea.filled,
2572 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea.filled {
2573 padding-top: 22px;
2574 padding-left: 14px;
2575 }
2576 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea.empty,
2577 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea.empty,
2578 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea.empty {
2579 padding-top: 7px;
2580 padding-left: 14px;
2581 }
2582 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .form-row-wide,
2583 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .form-row-wide,
2584 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .form-row-wide {
2585 clear: unset;
2586 }
2587 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields),
2588 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields),
2589 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields) {
2590 padding: 0 14px 0 0;
2591 }
2592 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section),
2593 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section),
2594 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section) {
2595 margin: 0 0 14px 0;
2596 }
2597 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper,
2598 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper,
2599 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper {
2600 display: inline-block;
2601 position: relative;
2602 }
2603 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper p,
2604 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper p,
2605 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper p {
2606 margin: 0;
2607 }
2608 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation,
2609 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation,
2610 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-required-validation {
2611 display: none;
2612 padding-top: 9px;
2613 }
2614 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm,
2615 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm,
2616 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm {
2617 color: #e22120;
2618 font-size: 14px;
2619 font-style: normal;
2620 font-weight: normal;
2621 letter-spacing: normal;
2622 line-height: 1.14;
2623 text-align: left;
2624 font-stretch: normal;
2625 }
2626 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors,
2627 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors,
2628 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors {
2629 display: inline-block;
2630 padding-top: 9px;
2631 color: #e22120;
2632 font-size: 14px;
2633 font-style: normal;
2634 font-weight: normal;
2635 letter-spacing: normal;
2636 line-height: 1.14;
2637 text-align: left;
2638 font-stretch: normal;
2639 }
2640 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .mini-title,
2641 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .mini-title,
2642 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .mini-title {
2643 display: none;
2644 position: absolute;
2645 top: 7px;
2646 left: 14px;
2647 color: #737373;
2648 font-size: 13px;
2649 font-style: normal;
2650 font-weight: normal;
2651 letter-spacing: normal;
2652 line-height: 1.15;
2653 text-align: left;
2654 font-stretch: normal;
2655 }
2656 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper,
2657 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper,
2658 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper {
2659 display: -webkit-box;
2660 display: -ms-flexbox;
2661 display: flex;
2662 }
2663 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin,
2664 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin,
2665 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin {
2666 margin-right: 5px;
2667 border: solid 2px rgba(0, 123, 255, 0.4);
2668 -webkit-box-shadow: none;
2669 box-shadow: none;
2670 }
2671 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label,
2672 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label,
2673 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label {
2674 margin: 0;
2675 color: #737373;
2676 font-size: 14px;
2677 font-style: normal;
2678 font-weight: normal;
2679 letter-spacing: normal;
2680 line-height: 1.14;
2681 text-align: left;
2682 cursor: pointer;
2683 font-stretch: normal;
2684 }
2685 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper select[multiple],
2686 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper select[multiple],
2687 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper select[multiple] {
2688 width: 100%;
2689 height: auto;
2690 margin: 0;
2691 padding: 20px 0 0 10px;
2692 border-width: 2px;
2693 border-style: inset;
2694 background: none;
2695 -webkit-appearance: menulist;
2696 -moz-appearance: menulist;
2697 appearance: menulist;
2698 }
2699 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .free_label,
2700 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .free_label,
2701 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .free_label {
2702 width: 100%;
2703 color: #737373;
2704 font-size: 14px;
2705 font-style: normal;
2706 font-weight: 400;
2707 letter-spacing: normal;
2708 line-height: 1.14;
2709 text-align: left;
2710 font-stretch: normal;
2711 }
2712 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100,
2713 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100,
2714 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100 {
2715 width: 100%;
2716 }
2717 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper,
2718 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper,
2719 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper {
2720 display: -webkit-inline-box;
2721 display: -ms-inline-flexbox;
2722 display: inline-flex;
2723 -webkit-box-orient: horizontal;
2724 -webkit-box-direction: normal;
2725 -ms-flex-direction: row;
2726 flex-direction: row;
2727 -ms-flex-wrap: nowrap;
2728 flex-wrap: nowrap;
2729 -ms-flex-line-pack: center;
2730 align-content: center;
2731 -webkit-box-align: center;
2732 -ms-flex-align: center;
2733 align-items: center;
2734 margin: 0 0 7px 0;
2735 color: #737373;
2736 font-size: 14px;
2737 font-style: normal;
2738 font-weight: normal;
2739 letter-spacing: normal;
2740 line-height: 1.14;
2741 text-align: left;
2742 font-stretch: normal;
2743 }
2744 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper input,
2745 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper input,
2746 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper input {
2747 margin-right: 5px;
2748 -webkit-box-shadow: none;
2749 box-shadow: none;
2750 }
2751 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper label,
2752 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper label,
2753 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper label {
2754 margin: 0 !important;
2755 cursor: pointer;
2756 }
2757 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper .woocommerce-input-wrapper,
2758 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper .woocommerce-input-wrapper,
2759 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper .woocommerce-input-wrapper {
2760 display: block;
2761 padding: 8px 0px 8px 14px;
2762 border: solid 1px rgba(0, 0, 0, 0.2);
2763 border-radius: 4px;
2764 background-color: #ffffff;
2765 }
2766 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper label.radio,
2767 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper label.radio,
2768 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper label.radio {
2769 display: -webkit-inline-box;
2770 display: -ms-inline-flexbox;
2771 display: inline-flex;
2772 position: absolute;
2773 margin: 0;
2774 padding: 6px 0 0 10px;
2775 color: #737373;
2776 font-size: 14px;
2777 font-style: normal;
2778 font-weight: normal;
2779 letter-spacing: normal;
2780 line-height: 1.14;
2781 text-align: left;
2782 font-stretch: normal;
2783 }
2784 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper span.radio-divider,
2785 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper span.radio-divider,
2786 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper span.radio-divider {
2787 display: block;
2788 margin: 0;
2789 padding: 0;
2790 }
2791 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .form-row-wide,
2792 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .form-row-wide,
2793 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .form-row-wide {
2794 clear: unset;
2795 }
2796
2797 @media only screen and (max-width: 600px) {
2798 #sellkit-checkout-widget-id .billing-desc {
2799 margin-bottom: 43px;
2800 line-height: 1.57;
2801 }
2802 #sellkit-checkout-widget-id .sellkit-one-page-checkout-payment-desc {
2803 margin-bottom: 23px;
2804 line-height: 1.57;
2805 }
2806 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper > div,
2807 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
2808 display: inline-grid !important;
2809 -ms-flex-line-pack: center !important;
2810 align-content: center !important;
2811 width: 100%;
2812 margin: 0 !important;
2813 padding: 0 0 5px 0 !important;
2814 float: left;
2815 justify-items: end !important;
2816 }
2817 }
2818 @media only screen and (max-width: 600px) {
2819 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-box {
2820 height: auto;
2821 padding-bottom: 15px;
2822 }
2823 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-methods {
2824 display: -webkit-box;
2825 display: -ms-flexbox;
2826 display: flex;
2827 -webkit-box-orient: vertical;
2828 -webkit-box-direction: normal;
2829 -ms-flex-direction: column;
2830 flex-direction: column;
2831 -ms-flex-wrap: wrap;
2832 flex-wrap: wrap;
2833 -ms-flex-line-pack: center;
2834 align-content: center;
2835 -webkit-box-align: center;
2836 -ms-flex-align: center;
2837 align-items: center;
2838 -webkit-box-pack: center;
2839 -ms-flex-pack: center;
2840 justify-content: center;
2841 padding-right: 17px;
2842 padding-left: 17px;
2843 row-gap: 7px;
2844 }
2845 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-methods > div {
2846 display: -webkit-box;
2847 display: -ms-flexbox;
2848 display: flex;
2849 -webkit-box-orient: vertical;
2850 -webkit-box-direction: normal;
2851 -ms-flex-direction: column;
2852 flex-direction: column;
2853 -ms-flex-wrap: nowrap;
2854 flex-wrap: nowrap;
2855 -ms-flex-line-pack: center;
2856 align-content: center;
2857 -webkit-box-align: center;
2858 -ms-flex-align: center;
2859 align-items: center;
2860 -webkit-box-pack: center;
2861 -ms-flex-pack: center;
2862 justify-content: center;
2863 width: 100%;
2864 margin: 0;
2865 }
2866 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-shipping-fields__field-wrapper div,
2867 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-billing-fields__field-wrapper div {
2868 width: 100% !important;
2869 }
2870 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods .shipping-method-header {
2871 width: -webkit-max-content;
2872 width: -moz-max-content;
2873 width: max-content;
2874 margin-right: 0;
2875 }
2876 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form {
2877 display: -webkit-box;
2878 display: -ms-flexbox;
2879 display: flex;
2880 -webkit-box-orient: horizontal;
2881 -webkit-box-direction: normal;
2882 -ms-flex-direction: row;
2883 flex-direction: row;
2884 -ms-flex-wrap: wrap;
2885 flex-wrap: wrap;
2886 -ms-flex-line-pack: center;
2887 align-content: center;
2888 -webkit-box-align: center;
2889 -ms-flex-align: center;
2890 align-items: center;
2891 -webkit-box-pack: center;
2892 -ms-flex-pack: center;
2893 justify-content: center;
2894 width: 100%;
2895 margin: 0;
2896 row-gap: 8px;
2897 }
2898 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p {
2899 width: 100%;
2900 margin: 0;
2901 }
2902 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p input {
2903 width: 100%;
2904 }
2905 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p .jx-apply-coupon {
2906 display: -webkit-inline-box;
2907 display: -ms-inline-flexbox;
2908 display: inline-flex;
2909 -webkit-box-orient: vertical;
2910 -webkit-box-direction: normal;
2911 -ms-flex-direction: column;
2912 flex-direction: column;
2913 -ms-flex-line-pack: center;
2914 align-content: center;
2915 -webkit-box-pack: center;
2916 -ms-flex-pack: center;
2917 justify-content: center;
2918 width: 100%;
2919 text-align: center;
2920 }
2921 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-normal-coupon-form {
2922 padding-bottom: 18px;
2923 }
2924 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form-d-none {
2925 display: none;
2926 }
2927 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order button {
2928 width: 100%;
2929 }
2930 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill {
2931 width: 100% !important;
2932 }
2933 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill > button {
2934 max-width: 100% !important;
2935 }
2936 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill > button iframe {
2937 width: 100% !important;
2938 }
2939 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div {
2940 width: 100%;
2941 }
2942 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container {
2943 min-width: 100% !important;
2944 }
2945 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container > iframe {
2946 width: 240px;
2947 margin: auto;
2948 }
2949 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
2950 min-width: 100%;
2951 }
2952 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-checkout-bundled-products .sellkit-head-row-title {
2953 width: 50%;
2954 }
2955 }
2956 /* Minor mobile css to remove container gaps in both one step and multi step design. */
2957 @media only screen and (max-width: 600px) {
2958 .sellkit-checkout-widget-main-wrapper {
2959 width: 100vw;
2960 margin-right: calc(-50vw + 50%);
2961 margin-left: calc(-50vw + 50%);
2962 }
2963
2964 .sellkit-checkout-widget-one-page-build {
2965 padding: 0 21px;
2966 }
2967
2968 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-left-column {
2969 padding-right: 23px !important;
2970 padding-left: 23px !important;
2971 }
2972 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column {
2973 padding: 0 !important;
2974 }
2975 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile {
2976 padding-left: 26px !important;
2977 }
2978
2979 .sellkit-checkout-bundled-products th:not(.sellkit-head-row-title) {
2980 width: 50px !important;
2981 }
2982 }
2983 /* Mobile Style , style widget for less than 600px : multistep */
2984 @media only screen and (max-width: 600px) {
2985 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-desktop {
2986 display: none;
2987 }
2988 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile {
2989 display: -webkit-box;
2990 display: -ms-flexbox;
2991 display: flex;
2992 max-width: 100%;
2993 margin-top: 20px;
2994 margin-bottom: 20px;
2995 }
2996 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile span, .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile i {
2997 margin-right: 13px;
2998 }
2999 .sellkit-checkout-widget-multi-page-build form .inner_wrapper {
3000 display: -webkit-box;
3001 display: -ms-flexbox;
3002 display: flex;
3003 -webkit-box-orient: vertical;
3004 -webkit-box-direction: normal;
3005 -ms-flex-direction: column;
3006 flex-direction: column;
3007 height: auto;
3008 }
3009 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column {
3010 -webkit-box-ordinal-group: 3;
3011 -ms-flex-order: 2;
3012 order: 2;
3013 width: 100%;
3014 }
3015 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div {
3016 width: 100%;
3017 padding-right: 0;
3018 padding-left: 0;
3019 border: none;
3020 }
3021 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 {
3022 margin-top: 9px;
3023 }
3024 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box {
3025 height: auto;
3026 padding-bottom: 17px;
3027 }
3028 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box .express-methods {
3029 display: -webkit-box;
3030 display: -ms-flexbox;
3031 display: flex;
3032 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal;
3034 -ms-flex-direction: column;
3035 flex-direction: column;
3036 -ms-flex-wrap: wrap;
3037 flex-wrap: wrap;
3038 -ms-flex-line-pack: center;
3039 align-content: center;
3040 -webkit-box-align: center;
3041 -ms-flex-align: center;
3042 align-items: center;
3043 -webkit-box-pack: center;
3044 -ms-flex-pack: center;
3045 justify-content: center;
3046 padding-right: 17px;
3047 padding-left: 17px;
3048 row-gap: 7px;
3049 }
3050 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box .express-methods > div {
3051 display: -webkit-box;
3052 display: -ms-flexbox;
3053 display: flex;
3054 -webkit-box-orient: vertical;
3055 -webkit-box-direction: normal;
3056 -ms-flex-direction: column;
3057 flex-direction: column;
3058 -ms-flex-line-pack: center;
3059 align-content: center;
3060 -webkit-box-align: center;
3061 -ms-flex-align: center;
3062 align-items: center;
3063 -webkit-box-pack: center;
3064 -ms-flex-pack: center;
3065 justify-content: center;
3066 width: 100%;
3067 margin: 0;
3068 }
3069 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login {
3070 margin-bottom: 7px;
3071 }
3072 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-2 {
3073 margin-top: -10px;
3074 margin-bottom: 17px;
3075 }
3076 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column {
3077 -webkit-box-ordinal-group: 2;
3078 -ms-flex-order: 1;
3079 order: 1;
3080 width: 100%;
3081 }
3082 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column > div {
3083 width: 100%;
3084 }
3085 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar-sticky {
3086 position: relative !important;
3087 }
3088 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order .sellkit-checkout-order-review-heading {
3089 margin-top: 15px !important;
3090 }
3091 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .cart_item .product-total {
3092 position: relative;
3093 }
3094 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .cart_item .product-total .woocommerce-Price-amount {
3095 position: absolute;
3096 top: 25px;
3097 right: 0;
3098 }
3099 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-checkout-collapsible {
3100 margin: 0;
3101 }
3102 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form {
3103 -webkit-box-orient: horizontal;
3104 -webkit-box-direction: normal;
3105 -ms-flex-direction: row;
3106 flex-direction: row;
3107 -ms-flex-wrap: wrap;
3108 flex-wrap: wrap;
3109 row-gap: 8px;
3110 }
3111 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p {
3112 width: 100%;
3113 margin: 0;
3114 padding: 0;
3115 }
3116 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p input {
3117 width: 100%;
3118 }
3119 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p span {
3120 display: -webkit-box;
3121 display: -ms-flexbox;
3122 display: flex;
3123 -webkit-box-orient: horizontal;
3124 -webkit-box-direction: normal;
3125 -ms-flex-direction: row;
3126 flex-direction: row;
3127 -ms-flex-wrap: wrap;
3128 flex-wrap: wrap;
3129 -ms-flex-line-pack: center;
3130 align-content: center;
3131 -webkit-box-align: center;
3132 -ms-flex-align: center;
3133 align-items: center;
3134 -webkit-box-pack: center;
3135 -ms-flex-pack: center;
3136 justify-content: center;
3137 width: 100%;
3138 }
3139 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-normal-coupon-form {
3140 margin-top: 9px;
3141 padding-bottom: 18px !important;
3142 }
3143 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper div,
3144 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper div {
3145 position: static;
3146 width: 100% !important;
3147 float: left;
3148 }
3149 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper > input,
3150 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
3151 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > input {
3152 width: 100% !important;
3153 }
3154 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar {
3155 position: relative;
3156 top: 0;
3157 -webkit-box-ordinal-group: 0;
3158 -ms-flex-order: -1;
3159 order: -1;
3160 margin-bottom: 2px;
3161 padding: 0px;
3162 border: solid 1px #e1e1e1;
3163 background-color: #fafafa;
3164 }
3165 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle {
3166 display: -webkit-box !important;
3167 display: -ms-flexbox !important;
3168 display: flex !important;
3169 -webkit-box-orient: horizontal;
3170 -webkit-box-direction: normal;
3171 -ms-flex-direction: row;
3172 flex-direction: row;
3173 -ms-flex-wrap: nowrap;
3174 flex-wrap: nowrap;
3175 -ms-flex-line-pack: center;
3176 align-content: center;
3177 -webkit-box-align: center;
3178 -ms-flex-align: center;
3179 align-items: center;
3180 -webkit-box-pack: start;
3181 -ms-flex-pack: start;
3182 justify-content: flex-start;
3183 height: 63px;
3184 border: solid 1px #e1e1e1;
3185 border-top: none;
3186 border-right: none;
3187 border-left: none;
3188 background-color: #fafafa;
3189 }
3190 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .icon .fa {
3191 height: 16px;
3192 margin: 2px 0px 4px 0;
3193 color: #007bff;
3194 }
3195 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .title {
3196 height: 16px;
3197 margin: 0 5px 0 10px;
3198 color: #007bff;
3199 font-size: 14px;
3200 font-style: normal;
3201 font-weight: normal;
3202 letter-spacing: normal;
3203 line-height: 1.14;
3204 text-align: left;
3205 cursor: pointer;
3206 font-stretch: normal;
3207 }
3208 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .price {
3209 position: absolute;
3210 right: 22px;
3211 color: #323232;
3212 font-size: 18px;
3213 font-style: normal;
3214 font-weight: bold;
3215 letter-spacing: normal;
3216 line-height: 1.28;
3217 text-align: right;
3218 font-stretch: normal;
3219 }
3220 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order {
3221 padding-right: 21px;
3222 padding-left: 21px;
3223 clear: both;
3224 }
3225 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table {
3226 margin: 0;
3227 margin-top: 0 !important;
3228 background-color: transparent;
3229 border-collapse: initial !important;
3230 }
3231 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tr.last-cart-item td {
3232 padding-bottom: 11px !important;
3233 }
3234 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-name {
3235 display: -webkit-box;
3236 display: -ms-flexbox;
3237 display: flex;
3238 -webkit-box-orient: horizontal;
3239 -webkit-box-direction: normal;
3240 -ms-flex-direction: row;
3241 flex-direction: row;
3242 -webkit-box-align: center;
3243 -ms-flex-align: center;
3244 align-items: center;
3245 height: auto;
3246 padding: 0px;
3247 }
3248 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-total {
3249 padding: 0px;
3250 padding-top: 40px;
3251 text-align: right;
3252 }
3253 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .sellkit-one-page-checkout-product-qty {
3254 padding-right: 0px;
3255 border: solid 1px rgba(0, 0, 0, 0.2);
3256 -webkit-box-shadow: none !important;
3257 box-shadow: none !important;
3258 }
3259 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first {
3260 padding-right: 21px;
3261 padding-left: 21px;
3262 }
3263 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first h4 {
3264 width: -webkit-max-content;
3265 width: -moz-max-content;
3266 width: max-content;
3267 }
3268 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer {
3269 display: -webkit-box;
3270 display: -ms-flexbox;
3271 display: flex;
3272 -webkit-box-orient: vertical;
3273 -webkit-box-direction: reverse;
3274 -ms-flex-direction: column-reverse;
3275 flex-direction: column-reverse;
3276 -ms-flex-wrap: wrap;
3277 flex-wrap: wrap;
3278 margin-top: -10px;
3279 padding-top: 0 !important;
3280 -webkit-column-gap: 25px;
3281 -moz-column-gap: 25px;
3282 column-gap: 25px;
3283 }
3284 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer span {
3285 width: 100%;
3286 margin: 0;
3287 text-align: center;
3288 }
3289 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer a {
3290 width: 100%;
3291 margin-top: 21px;
3292 text-align: center;
3293 }
3294 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer .go-to-cart {
3295 margin-top: 18px;
3296 }
3297 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second {
3298 padding-right: 21px;
3299 padding-left: 21px;
3300 }
3301 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-header {
3302 height: auto !important;
3303 }
3304 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .shipping-method-header {
3305 margin: 0px !important;
3306 }
3307 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer {
3308 display: -webkit-box;
3309 display: -ms-flexbox;
3310 display: flex;
3311 -webkit-box-orient: vertical !important;
3312 -webkit-box-direction: reverse !important;
3313 -ms-flex-direction: column-reverse !important;
3314 flex-direction: column-reverse !important;
3315 -ms-flex-wrap: wrap;
3316 flex-wrap: wrap;
3317 -ms-flex-line-pack: center;
3318 align-content: center;
3319 -webkit-box-align: center;
3320 -ms-flex-align: center;
3321 align-items: center;
3322 -webkit-box-pack: center;
3323 -ms-flex-pack: center;
3324 justify-content: center;
3325 margin-top: -19px;
3326 row-gap: 3px;
3327 }
3328 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span {
3329 width: 100%;
3330 margin: 0;
3331 text-align: center;
3332 }
3333 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span a {
3334 float: none;
3335 text-align: center;
3336 }
3337 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
3338 margin-top: 23px;
3339 }
3340 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third {
3341 padding-right: 21px;
3342 padding-left: 21px;
3343 }
3344 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-multistep-checkout-third-header {
3345 height: auto !important;
3346 }
3347 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order {
3348 display: -webkit-box;
3349 display: -ms-flexbox;
3350 display: flex;
3351 -webkit-box-orient: vertical;
3352 -webkit-box-direction: reverse;
3353 -ms-flex-direction: column-reverse;
3354 flex-direction: column-reverse;
3355 margin-top: 23px;
3356 }
3357 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .go-to-second, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order button {
3358 width: 100% !important;
3359 text-align: center;
3360 }
3361 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .go-to-second {
3362 margin-top: 23px;
3363 }
3364 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill button.gpay-card-info-container iframe {
3365 width: 100% !important;
3366 }
3367 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div {
3368 width: 100%;
3369 }
3370 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container {
3371 width: 100%;
3372 min-width: 100%;
3373 }
3374 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container > iframe {
3375 width: 240px !important;
3376 margin: auto !important;
3377 }
3378 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
3379 min-width: 100% !important;
3380 }
3381 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div {
3382 position: relative;
3383 }
3384 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > div {
3385 -webkit-box-orient: vertical !important;
3386 -webkit-box-direction: normal !important;
3387 -ms-flex-direction: column !important;
3388 flex-direction: column !important;
3389 width: 100%;
3390 padding: 12px 0 12px 0px;
3391 row-gap: 3px;
3392 }
3393 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > div > span {
3394 width: 100%;
3395 }
3396 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > span {
3397 position: absolute;
3398 top: 13px;
3399 right: 1px;
3400 }
3401 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-a .title {
3402 width: 100% !important;
3403 color: #737373;
3404 font-size: 14px;
3405 font-style: normal;
3406 font-weight: normal;
3407 letter-spacing: normal;
3408 line-height: 1.14;
3409 text-align: left;
3410 font-stretch: normal;
3411 }
3412 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-a .mail {
3413 width: 100%;
3414 margin-right: auto;
3415 margin-left: 0px !important;
3416 padding-top: 5px;
3417 color: #323232;
3418 font-size: 14px;
3419 font-style: normal;
3420 font-weight: normal;
3421 letter-spacing: normal;
3422 line-height: 1.14;
3423 text-align: left;
3424 font-stretch: normal;
3425 }
3426 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-b .title {
3427 width: 100% !important;
3428 color: #737373;
3429 font-size: 14px;
3430 font-style: normal;
3431 font-weight: normal;
3432 letter-spacing: normal;
3433 line-height: 1.14;
3434 text-align: left;
3435 font-stretch: normal;
3436 }
3437 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-b .address {
3438 width: 100%;
3439 height: auto;
3440 margin-right: auto;
3441 margin-left: 0px !important;
3442 padding-top: 5px;
3443 color: #323232;
3444 font-size: 14px;
3445 font-style: normal;
3446 font-weight: normal;
3447 letter-spacing: normal;
3448 line-height: 1.14;
3449 text-align: left;
3450 font-stretch: normal;
3451 }
3452 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-c .title {
3453 width: 100% !important;
3454 color: #737373;
3455 font-size: 14px;
3456 font-style: normal;
3457 font-weight: normal;
3458 letter-spacing: normal;
3459 line-height: 1.14;
3460 text-align: left;
3461 font-stretch: normal;
3462 }
3463 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-c .method {
3464 -webkit-box-ordinal-group: 4;
3465 -ms-flex-order: 3;
3466 order: 3;
3467 width: 100%;
3468 height: auto;
3469 margin-right: auto;
3470 margin-left: 0px !important;
3471 padding-top: 5px;
3472 color: #323232;
3473 font-size: 14px;
3474 font-style: normal;
3475 font-weight: normal;
3476 letter-spacing: normal;
3477 line-height: 1.14;
3478 text-align: left;
3479 font-stretch: normal;
3480 }
3481 }
3482 @media only screen and (max-width: 359px) {
3483 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile {
3484 padding-left: 10px !important;
3485 }
3486 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile span {
3487 margin-right: 9px;
3488 }
3489 }
3490 /************ Sellkit funnel steps checkout order bump ****/
3491 /**********************************************************/
3492 .sellkit-checkout-step-bump-wrapper {
3493 width: 100%;
3494 margin: 10px 0 10px 0;
3495 padding: 0 0 18px 0;
3496 border: 2px dashed #9e9e9e;
3497 }
3498 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header {
3499 display: -webkit-box;
3500 display: -ms-flexbox;
3501 display: flex;
3502 -webkit-box-orient: horizontal;
3503 -webkit-box-direction: normal;
3504 -ms-flex-direction: row;
3505 flex-direction: row;
3506 -ms-flex-wrap: nowrap;
3507 flex-wrap: nowrap;
3508 -ms-flex-line-pack: center;
3509 align-content: center;
3510 -webkit-box-align: center;
3511 -ms-flex-align: center;
3512 align-items: center;
3513 -webkit-box-pack: justify;
3514 -ms-flex-pack: justify;
3515 justify-content: space-between;
3516 padding: 18px 26px 19px 16.1px;
3517 background-color: #fffe99;
3518 }
3519 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header {
3520 display: -webkit-box;
3521 display: -ms-flexbox;
3522 display: flex;
3523 -webkit-box-orient: horizontal;
3524 -webkit-box-direction: normal;
3525 -ms-flex-direction: row;
3526 flex-direction: row;
3527 -ms-flex-wrap: nowrap;
3528 flex-wrap: nowrap;
3529 -ms-flex-line-pack: center;
3530 align-content: center;
3531 -webkit-box-align: center;
3532 -ms-flex-align: center;
3533 align-items: center;
3534 -webkit-box-pack: center;
3535 -ms-flex-pack: center;
3536 justify-content: center;
3537 -webkit-column-gap: 13px;
3538 -moz-column-gap: 13px;
3539 column-gap: 13px;
3540 }
3541 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header input {
3542 min-width: 16px !important;
3543 min-height: 16px !important;
3544 -webkit-box-shadow: none !important;
3545 box-shadow: none !important;
3546 }
3547 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header .sellkit-checkout-order-bump-title {
3548 position: relative;
3549 left: -6px;
3550 margin: 0;
3551 color: #222;
3552 font-size: 16px;
3553 font-style: normal;
3554 font-weight: bold;
3555 letter-spacing: normal;
3556 line-height: 1.19;
3557 text-align: left;
3558 cursor: pointer;
3559 font-stretch: normal;
3560 }
3561 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-right-header .sellkit-checkout-order-bump-price {
3562 display: -webkit-box;
3563 display: -ms-flexbox;
3564 display: flex;
3565 -webkit-box-orient: horizontal;
3566 -webkit-box-direction: normal;
3567 -ms-flex-direction: row;
3568 flex-direction: row;
3569 -ms-flex-wrap: nowrap;
3570 flex-wrap: nowrap;
3571 -ms-flex-line-pack: center;
3572 align-content: center;
3573 -webkit-box-align: center;
3574 -ms-flex-align: center;
3575 align-items: center;
3576 -webkit-box-pack: center;
3577 -ms-flex-pack: center;
3578 justify-content: center;
3579 -webkit-column-gap: 7px;
3580 -moz-column-gap: 7px;
3581 column-gap: 7px;
3582 color: #222 !important;
3583 font-size: 16px !important;
3584 font-style: normal;
3585 font-weight: normal;
3586 letter-spacing: normal !important;
3587 line-height: 1.19 !important;
3588 text-align: left;
3589 font-stretch: normal;
3590 }
3591 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-right-header .sellkit-checkout-order-bump-price .bump-price-bolded {
3592 font-weight: bold;
3593 text-decoration: none !important;
3594 }
3595 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body {
3596 display: -webkit-box;
3597 display: -ms-flexbox;
3598 display: flex;
3599 -webkit-box-orient: horizontal;
3600 -webkit-box-direction: normal;
3601 -ms-flex-direction: row;
3602 flex-direction: row;
3603 -ms-flex-wrap: nowrap;
3604 flex-wrap: nowrap;
3605 -ms-flex-line-pack: center;
3606 align-content: center;
3607 padding: 14px 16px 0px 18px;
3608 -webkit-column-gap: 22px;
3609 -moz-column-gap: 22px;
3610 column-gap: 22px;
3611 }
3612 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-left-body {
3613 max-width: 120px;
3614 }
3615 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-left-body img {
3616 max-width: 100%;
3617 height: auto;
3618 }
3619 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-right-body {
3620 -webkit-box-flex: 1;
3621 -ms-flex-positive: 1;
3622 flex-grow: 1;
3623 }
3624 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-right-body .sellkit-bump-order-description {
3625 padding: 3px 0 0 0;
3626 color: #222;
3627 font-size: 14px;
3628 font-style: normal;
3629 font-weight: normal;
3630 letter-spacing: normal;
3631 line-height: 1.57;
3632 text-align: left;
3633 font-stretch: normal;
3634 }
3635
3636 .sellkit-bump-review-order .sellkit-checkout-order-bump-price {
3637 -webkit-box-orient: vertical !important;
3638 -webkit-box-direction: reverse !important;
3639 -ms-flex-direction: column-reverse !important;
3640 flex-direction: column-reverse !important;
3641 }
3642
3643 @media only screen and (max-width: 600px) {
3644 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-order-bump-price {
3645 -webkit-box-orient: vertical !important;
3646 -webkit-box-direction: reverse !important;
3647 -ms-flex-direction: column-reverse !important;
3648 flex-direction: column-reverse !important;
3649 }
3650 }
3651 .sellkit-checkout-empty-cart-message-box {
3652 position: relative;
3653 margin-bottom: 5px;
3654 padding: 15px;
3655 border-left: 5px solid transparent;
3656 border-radius: 5px;
3657 border-color: #bcdff1;
3658 background-color: #d9edf7;
3659 color: #31708f;
3660 text-align: left;
3661 }
3662
3663 /************ Integration with Third party plugins ********/
3664 /**********************************************************/
3665 #sellkit-checkout-widget-id {
3666 /** Googple pay button **/
3667 /** Paypal for woocommerc **/
3668 /** braintree plugin */
3669 /** stripe for woocommerce **/
3670 /** klarma checkout **/
3671 /** Amazon pay woocommerce **/
3672 /** Stripe woocommerce official **/
3673 }
3674 #sellkit-checkout-widget-id .gpay-card-info-placeholder-container {
3675 height: 0px !important;
3676 margin: 0 !important;
3677 }
3678 #sellkit-checkout-widget-id .gpay-card-info-placeholder-container * {
3679 height: 0px !important;
3680 }
3681 #sellkit-checkout-widget-id .gpay-card-info-animation-container {
3682 position: absolute;
3683 bottom: 2px;
3684 }
3685 #sellkit-checkout-widget-id #paypal_ec_button {
3686 width: 170px !important;
3687 max-width: 170px !important;
3688 }
3689 #sellkit-checkout-widget-id #paypal_ec_button img {
3690 min-width: 170px;
3691 max-width: 170px;
3692 height: 40px;
3693 }
3694 #sellkit-checkout-widget-id .wc-braintree-paypal-top-container {
3695 width: 170px;
3696 max-width: 170px;
3697 }
3698 #sellkit-checkout-widget-id .wc-braintree-paypal-top-container .paypal-buttons {
3699 width: 170px;
3700 max-width: 170px;
3701 }
3702 #sellkit-checkout-widget-id .wc-braintree-banner-gateway {
3703 width: 170px;
3704 max-width: 170px;
3705 }
3706 #sellkit-checkout-widget-id .payment_method_braintree_googlepay img,
3707 #sellkit-checkout-widget-id .payment_method_braintree_applepay img,
3708 #sellkit-checkout-widget-id .payment_method_braintree_paypal img {
3709 position: absolute !important;
3710 right: 0px !important;
3711 }
3712 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay {
3713 width: 170px !important;
3714 max-width: 170px !important;
3715 }
3716 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div {
3717 width: 170px !important;
3718 max-width: 170px !important;
3719 height: 40px !important;
3720 }
3721 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div button {
3722 width: 170px !important;
3723 min-width: 170px !important;
3724 max-width: 170px !important;
3725 }
3726 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div button .gpay-card-info-placeholder-container {
3727 width: 170px !important;
3728 max-width: 170px !important;
3729 }
3730 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay iframe {
3731 position: absolute;
3732 top: 0px;
3733 right: 30px;
3734 }
3735 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_paypal {
3736 width: 170px !important;
3737 max-width: 170px !important;
3738 }
3739 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_paypal > div {
3740 height: 40px !important;
3741 }
3742 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay {
3743 display: none !important;
3744 }
3745 #sellkit-checkout-widget-id .sellkit-stripe-integration ul {
3746 display: -webkit-box;
3747 display: -ms-flexbox;
3748 display: flex;
3749 -webkit-box-orient: horizontal;
3750 -webkit-box-direction: normal;
3751 -ms-flex-direction: row;
3752 flex-direction: row;
3753 -ms-flex-wrap: nowrap;
3754 flex-wrap: nowrap;
3755 height: inherit;
3756 margin: 0;
3757 padding: 0;
3758 list-style: none;
3759 }
3760 #sellkit-checkout-widget-id .sellkit-stripe-integration {
3761 width: 170px !important;
3762 max-width: 170px !important;
3763 }
3764 #sellkit-checkout-widget-id .sellkit-stripe-integration ul {
3765 display: contents;
3766 }
3767 #sellkit-checkout-widget-id .sellkit-stripe-integration ul li {
3768 display: inline-block;
3769 }
3770 #sellkit-checkout-widget-id .sellkit-stripe-integration ul li > div {
3771 height: 40px !important;
3772 }
3773 #sellkit-checkout-widget-id .payment_method_stripe_applepay img,
3774 #sellkit-checkout-widget-id .payment_method_stripe_googlepay img,
3775 #sellkit-checkout-widget-id .payment_method_stripe_alipay img {
3776 position: absolute !important;
3777 right: 0px !important;
3778 }
3779 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway div button {
3780 width: 170px !important;
3781 min-width: 170px;
3782 max-width: 170px !important;
3783 }
3784 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway div button .gpay-card-info-placeholder-container {
3785 width: 170px !important;
3786 max-width: 170px !important;
3787 }
3788 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway iframe {
3789 position: absolute;
3790 top: 0px;
3791 right: 30px;
3792 }
3793 #sellkit-checkout-widget-id .sellkit-klarna-pay-button {
3794 width: 170px !important;
3795 max-width: 170px !important;
3796 padding: 7px 15px;
3797 border-radius: 5px;
3798 background-color: #FBB3C7;
3799 text-align: center;
3800 cursor: pointer;
3801 }
3802 #sellkit-checkout-widget-id .sellkit-klarna-pay-button span {
3803 display: -webkit-box;
3804 display: -ms-flexbox;
3805 display: flex;
3806 -webkit-box-orient: horizontal;
3807 -webkit-box-direction: normal;
3808 -ms-flex-direction: row;
3809 flex-direction: row;
3810 -ms-flex-wrap: nowrap;
3811 flex-wrap: nowrap;
3812 -ms-flex-line-pack: center;
3813 align-content: center;
3814 -webkit-box-align: center;
3815 -ms-flex-align: center;
3816 align-items: center;
3817 -webkit-box-pack: center;
3818 -ms-flex-pack: center;
3819 justify-content: center;
3820 text-align: center;
3821 }
3822 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce {
3823 display: inline-grid;
3824 margin: 3px 0 0 0;
3825 }
3826 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce div {
3827 width: 170px !important;
3828 min-width: 170px !important;
3829 max-width: 170px !important;
3830 min-height: 40px !important;
3831 }
3832 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce div img {
3833 display: none !important;
3834 }
3835 #sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration {
3836 max-width: 170px !important;
3837 }
3838
3839 /** Safari +10 **/
3840 @media not all and (min-resolution: 0.001dpcm) {
3841 @supports (-webkit-appearance: none) and (stroke-color: transparent) {
3842 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay {
3843 display: -webkit-box !important;
3844 display: -ms-flexbox !important;
3845 display: flex !important;
3846 min-width: 170px !important;
3847 }
3848 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay .applepay-top-container {
3849 width: 170px !important;
3850 min-width: 170px !important;
3851 }
3852 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay:first-child {
3853 min-width: 170px;
3854 }
3855 }
3856 }
3857 form.sellkit-optin {
3858 -webkit-margin-after: 0;
3859 margin-block-end: 0;
3860 }
3861 form.sellkit-optin .sellkit-field-label {
3862 margin-bottom: 0.5rem;
3863 color: #55595c;
3864 font-weight: 400;
3865 line-height: 1.3;
3866 }
3867 form.sellkit-optin .sellkit-field-invalid input, form.sellkit-optin .sellkit-field-invalid textarea {
3868 border-color: #d9534f;
3869 }
3870 .label-required-mark-show form.sellkit-optin .required-mark-label::after {
3871 position: relative;
3872 left: -2px;
3873 color: #d9534f;
3874 content: "*";
3875 }
3876 form.sellkit-optin .sellkit-field {
3877 width: 100%;
3878 margin-bottom: 0;
3879 padding: 0.6rem 0.7rem;
3880 -webkit-transition: all 0.3s ease-in-out;
3881 transition: all 0.3s ease-in-out;
3882 border: none;
3883 border-width: 1px;
3884 color: #55595c;
3885 font-size: 1rem;
3886 line-height: unset;
3887 }
3888 form.sellkit-optin .sellkit-field::-webkit-input-placeholder {
3889 color: #818a91;
3890 }
3891 form.sellkit-optin .sellkit-field::-moz-placeholder {
3892 color: #818a91;
3893 }
3894 form.sellkit-optin .sellkit-field::-ms-input-placeholder {
3895 color: #818a91;
3896 }
3897 form.sellkit-optin .sellkit-field::placeholder {
3898 color: #818a91;
3899 }
3900 form.sellkit-optin .sellkit-field:focus {
3901 border: none;
3902 border-width: 1px;
3903 outline: 0;
3904 }
3905 form.sellkit-optin .sellkit-field-group {
3906 width: var(--sellkit-field-width-desktop, 100%);
3907 height: -webkit-max-content;
3908 height: -moz-max-content;
3909 height: max-content;
3910 }
3911 body[data-elementor-device-mode=mobile] form.sellkit-optin .sellkit-field-group {
3912 width: var(--sellkit-field-width-mobile, var(--sellkit-field-width-desktop, 100%));
3913 }
3914 body[data-elementor-device-mode=mobile_extra] form.sellkit-optin .sellkit-field-group {
3915 width: var(--sellkit-field-width-mobile_extra, var(--sellkit-field-width-desktop, 100%));
3916 }
3917 body[data-elementor-device-mode=tablet] form.sellkit-optin .sellkit-field-group {
3918 width: var(--sellkit-field-width-tablet, var(--sellkit-field-width-desktop, 100%));
3919 }
3920 body[data-elementor-device-mode=tablet_extra] form.sellkit-optin .sellkit-field-group {
3921 width: var(--sellkit-field-width-tablet_extra, var(--sellkit-field-width-desktop, 100%));
3922 }
3923 body[data-elementor-device-mode=laptop] form.sellkit-optin .sellkit-field-group {
3924 width: var(--sellkit-field-width-laptop, var(--sellkit-field-width-desktop, 100%));
3925 }
3926 body[data-elementor-device-mode=widescreen] form.sellkit-optin .sellkit-field-group {
3927 width: var(--sellkit-field-width-widescreen, var(--sellkit-field-width-desktop, 100%));
3928 }
3929 form.sellkit-optin .sellkit-field-subgroup {
3930 position: relative;
3931 width: 100%;
3932 }
3933 form.sellkit-optin .sellkit-field-subgroup .sellkit-field-label {
3934 margin-bottom: 0;
3935 }
3936 form.sellkit-optin .sellkit-field-subgroup.sellkit-subgroup-inline .sellkit-field-option {
3937 display: inline-block;
3938 margin-right: 10px;
3939 vertical-align: middle;
3940 }
3941 form.sellkit-optin .sellkit-field-subgroup .sellkit-field-option {
3942 display: block;
3943 }
3944 form.sellkit-optin .sellkit-optin-text {
3945 margin-top: 0.3rem;
3946 color: #d9534f;
3947 }
3948 form.sellkit-optin .sellkit-field-type-select select.sellkit-field {
3949 background-color: #fff;
3950 background-image: none;
3951 -webkit-appearance: none;
3952 -moz-appearance: none;
3953 appearance: none;
3954 }
3955 form.sellkit-optin .sellkit-field-type-select .sellkit-field-select-arrow {
3956 display: -webkit-box;
3957 display: -ms-flexbox;
3958 display: flex;
3959 position: absolute;
3960 top: 50%;
3961 -webkit-box-align: center;
3962 -ms-flex-align: center;
3963 align-items: center;
3964 -webkit-box-pack: center;
3965 -ms-flex-pack: center;
3966 justify-content: center;
3967 -webkit-transform: translateY(-50%);
3968 transform: translateY(-50%);
3969 pointer-events: none;
3970 }
3971 form.sellkit-optin .sellkit-field-type-select svg {
3972 width: 18px;
3973 height: 18px;
3974 }
3975 form.sellkit-optin .sellkit-field-type-radio .sellkit-field,
3976 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field,
3977 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field {
3978 position: absolute;
3979 left: -9999px;
3980 }
3981 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label,
3982 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label,
3983 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label {
3984 display: inline-block;
3985 position: relative;
3986 padding-left: 26px;
3987 line-height: 20px;
3988 cursor: pointer;
3989 }
3990 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label:before,
3991 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:before,
3992 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:before {
3993 position: absolute;
3994 top: 0;
3995 left: 0;
3996 width: 18px;
3997 height: 18px;
3998 -webkit-transition: all 0.2s ease;
3999 transition: all 0.2s ease;
4000 border: none;
4001 border-width: 1px;
4002 border-radius: 100%;
4003 background: #fff;
4004 content: "";
4005 }
4006 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label:after,
4007 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:after,
4008 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:after {
4009 position: absolute;
4010 top: 4px;
4011 left: 4px;
4012 width: 10px;
4013 height: 10px;
4014 -webkit-transition: all 0.2s ease;
4015 transition: all 0.2s ease;
4016 border-radius: 100%;
4017 background: #55595c;
4018 content: "";
4019 }
4020 form.sellkit-optin .sellkit-field-type-radio .sellkit-field:not(:checked) + label:after,
4021 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field:not(:checked) + label:after,
4022 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field:not(:checked) + label:after {
4023 -webkit-transform: scale(0);
4024 transform: scale(0);
4025 opacity: 0;
4026 }
4027 form.sellkit-optin .sellkit-field-type-radio .sellkit-field:checked + label:after,
4028 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field:checked + label:after,
4029 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field:checked + label:after {
4030 -webkit-transform: scale(1);
4031 transform: scale(1);
4032 opacity: 1;
4033 }
4034 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:before,
4035 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:before {
4036 border-radius: 3px;
4037 }
4038 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:after,
4039 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:after {
4040 border-radius: 1px;
4041 }
4042 form.sellkit-optin .sellkit-field-type-hidden {
4043 display: none;
4044 }
4045 form.sellkit-optin .sellkit-field-type-submit-button {
4046 gap: 10px;
4047 }
4048 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4049 display: -webkit-box;
4050 display: -ms-flexbox;
4051 display: flex;
4052 -webkit-box-align: center;
4053 -ms-flex-align: center;
4054 align-items: center;
4055 -webkit-box-pack: center;
4056 -ms-flex-pack: center;
4057 justify-content: center;
4058 margin-bottom: 0;
4059 padding: 0.67rem 1.2rem;
4060 -webkit-transition: all 0.5s;
4061 transition: all 0.5s;
4062 border: none;
4063 border-width: 1px;
4064 border-radius: 3px;
4065 background-color: #2ecc71;
4066 color: #fff;
4067 font-size: 0.9rem;
4068 font-weight: bold;
4069 }
4070 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button:hover {
4071 border: none;
4072 border-width: 1px;
4073 background-color: #54d98c;
4074 cursor: pointer;
4075 }
4076 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button:focus {
4077 outline: 0;
4078 }
4079 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button svg {
4080 width: 16px;
4081 height: 16px;
4082 }
4083 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button div.sellkit-submit-button-texts {
4084 display: -webkit-box;
4085 display: -ms-flexbox;
4086 display: flex;
4087 -webkit-box-orient: vertical;
4088 -webkit-box-direction: normal;
4089 -ms-flex-direction: column;
4090 flex-direction: column;
4091 -webkit-box-align: center;
4092 -ms-flex-align: center;
4093 align-items: center;
4094 -webkit-box-pack: center;
4095 -ms-flex-pack: center;
4096 justify-content: center;
4097 }
4098 .sellkit-optin-button-icon-right form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4099 -webkit-box-orient: horizontal;
4100 -webkit-box-direction: reverse;
4101 -ms-flex-direction: row-reverse;
4102 flex-direction: row-reverse;
4103 }
4104 .sellkit-optin-button-icon-left form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4105 -webkit-box-orient: horizontal;
4106 -webkit-box-direction: normal;
4107 -ms-flex-direction: row;
4108 flex-direction: row;
4109 }
4110
4111 .sellkit-optin-response {
4112 margin-top: 0.7rem;
4113 color: #d9534f;
4114 }
4115
4116 .sellkit-optin-success .sellkit-optin-response {
4117 color: #2ecc71;
4118 }
4119
4120 .flatpickr-innerContainer {
4121 padding: 13px;
4122 }
4123
4124 .sellkit-optin-admin-alert {
4125 position: relative;
4126 padding: 15px;
4127 border-left: 7px solid transparent;
4128 border-color: #f7e68f;
4129 background-color: #fff5c2;
4130 color: #8a6d3b;
4131 font-size: 13px;
4132 line-height: 1.5;
4133 text-align: start;
4134 }
4135 .sellkit-optin-admin-alert .title {
4136 display: block;
4137 font-weight: bold;
4138 }
4139 .sellkit-optin-admin-alert .description {
4140 font-size: 13px;
4141 }
4142
4143 /* ========================================================================
4144 Component: Flex
4145 ========================================================================== */
4146 .sellkit-flex {
4147 display: -webkit-box;
4148 display: -ms-flexbox;
4149 display: flex;
4150 }
4151
4152 .sellkit-flex-inline {
4153 display: -webkit-inline-box;
4154 display: -ms-inline-flexbox;
4155 display: inline-flex;
4156 }
4157
4158 /*
4159 * Remove pseudo elements created by micro clearfix as precaution
4160 */
4161 .sellkit-flex::before,
4162 .sellkit-flex::after,
4163 .sellkit-flex-inline::before,
4164 .sellkit-flex-inline::after {
4165 display: none;
4166 }
4167
4168 /* Alignment
4169 ========================================================================== */
4170 /*
4171 * Align items along the main axis of the current line of the flex container
4172 * Row: Horizontal
4173 */
4174 .sellkit-flex-left {
4175 -webkit-box-pack: start;
4176 -ms-flex-pack: start;
4177 justify-content: flex-start;
4178 }
4179
4180 .sellkit-flex-center {
4181 -webkit-box-pack: center;
4182 -ms-flex-pack: center;
4183 justify-content: center;
4184 }
4185
4186 .sellkit-flex-right {
4187 -webkit-box-pack: end;
4188 -ms-flex-pack: end;
4189 justify-content: flex-end;
4190 }
4191
4192 .sellkit-flex-between {
4193 -webkit-box-pack: justify;
4194 -ms-flex-pack: justify;
4195 justify-content: space-between;
4196 }
4197
4198 .sellkit-flex-around {
4199 -ms-flex-pack: distribute;
4200 justify-content: space-around;
4201 }
4202
4203 /* Tablet landscape and bigger */
4204 @media (max-width: 1024px) {
4205 .sellkit-flex-left\@m {
4206 -webkit-box-pack: start;
4207 -ms-flex-pack: start;
4208 justify-content: flex-start;
4209 }
4210
4211 .sellkit-flex-center\@m {
4212 -webkit-box-pack: center;
4213 -ms-flex-pack: center;
4214 justify-content: center;
4215 }
4216
4217 .sellkit-flex-right\@m {
4218 -webkit-box-pack: end;
4219 -ms-flex-pack: end;
4220 justify-content: flex-end;
4221 }
4222
4223 .sellkit-flex-between\@m {
4224 -webkit-box-pack: justify;
4225 -ms-flex-pack: justify;
4226 justify-content: space-between;
4227 }
4228
4229 .sellkit-flex-around\@m {
4230 -ms-flex-pack: distribute;
4231 justify-content: space-around;
4232 }
4233 }
4234 /* Phone landscape and bigger */
4235 @media (max-width: 479px) {
4236 .sellkit-flex-left\@s {
4237 -webkit-box-pack: start;
4238 -ms-flex-pack: start;
4239 justify-content: flex-start;
4240 }
4241
4242 .sellkit-flex-center\@s {
4243 -webkit-box-pack: center;
4244 -ms-flex-pack: center;
4245 justify-content: center;
4246 }
4247
4248 .sellkit-flex-right\@s {
4249 -webkit-box-pack: end;
4250 -ms-flex-pack: end;
4251 justify-content: flex-end;
4252 }
4253
4254 .sellkit-flex-between\@s {
4255 -webkit-box-pack: justify;
4256 -ms-flex-pack: justify;
4257 justify-content: space-between;
4258 }
4259
4260 .sellkit-flex-around\@s {
4261 -ms-flex-pack: distribute;
4262 justify-content: space-around;
4263 }
4264 }
4265 /* Desktop and bigger */
4266 @media (min-width: 1025px) {
4267 .sellkit-flex-left\@l {
4268 -webkit-box-pack: start;
4269 -ms-flex-pack: start;
4270 justify-content: flex-start;
4271 }
4272
4273 .sellkit-flex-center\@l {
4274 -webkit-box-pack: center;
4275 -ms-flex-pack: center;
4276 justify-content: center;
4277 }
4278
4279 .sellkit-flex-right\@l {
4280 -webkit-box-pack: end;
4281 -ms-flex-pack: end;
4282 justify-content: flex-end;
4283 }
4284
4285 .sellkit-flex-between\@l {
4286 -webkit-box-pack: justify;
4287 -ms-flex-pack: justify;
4288 justify-content: space-between;
4289 }
4290
4291 .sellkit-flex-around\@l {
4292 -ms-flex-pack: distribute;
4293 justify-content: space-around;
4294 }
4295 }
4296 /* Large screen and bigger */
4297 @media (min-width: 1440px) {
4298 .sellkit-flex-left\@xl {
4299 -webkit-box-pack: start;
4300 -ms-flex-pack: start;
4301 justify-content: flex-start;
4302 }
4303
4304 .sellkit-flex-center\@xl {
4305 -webkit-box-pack: center;
4306 -ms-flex-pack: center;
4307 justify-content: center;
4308 }
4309
4310 .sellkit-flex-right\@xl {
4311 -webkit-box-pack: end;
4312 -ms-flex-pack: end;
4313 justify-content: flex-end;
4314 }
4315
4316 .sellkit-flex-between\@xl {
4317 -webkit-box-pack: justify;
4318 -ms-flex-pack: justify;
4319 justify-content: space-between;
4320 }
4321
4322 .sellkit-flex-around\@xl {
4323 -ms-flex-pack: distribute;
4324 justify-content: space-around;
4325 }
4326 }
4327 /*
4328 * Align items in the cross axis of the current line of the flex container
4329 * Row: Vertical
4330 */
4331 .sellkit-flex-stretch {
4332 -webkit-box-align: stretch;
4333 -ms-flex-align: stretch;
4334 align-items: stretch;
4335 }
4336
4337 .sellkit-flex-top {
4338 -webkit-box-align: start;
4339 -ms-flex-align: start;
4340 align-items: flex-start;
4341 }
4342
4343 .sellkit-flex-middle {
4344 -webkit-box-align: center;
4345 -ms-flex-align: center;
4346 align-items: center;
4347 }
4348
4349 .sellkit-flex-bottom {
4350 -webkit-box-align: end;
4351 -ms-flex-align: end;
4352 align-items: flex-end;
4353 }
4354
4355 /* Direction
4356 ========================================================================== */
4357 .sellkit-flex-row {
4358 -webkit-box-orient: horizontal;
4359 -webkit-box-direction: normal;
4360 -ms-flex-direction: row;
4361 flex-direction: row;
4362 }
4363
4364 .sellkit-flex-row-reverse {
4365 -webkit-box-orient: horizontal;
4366 -webkit-box-direction: reverse;
4367 -ms-flex-direction: row-reverse;
4368 flex-direction: row-reverse;
4369 }
4370
4371 .sellkit-flex-column {
4372 -webkit-box-orient: vertical;
4373 -webkit-box-direction: normal;
4374 -ms-flex-direction: column;
4375 flex-direction: column;
4376 }
4377
4378 .sellkit-flex-column-reverse {
4379 -webkit-box-orient: vertical;
4380 -webkit-box-direction: reverse;
4381 -ms-flex-direction: column-reverse;
4382 flex-direction: column-reverse;
4383 }
4384
4385 /* Wrap
4386 ========================================================================== */
4387 .sellkit-flex-nowrap {
4388 -ms-flex-wrap: nowrap;
4389 flex-wrap: nowrap;
4390 }
4391
4392 .sellkit-flex-wrap {
4393 -ms-flex-wrap: wrap;
4394 flex-wrap: wrap;
4395 }
4396
4397 .sellkit-flex-wrap-reverse {
4398 -ms-flex-wrap: wrap-reverse;
4399 flex-wrap: wrap-reverse;
4400 }
4401
4402 /*
4403 * Aligns items within the flex container when there is extra space in the cross-axis
4404 * Only works if there is more than one line of flex items
4405 */
4406 .sellkit-flex-wrap-stretch {
4407 -ms-flex-line-pack: stretch;
4408 align-content: stretch;
4409 }
4410
4411 .sellkit-flex-wrap-top {
4412 -ms-flex-line-pack: start;
4413 align-content: flex-start;
4414 }
4415
4416 .sellkit-flex-wrap-middle {
4417 -ms-flex-line-pack: center;
4418 align-content: center;
4419 }
4420
4421 .sellkit-flex-wrap-bottom {
4422 -ms-flex-line-pack: end;
4423 align-content: flex-end;
4424 }
4425
4426 .sellkit-flex-wrap-between {
4427 -ms-flex-line-pack: justify;
4428 align-content: space-between;
4429 }
4430
4431 .sellkit-flex-wrap-around {
4432 -ms-flex-line-pack: distribute;
4433 align-content: space-around;
4434 }
4435
4436 /* Item ordering
4437 ========================================================================== */
4438 /*
4439 * Default is 0
4440 */
4441 .sellkit-flex-first {
4442 -webkit-box-ordinal-group: 0;
4443 -ms-flex-order: -1;
4444 order: -1;
4445 }
4446
4447 .sellkit-flex-last {
4448 -webkit-box-ordinal-group: 100;
4449 -ms-flex-order: 99;
4450 order: 99;
4451 }
4452
4453 /* Phone landscape and bigger */
4454 @media (min-width: 480px) {
4455 .sellkit-flex-first\@s {
4456 -webkit-box-ordinal-group: 0;
4457 -ms-flex-order: -1;
4458 order: -1;
4459 }
4460
4461 .sellkit-flex-last\@s {
4462 -webkit-box-ordinal-group: 100;
4463 -ms-flex-order: 99;
4464 order: 99;
4465 }
4466 }
4467 /* Tablet landscape and bigger */
4468 @media (min-width: 768px) {
4469 .sellkit-flex-first\@m {
4470 -webkit-box-ordinal-group: 0;
4471 -ms-flex-order: -1;
4472 order: -1;
4473 }
4474
4475 .sellkit-flex-last\@m {
4476 -webkit-box-ordinal-group: 100;
4477 -ms-flex-order: 99;
4478 order: 99;
4479 }
4480 }
4481 /* Desktop and bigger */
4482 @media (min-width: 1025px) {
4483 .sellkit-flex-first\@l {
4484 -webkit-box-ordinal-group: 0;
4485 -ms-flex-order: -1;
4486 order: -1;
4487 }
4488
4489 .sellkit-flex-last\@l {
4490 -webkit-box-ordinal-group: 100;
4491 -ms-flex-order: 99;
4492 order: 99;
4493 }
4494 }
4495 /* Large screen and bigger */
4496 @media (min-width: 1440px) {
4497 .sellkit-flex-first\@xl {
4498 -webkit-box-ordinal-group: 0;
4499 -ms-flex-order: -1;
4500 order: -1;
4501 }
4502
4503 .sellkit-flex-last\@xl {
4504 -webkit-box-ordinal-group: 100;
4505 -ms-flex-order: 99;
4506 order: 99;
4507 }
4508 }
4509 /* Item dimensions
4510 ========================================================================== */
4511 /*
4512 * Initial: 0 1 auto
4513 * Content dimensions, but shrinks
4514 */
4515 /*
4516 * No Flex: 0 0 auto
4517 * Content dimensions
4518 */
4519 .sellkit-flex-none {
4520 -webkit-box-flex: 0;
4521 -ms-flex: none;
4522 flex: none;
4523 }
4524
4525 /*
4526 * Relative Flex: 1 1 auto
4527 * Space is allocated considering content
4528 */
4529 .sellkit-flex-auto {
4530 -webkit-box-flex: 1;
4531 -ms-flex: auto;
4532 flex: auto;
4533 }
4534
4535 /*
4536 * Absolute Flex: 1 1 0%
4537 * Space is allocated solely based on flex
4538 */
4539 .sellkit-flex-1 {
4540 -webkit-box-flex: 1;
4541 -ms-flex: 1;
4542 flex: 1;
4543 }