PluginProbe
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster / 2.7.0
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster v2.7.0
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
← All changes | assets/dist/css/frontend.css +336 -79 1.6.22.7.0 View file →
@@ -417,8 +417,22 @@
417 417 .sellkit-upsell-popup:not(.active) {
418 418 display: none;
419 419 }
420 420
421 +.sellkit-accept-reject-button {
422 + display: -webkit-inline-box !important;
423 + display: -ms-inline-flexbox !important;
424 + display: inline-flex !important;
425 + -webkit-box-align: center;
426 + -ms-flex-align: center;
427 + align-items: center;
428 +}
429 +.sellkit-accept-reject-button svg {
430 + width: 16px;
431 + height: 16px;
432 + margin: 0 10px 0 0;
433 +}
434 +
421 435 @-webkit-keyframes rotation {
422 436 from {
423 437 -webkit-transform: rotate(0deg);
424 438 transform: rotate(0deg);
@@ -555,8 +569,12 @@
555 569 -webkit-transition: all 0.15s ease-in-out;
556 570 transition: all 0.15s ease-in-out;
557 571 }
558 572
573 +.elementor-widget-sellkit-checkout {
574 + width: 100% !important;
575 +}
576 +
559 577 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form {
560 578 display: -webkit-box;
561 579 display: -ms-flexbox;
562 580 display: flex;
@@ -569,8 +587,11 @@
569 587 -webkit-box-ordinal-group: 2;
570 588 -ms-flex-order: 1;
571 589 order: 1;
572 590 }
591 +.sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-login #customer_details #shipping_text_title {
592 + margin-top: 18px;
593 +}
573 594 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods {
574 595 -webkit-box-ordinal-group: 3;
575 596 -ms-flex-order: 2;
576 597 order: 2;
@@ -816,8 +837,11 @@
816 837 .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 838 width: auto !important;
818 839 float: none !important;
819 840 }
841 +.sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login #customer_details .sellkit-one-page-checkout-billing #shipping_text_title {
842 + margin-top: 18px;
843 +}
820 844 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer {
821 845 display: -webkit-box;
822 846 display: -ms-flexbox;
823 847 display: flex;
@@ -892,10 +916,25 @@
892 916 -ms-flex-pack: justify;
893 917 justify-content: space-between;
894 918 }
895 919 .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 {
920 + display: -webkit-box;
921 + display: -ms-flexbox;
922 + display: flex;
923 + -webkit-box-orient: horizontal;
924 + -webkit-box-direction: normal;
925 + -ms-flex-direction: row;
926 + flex-direction: row;
927 + -ms-flex-wrap: nowrap;
928 + flex-wrap: nowrap;
929 + -webkit-box-align: center;
930 + -ms-flex-align: center;
931 + align-items: center;
896 932 height: 17px;
897 933 margin: 20px 0px;
934 + -webkit-column-gap: 3px;
935 + -moz-column-gap: 3px;
936 + column-gap: 3px;
898 937 color: #007bff;
899 938 font-size: 14px;
900 939 font-style: normal;
901 940 font-weight: 500;
@@ -941,9 +980,24 @@
941 980 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third {
942 981 display: none;
943 982 }
944 983 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third .go-to-second {
984 + display: -webkit-box;
985 + display: -ms-flexbox;
986 + display: flex;
987 + -webkit-box-orient: horizontal;
988 + -webkit-box-direction: normal;
989 + -ms-flex-direction: row;
990 + flex-direction: row;
991 + -ms-flex-wrap: nowrap;
992 + flex-wrap: nowrap;
993 + -webkit-box-align: center;
994 + -ms-flex-align: center;
995 + align-items: center;
945 996 height: 17px;
997 + -webkit-column-gap: 3px;
998 + -moz-column-gap: 3px;
999 + column-gap: 3px;
946 1000 color: #007bff;
947 1001 font-size: 14px;
948 1002 font-style: normal;
949 1003 font-weight: 500;
@@ -1121,8 +1175,9 @@
1121 1175 }
1122 1176 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box {
1123 1177 height: auto;
1124 1178 min-height: 112px;
1179 + padding: 0 16px 12px;
1125 1180 border: 1px solid #eaeaea;
1126 1181 border-radius: 4px;
1127 1182 background-color: #ffffff;
1128 1183 }
@@ -1159,9 +1214,9 @@
1159 1214 -webkit-box-pack: center;
1160 1215 -ms-flex-pack: center;
1161 1216 justify-content: center;
1162 1217 margin: 15px 0 0 0;
1163 - padding: 0 0 10px 0;
1218 + padding: 0 0 10px;
1164 1219 -webkit-column-gap: 20px;
1165 1220 -moz-column-gap: 20px;
1166 1221 column-gap: 20px;
1167 1222 row-gap: 10px;
@@ -1177,9 +1232,10 @@
1177 1232 align-items: center;
1178 1233 -webkit-box-pack: center;
1179 1234 -ms-flex-pack: center;
1180 1235 justify-content: center;
1181 - height: 40px;
1236 + min-height: 40px;
1237 + height: auto;
1182 1238 border-radius: 4px;
1183 1239 font-size: 14px;
1184 1240 font-weight: bold;
1185 1241 text-align: center;
@@ -1184,8 +1240,13 @@
1184 1240 font-weight: bold;
1185 1241 text-align: center;
1186 1242 cursor: pointer;
1187 1243 }
1244 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box .express-methods .angelleye-integrated-by-sellkit {
1245 + width: 100% !important;
1246 + height: auto;
1247 + margin: 15px 15px;
1248 +}
1188 1249 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box {
1189 1250 border-top: 1px solid #eaeaea;
1190 1251 }
1191 1252 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box legend {
@@ -1252,10 +1313,11 @@
1252 1313 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop .current,
1253 1314 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile .current {
1254 1315 color: #323232;
1255 1316 }
1256 -.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1257 -.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1317 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop svg,
1318 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i,
1319 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile svg {
1258 1320 width: 6px;
1259 1321 height: 10px;
1260 1322 font-size: 12px;
1261 1323 -o-object-fit: contain;
@@ -1260,11 +1322,12 @@
1260 1322 font-size: 12px;
1261 1323 -o-object-fit: contain;
1262 1324 object-fit: contain;
1263 1325 }
1264 -.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1326 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop svg,
1265 1327 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span,
1266 -.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1328 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i,
1329 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile svg {
1267 1330 margin-right: 15px;
1268 1331 }
1269 1332 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section {
1270 1333 max-width: 100%;
@@ -1283,9 +1346,8 @@
1283 1346 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div .sellkit-checkout-widget-password-field {
1284 1347 display: none !important;
1285 1348 }
1286 1349 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .header {
1287 - height: 23px;
1288 1350 margin: 0 0 4px 0;
1289 1351 color: #323232;
1290 1352 font-size: 20px;
1291 1353 font-style: normal;
@@ -1435,9 +1497,8 @@
1435 1497 margin: 0 !important;
1436 1498 padding: 0 !important;
1437 1499 }
1438 1500 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-one-page-checkout-shipping .shipping_address .header {
1439 - height: 23px;
1440 1501 margin: 24px 0px 21px 3px;
1441 1502 color: #323232;
1442 1503 font-size: 20px;
1443 1504 font-style: normal;
@@ -1446,11 +1507,8 @@
1446 1507 line-height: 1.2;
1447 1508 text-align: left;
1448 1509 font-stretch: normal;
1449 1510 }
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 1511 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-checkout-widget-primary-button:hover,
1454 1512 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form #place_order:hover {
1455 1513 background-color: #111111;
1456 1514 }
@@ -1474,9 +1532,8 @@
1474 1532 padding: 6px 0 2px 0;
1475 1533 }
1476 1534 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods .shipping-method-header {
1477 1535 width: 100%;
1478 - height: 19px;
1479 1536 margin: 2px 0px 23px 0px;
1480 1537 color: #323232;
1481 1538 font-size: 20px;
1482 1539 font-style: normal;
@@ -1541,10 +1598,9 @@
1541 1598 padding-right: 17px;
1542 1599 text-align: right;
1543 1600 }
1544 1601 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-heading {
1545 - height: 23px;
1546 - margin: 26px 2px 9px 3px;
1602 + margin: 26px 2px 9px 3px !important;
1547 1603 color: #323232;
1548 1604 font-size: 20px;
1549 1605 font-style: normal;
1550 1606 font-weight: normal;
@@ -1553,10 +1609,9 @@
1553 1609 text-align: left;
1554 1610 font-stretch: normal;
1555 1611 }
1556 1612 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-desc {
1557 - height: 16px;
1558 - margin: 9px 0px 19px 3px;
1613 + margin: 9px 0px 7px 3px;
1559 1614 color: #737373;
1560 1615 font-size: 14px;
1561 1616 font-style: normal;
1562 1617 font-weight: normal;
@@ -1565,9 +1620,8 @@
1565 1620 text-align: left;
1566 1621 font-stretch: normal;
1567 1622 }
1568 1623 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-order-review-heading {
1569 - height: 23px;
1570 1624 margin: 0px 0px 19px 0 !important;
1571 1625 color: #323232;
1572 1626 font-size: 20px;
1573 1627 font-style: normal;
@@ -1718,10 +1772,9 @@
1718 1772 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .payment_method_paypal .about_paypal {
1719 1773 display: none;
1720 1774 }
1721 1775 .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;
1776 + margin: 0px 0px 9px 3px;
1724 1777 color: #323232;
1725 1778 font-size: 20px;
1726 1779 font-style: normal;
1727 1780 font-weight: normal;
@@ -1731,9 +1784,8 @@
1731 1784 font-stretch: normal;
1732 1785 }
1733 1786 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-desc {
1734 1787 width: 100%;
1735 - height: 16px;
1736 1788 margin: 9px 0 18px 3px;
1737 1789 color: #737373;
1738 1790 font-size: 14px;
1739 1791 font-style: normal;
@@ -1835,8 +1887,45 @@
1835 1887 }
1836 1888 .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 1889 background-color: #fafafa;
1838 1890 }
1891 +.sellkit-checkout-widget-main-wrapper table.woocommerce-checkout-review-order-table .name-price span {
1892 + margin-bottom: 2px;
1893 +}
1894 +.sellkit-checkout-widget-main-wrapper table.woocommerce-checkout-review-order-table .name-price .sellkit-checkout-variations {
1895 + display: block;
1896 +}
1897 +.sellkit-checkout-widget-main-wrapper table.woocommerce-checkout-review-order-table .name-price .sellkit-checkout-variations .sellkit-checkout-variation-item {
1898 + display: -webkit-inline-box;
1899 + display: -ms-inline-flexbox;
1900 + display: inline-flex;
1901 + margin: 0;
1902 + padding: 0;
1903 + color: #737373;
1904 + font-size: 14px;
1905 + font-style: normal;
1906 + font-weight: normal;
1907 + letter-spacing: normal;
1908 + line-height: 1.29;
1909 + text-align: left;
1910 + text-transform: capitalize;
1911 + font-stretch: normal;
1912 +}
1913 +.sellkit-checkout-widget-main-wrapper table.woocommerce-checkout-review-order-table .name-price .sellkit-checkout-variations i {
1914 + margin: 0;
1915 + padding: 0;
1916 + -webkit-transform: rotate(75deg);
1917 + transform: rotate(75deg);
1918 + color: #737373;
1919 + font-family: "Font Awesome 5 Free" !important;
1920 + font-size: 11px;
1921 + font-style: normal;
1922 + letter-spacing: normal;
1923 + line-height: 1.29;
1924 + text-align: left;
1925 + text-decoration: none !important;
1926 + font-stretch: normal;
1927 +}
1839 1928 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products {
1840 1929 margin-top: 17px;
1841 1930 padding-bottom: 32px;
1842 1931 }
@@ -2021,8 +2110,28 @@
2021 2110 }
2022 2111 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-privacy-policy-text p {
2023 2112 margin: 0;
2024 2113 }
2114 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-form__label-for-checkbox {
2115 + display: -webkit-box !important;
2116 + display: -ms-flexbox !important;
2117 + display: flex !important;
2118 + -webkit-box-orient: horizontal;
2119 + -webkit-box-direction: normal;
2120 + -ms-flex-direction: row;
2121 + flex-direction: row;
2122 + -ms-flex-wrap: nowrap;
2123 + flex-wrap: nowrap;
2124 + -webkit-box-align: center;
2125 + -ms-flex-align: center;
2126 + align-items: center;
2127 +}
2128 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-form__label-for-checkbox input {
2129 + margin: 0 0 2px 0 !important;
2130 +}
2131 +.sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
2132 + margin-left: 5px;
2133 +}
2025 2134
2026 2135 .elementor-widget-sellkit-checkout #sellkit-checkout-billing-field-wrapper.woocommerce-billing-fields__field-wrapper.sellkit-hide-different-billing-fields-default {
2027 2136 display: none;
2028 2137 }
@@ -2184,45 +2293,8 @@
2184 2293 right: 0;
2185 2294 color: red;
2186 2295 cursor: pointer;
2187 2296 }
2188 -#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price {
2189 - padding-top: 5px;
2190 -}
2191 -#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price span {
2192 - margin-bottom: 2px;
2193 -}
2194 -#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations {
2195 - display: block;
2196 -}
2197 -#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 {
2198 - display: -webkit-inline-box;
2199 - display: -ms-inline-flexbox;
2200 - display: inline-flex;
2201 - margin: 0;
2202 - padding: 0;
2203 - color: #737373;
2204 - font-size: 14px;
2205 - font-style: normal;
2206 - font-weight: normal;
2207 - letter-spacing: normal;
2208 - line-height: 1.29;
2209 - text-align: left;
2210 - font-stretch: normal;
2211 -}
2212 -#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 {
2213 - margin: 0;
2214 - padding: 0;
2215 - -webkit-transform: rotate(75deg);
2216 - transform: rotate(75deg);
2217 - color: #737373;
2218 - font-size: 11px;
2219 - font-style: normal;
2220 - letter-spacing: normal;
2221 - line-height: 1.29;
2222 - text-align: left;
2223 - font-stretch: normal;
2224 -}
2225 2297 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-price {
2226 2298 margin: 0;
2227 2299 padding: 0 !important;
2228 2300 color: #323232;
@@ -2235,8 +2307,52 @@
2235 2307 text-align: right;
2236 2308 vertical-align: middle !important;
2237 2309 font-stretch: normal;
2238 2310 }
2311 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row td {
2312 + padding: 0;
2313 + padding-bottom: 20px;
2314 +}
2315 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row .name-price {
2316 + display: -webkit-box;
2317 + display: -ms-flexbox;
2318 + display: flex;
2319 + -webkit-box-orient: vertical;
2320 + -webkit-box-direction: normal;
2321 + -ms-flex-direction: column;
2322 + flex-direction: column;
2323 +}
2324 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row .name-price .fa-times {
2325 + padding-right: 3px;
2326 + font-size: 11px;
2327 +}
2328 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row .name-price .product-quantity {
2329 + font-weight: 600;
2330 +}
2331 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row .sellkit-one-page-checkout-product-price {
2332 + padding: 0 !important;
2333 + padding-bottom: 20px !important;
2334 +}
2335 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row.variation .name-price {
2336 + -webkit-box-orient: horizontal;
2337 + -webkit-box-direction: normal;
2338 + -ms-flex-direction: row;
2339 + flex-direction: row;
2340 + -ms-flex-wrap: wrap;
2341 + flex-wrap: wrap;
2342 +}
2343 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row.variation .name-price .product-quantity {
2344 + width: 100%;
2345 +}
2346 +#sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .product-title-one-row.simple .name-price {
2347 + -webkit-box-orient: horizontal !important;
2348 + -webkit-box-direction: normal !important;
2349 + -ms-flex-direction: row !important;
2350 + flex-direction: row !important;
2351 + -webkit-column-gap: 2px;
2352 + -moz-column-gap: 2px;
2353 + column-gap: 2px;
2354 +}
2239 2355 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item .sellkit-one-page-checkout-product-price {
2240 2356 padding-right: 0;
2241 2357 }
2242 2358 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .coupon-form td {
@@ -2367,12 +2483,16 @@
2367 2483 }
2368 2484
2369 2485 /* Shipping & Billing Fields */
2370 2486 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper {
2371 - padding: 16px 0px 4px 16px;
2487 + padding: 16px 16px 4px 16px;
2372 2488 border: solid 1px #e1e1e1;
2489 + border-top: none;
2373 2490 background-color: #fafafa;
2374 2491 }
2492 +#sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper.border-top {
2493 + border-top: 1px solid #e0e0e0;
2494 +}
2375 2495 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2376 2496 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper {
2377 2497 display: inline-table;
2378 2498 }
@@ -2380,8 +2500,11 @@
2380 2500 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
2381 2501 position: relative;
2382 2502 float: left;
2383 2503 }
2504 +#sellkit-checkout-widget-id .hide-billing-fields-default {
2505 + display: none;
2506 +}
2384 2507 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2385 2508 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper,
2386 2509 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section {
2387 2510 width: 100%;
@@ -2410,10 +2533,12 @@
2410 2533 top: 16px;
2411 2534 right: 17px;
2412 2535 height: 0px;
2413 2536 float: right;
2414 - color: #111111;
2415 2537 font-weight: 900;
2538 + fill: #737373;
2539 + -webkit-filter: brightness(70%) !important;
2540 + filter: brightness(70%) !important;
2416 2541 pointer-events: none;
2417 2542 }
2418 2543 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p,
2419 2544 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p,
@@ -2806,9 +2931,8 @@
2806 2931 margin-bottom: 43px;
2807 2932 line-height: 1.57;
2808 2933 }
2809 2934 #sellkit-checkout-widget-id .sellkit-one-page-checkout-payment-desc {
2810 - margin-bottom: 23px;
2811 2935 line-height: 1.57;
2812 2936 }
2813 2937 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper > div,
2814 2938 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
@@ -3083,9 +3207,10 @@
3083 3207 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column {
3084 3208 -webkit-box-ordinal-group: 2;
3085 3209 -ms-flex-order: 1;
3086 3210 order: 1;
3087 - width: 100%;
3211 + width: 95%;
3212 + margin: 0 auto;
3088 3213 }
3089 3214 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column > div {
3090 3215 width: 100%;
3091 3216 }
@@ -3176,18 +3301,17 @@
3176 3301 -webkit-box-orient: horizontal;
3177 3302 -webkit-box-direction: normal;
3178 3303 -ms-flex-direction: row;
3179 3304 flex-direction: row;
3180 - -ms-flex-wrap: nowrap;
3181 - flex-wrap: nowrap;
3305 + -ms-flex-wrap: wrap;
3306 + flex-wrap: wrap;
3182 3307 -ms-flex-line-pack: center;
3183 3308 align-content: center;
3184 3309 -webkit-box-align: center;
3185 3310 -ms-flex-align: center;
3186 3311 align-items: center;
3187 - -webkit-box-pack: start;
3188 - -ms-flex-pack: start;
3189 - justify-content: flex-start;
3312 + -ms-flex-pack: distribute;
3313 + justify-content: space-around;
3190 3314 height: 63px;
3191 3315 border: solid 1px #e1e1e1;
3192 3316 border-top: none;
3193 3317 border-right: none;
@@ -3193,14 +3317,28 @@
3193 3317 border-right: none;
3194 3318 border-left: none;
3195 3319 background-color: #fafafa;
3196 3320 }
3197 - .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .icon .fa {
3321 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper {
3322 + display: -webkit-box;
3323 + display: -ms-flexbox;
3324 + display: flex;
3325 + -webkit-box-orient: horizontal;
3326 + -webkit-box-direction: normal;
3327 + -ms-flex-direction: row;
3328 + flex-direction: row;
3329 + -ms-flex-wrap: wrap;
3330 + flex-wrap: wrap;
3331 + -webkit-box-align: center;
3332 + -ms-flex-align: center;
3333 + align-items: center;
3334 + }
3335 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper .sellkit-checkout-summary-toggle-shop-icon svg {
3336 + width: 16px;
3198 3337 height: 16px;
3199 - margin: 2px 0px 4px 0;
3200 - color: #007bff;
3338 + fill: #007bff;
3201 3339 }
3202 - .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .title {
3340 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper .title {
3203 3341 height: 16px;
3204 3342 margin: 0 5px 0 10px;
3205 3343 color: #007bff;
3206 3344 font-size: 14px;
@@ -3211,11 +3349,22 @@
3211 3349 text-align: left;
3212 3350 cursor: pointer;
3213 3351 font-stretch: normal;
3214 3352 }
3353 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper .sellkit-checkout-summary-toggle-up svg {
3354 + width: 14px;
3355 + height: 14px;
3356 + fill: #007bff;
3357 + }
3358 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper .sellkit-checkout-summary-toggle-down {
3359 + display: none;
3360 + }
3361 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .summery_toggle_link_wrapper .sellkit-checkout-summary-toggle-down svg {
3362 + width: 14px;
3363 + height: 14px;
3364 + fill: #007bff;
3365 + }
3215 3366 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .price {
3216 - position: absolute;
3217 - right: 22px;
3218 3367 color: #323232;
3219 3368 font-size: 18px;
3220 3369 font-style: normal;
3221 3370 font-weight: bold;
@@ -3331,14 +3480,14 @@
3331 3480 justify-content: center;
3332 3481 margin-top: -19px;
3333 3482 row-gap: 3px;
3334 3483 }
3335 - .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span {
3336 - width: 100%;
3484 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer > span {
3485 + width: auto;
3337 3486 margin: 0;
3338 3487 text-align: center;
3339 3488 }
3340 - .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span a {
3489 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer > span a {
3341 3490 float: none;
3342 3491 text-align: center;
3343 3492 }
3344 3493 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
@@ -3343,8 +3492,11 @@
3343 3492 }
3344 3493 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
3345 3494 margin-top: 23px;
3346 3495 }
3496 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-payment {
3497 + width: 100%;
3498 + }
3347 3499 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third {
3348 3500 padding-right: 21px;
3349 3501 padding-left: 21px;
3350 3502 }
@@ -3360,10 +3512,12 @@
3360 3512 -ms-flex-direction: column-reverse;
3361 3513 flex-direction: column-reverse;
3362 3514 margin-top: 23px;
3363 3515 }
3516 + .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order #place_order {
3517 + width: 100% !important;
3518 + }
3364 3519 .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 {
3365 - width: 100% !important;
3366 3520 text-align: center;
3367 3521 }
3368 3522 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .go-to-second {
3369 3523 margin-top: 23px;
@@ -3839,10 +3993,62 @@
3839 3993 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce div img {
3840 3994 display: none !important;
3841 3995 }
3842 3996 #sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration {
3843 - max-width: 170px !important;
3997 + -webkit-box-flex: 1;
3998 + -ms-flex: 1 1 100%;
3999 + flex: 1 1 100%;
4000 + width: 100% !important;
4001 + max-width: 100% !important;
4002 + min-height: 0;
3844 4003 }
4004 +#sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration #wc-stripe-express-checkout-element {
4005 + display: -webkit-box;
4006 + display: -ms-flexbox;
4007 + display: flex;
4008 + -ms-flex-wrap: wrap;
4009 + flex-wrap: wrap;
4010 + gap: 10px;
4011 + -webkit-box-pack: center;
4012 + -ms-flex-pack: center;
4013 + justify-content: center;
4014 + width: 100%;
4015 + margin-top: 0 !important;
4016 + margin-bottom: 12px;
4017 + clear: none !important;
4018 +}
4019 +#sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration #wc-stripe-express-checkout-element > div {
4020 + -webkit-box-flex: 1;
4021 + -ms-flex: 1 1 260px;
4022 + flex: 1 1 260px;
4023 + min-width: 260px;
4024 + max-width: 100%;
4025 +}
4026 +#sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration #wc-stripe-express-checkout-element iframe {
4027 + max-width: unset;
4028 +}
4029 +#sellkit-checkout-widget-id .payment_method_nmi label[for=payment_method_nmi] {
4030 + display: -webkit-box;
4031 + display: -ms-flexbox;
4032 + display: flex;
4033 + -webkit-box-align: center;
4034 + -ms-flex-align: center;
4035 + align-items: center;
4036 + -webkit-box-pack: end;
4037 + -ms-flex-pack: end;
4038 + justify-content: flex-end;
4039 +}
4040 +#sellkit-checkout-widget-id .payment_method_nmi label[for=payment_method_nmi] div.sellkit-checkout-payment-gateway-title {
4041 + position: absolute;
4042 + left: 0;
4043 +}
4044 +#sellkit-checkout-widget-id .payment_method_nmi label[for=payment_method_nmi] img {
4045 + position: relative !important;
4046 + margin-left: 10px;
4047 +}
4048 +#sellkit-checkout-widget-id #wc-stripe-card-element {
4049 + height: auto !important;
4050 +}
3845 4051
3846 4052 /** Safari +10 **/
3847 4053 @media not all and (min-resolution: 0.001dpcm) {
3848 4054 @supports (-webkit-appearance: none) and (stroke-color: transparent) {
@@ -3875,8 +4081,59 @@
3875 4081 overflow: auto;
3876 4082 z-index: 1000;
3877 4083 }
3878 4084
4085 +/** Order notes **/
4086 +.sellkit-checkout-order-fields #order_comments:focus {
4087 + -webkit-box-shadow: none !important;
4088 + box-shadow: none !important;
4089 +}
4090 +.sellkit-checkout-order-fields .sellkit-checkout-order-notes {
4091 + margin-left: 6px;
4092 +}
4093 +.sellkit-checkout-order-fields .sellkit-checkout-order-notes .sellkit-order-note-field-wrapper {
4094 + display: -webkit-box;
4095 + display: -ms-flexbox;
4096 + display: flex;
4097 + -webkit-box-orient: horizontal;
4098 + -webkit-box-direction: normal;
4099 + -ms-flex-direction: row;
4100 + flex-direction: row;
4101 + -ms-flex-wrap: nowrap;
4102 + flex-wrap: nowrap;
4103 + -ms-flex-line-pack: center;
4104 + align-content: center;
4105 + -webkit-box-align: center;
4106 + -ms-flex-align: center;
4107 + align-items: center;
4108 + gap: 5px;
4109 +}
4110 +.sellkit-checkout-order-fields .sellkit-checkout-order-notes label {
4111 + position: relative;
4112 + top: 1px;
4113 + margin: 0 !important;
4114 + color: #737373;
4115 + font-size: 13px;
4116 + font-style: normal;
4117 + font-weight: normal;
4118 + letter-spacing: normal;
4119 + line-height: 1.15;
4120 + text-align: left;
4121 + cursor: pointer;
4122 + font-stretch: normal;
4123 +}
4124 +.sellkit-checkout-order-fields .sellkit-checkout-order-notes #sellkit-add-notes-to-order-box:focus {
4125 + -webkit-box-shadow: none !important;
4126 + box-shadow: none !important;
4127 +}
4128 +.sellkit-checkout-order-fields .sellkit-checkout-order-notes p#order_comments_field {
4129 + display: none;
4130 + padding-left: 0px !important;
4131 +}
4132 +.sellkit-checkout-order-fields #order_comments_field label {
4133 + display: none;
4134 +}
4135 +
3879 4136 form.sellkit-optin {
3880 4137 -webkit-margin-after: 0;
3881 4138 margin-block-end: 0;
3882 4139 }
@@ -4086,9 +4343,9 @@
4086 4343 border-radius: 3px;
4087 4344 background-color: #2ecc71;
4088 4345 color: #fff;
4089 4346 font-size: 0.9rem;
4090 - font-weight: bold;
4347 + font-weight: 700;
4091 4348 }
4092 4349 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button:hover {
4093 4350 border: none;
4094 4351 border-width: 1px;
@@ -4155,9 +4412,9 @@
4155 4412 text-align: start;
4156 4413 }
4157 4414 .sellkit-optin-admin-alert .title {
4158 4415 display: block;
4159 - font-weight: bold;
4416 + font-weight: 700;
4160 4417 }
4161 4418 .sellkit-optin-admin-alert .description {
4162 4419 font-size: 13px;
4163 4420 }