Created
June 16, 2015 18:13
-
-
Save thisislawatts/d12a80f8f00ec0461ebc to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset UTF-8; | |
| 100% { | |
| stroke-dashoffset:480px; | |
| margin-top:-20px; | |
| width:50%; | |
| left:100%; | |
| opacity:1; | |
| -webkit-transform:rotate(360deg); | |
| transform:rotate(360deg); | |
| } | |
| 60% { | |
| -webkit-transform:translateY(-15px); | |
| left:0; | |
| } | |
| 50% { | |
| -webkit-transform:scale3d(1.15,1.15,1.15); | |
| transform:scale3d(1.15,1.15,1.15); | |
| } | |
| .w-auto { | |
| width:auto!important; | |
| } | |
| .hidden { | |
| display:none!important; | |
| } | |
| html { | |
| -ms-text-size-adjust:100%; | |
| -webkit-text-size-adjust:100%; | |
| height:100%; | |
| font-family:"Helvetica Neue", sans-serif; | |
| font-size:13px; | |
| } | |
| a { | |
| background:transparent; | |
| color:#2a9dcc; | |
| text-decoration:none; | |
| -webkit-transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| } | |
| a:active,a:hover { | |
| outline:0; | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| font-weight:400; | |
| margin:0; | |
| } | |
| small { | |
| color:#999; | |
| font-weight:400; | |
| font-size:12px; | |
| } | |
| sub,sup { | |
| font-size:75%; | |
| line-height:0; | |
| position:relative; | |
| vertical-align:baseline; | |
| } | |
| sup { | |
| top:-.5em; | |
| } | |
| sub { | |
| bottom:-.25em; | |
| } | |
| ul { | |
| list-style-type:none; | |
| margin:0; | |
| padding:0; | |
| } | |
| img { | |
| border:0; | |
| max-width:100%; | |
| } | |
| hr { | |
| -moz-box-sizing:content-box; | |
| box-sizing:content-box; | |
| height:0; | |
| } | |
| button,input,optgroup,select,textarea { | |
| color:inherit; | |
| font:inherit; | |
| margin:0; | |
| } | |
| button { | |
| overflow:visible; | |
| } | |
| button,select { | |
| text-transform:none; | |
| } | |
| button,html input[type="button"],input[type="reset"],input[type="submit"] { | |
| -webkit-appearance:button; | |
| cursor:pointer; | |
| } | |
| button[disabled],html input[disabled] { | |
| cursor:default; | |
| } | |
| input { | |
| line-height:normal; | |
| } | |
| input[type="checkbox"],input[type="radio"] { | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| padding:0; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { | |
| height:auto; | |
| } | |
| input[type="search"] { | |
| -moz-box-sizing:content-box; | |
| box-sizing:content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance:none; | |
| } | |
| fieldset { | |
| border:1px solid silver; | |
| margin:0 2px; | |
| padding:.35em .625em .75em; | |
| } | |
| textarea { | |
| overflow:auto; | |
| } | |
| table { | |
| width:100%; | |
| border-collapse:collapse; | |
| border-spacing:0; | |
| border-bottom:1px solid #ededed; | |
| } | |
| td,th { | |
| padding:0; | |
| } | |
| h1 { | |
| color:#333; | |
| font-weight:500; | |
| font-size:1.85rem; | |
| } | |
| h2 { | |
| color:#333; | |
| font-size:1.55rem; | |
| } | |
| h3 { | |
| color:#333; | |
| font-size:1.25rem; | |
| } | |
| h4 { | |
| color:#333; | |
| font-weight:500; | |
| font-size:1.075rem; | |
| } | |
| h5 { | |
| color:#333; | |
| text-transform:uppercase; | |
| letter-spacing:.1em; | |
| font-weight:500; | |
| font-size:.9rem; | |
| margin:2em 0 1em; | |
| } | |
| h6 { | |
| color:#999; | |
| text-transform:uppercase; | |
| letter-spacing:.1em; | |
| font-weight:400; | |
| font-size:.9rem; | |
| margin:0 0 .5em; | |
| } | |
| .header-subtitle { | |
| font-weight:300; | |
| color:#999; | |
| margin-bottom:.5em; | |
| font-size:.9rem; | |
| } | |
| p { | |
| color:#777; | |
| line-height:1.5em; | |
| margin:0 0 1.5em; | |
| } | |
| strong { | |
| color:#555; | |
| font-weight:500; | |
| } | |
| @font-face { | |
| font-family:"Checkout Symbols"; | |
| font-weight:400; | |
| src:url(//cdn.shopify.com/s/assets/checkout/CheckoutSymbols-Regular-3f554579f6db97073fd336de9688b75d.eot) format(embedded-opentype),url(//cdn.shopify.com/s/assets/checkout/CheckoutSymbols-Regular-47e475661b375ad107dba96e1ef16bff.woff) format(woff),url(//cdn.shopify.com/s/assets/checkout/CheckoutSymbols-Regular-a6f029deb17069ca7744e02b3c8ad4eb.ttf) format(truetype),url(//cdn.shopify.com/s/assets/checkout/CheckoutSymbols-Regular-5c6ca31c46076376a84046819becd5f7.svg#CheckoutSymbols-Regular) format(svg); | |
| } | |
| a:hover,a:focus { | |
| color:#2486ae; | |
| outline:0; | |
| } | |
| .more:after { | |
| content:">"; | |
| font-family:"Checkout Symbols"; | |
| display:inline-block; | |
| padding-left:.625em; | |
| -webkit-transition:0 .2s ease-in-out; | |
| transition:transform .2s ease-in-out; | |
| } | |
| .more:hover:after { | |
| -webkit-transform:translateX(0.5em); | |
| transform:translateX(0.5em); | |
| } | |
| .back:before { | |
| content:"<"; | |
| font-family:"Checkout Symbols"; | |
| display:inline-block; | |
| padding-right:.625em; | |
| -webkit-transition:0 .2s ease-in-out; | |
| transition:transform .2s ease-in-out; | |
| } | |
| .back:hover:before { | |
| -webkit-transform:translateX(-0.5em); | |
| transform:translateX(-0.5em); | |
| } | |
| label { | |
| cursor:pointer; | |
| color:#555; | |
| font-weight:500; | |
| line-height:1.5em; | |
| } | |
| label small { | |
| font-size:1em; | |
| color:#777; | |
| font-weight:400; | |
| } | |
| label p { | |
| font-weight:400; | |
| } | |
| input[type="text"],input[type="tel"],input[type="email"],input[type="password"],select { | |
| background:transparent; | |
| border:none; | |
| line-height:1.5em; | |
| margin:0; | |
| padding:0; | |
| } | |
| input[type="text"]:-webkit-autofill,input[type="tel"]:-webkit-autofill,input[type="email"]:-webkit-autofill,input[type="password"]:-webkit-autofill,select:-webkit-autofill { | |
| -webkit-text-fill-color:#777; | |
| box-shadow:0 0 0 50px #fff inset; | |
| } | |
| select { | |
| -webkit-appearance:none; | |
| -moz-appearance:none; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-updown-75fecad85b075e0bb9563aa4331b34bf.svg),none; | |
| background-repeat:no-repeat; | |
| background-position:right center; | |
| } | |
| .boxsizing select { | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| padding-right:2em; | |
| } | |
| select:focus { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-updown-focus-b1b232ba4d5a6430dabe4c6eb9e2788b.svg),none; | |
| background-repeat:no-repeat; | |
| background-position:right center; | |
| } | |
| input[type='checkbox'] { | |
| margin-right:.25em; | |
| -webkit-appearance:none; | |
| cursor:pointer; | |
| position:relative; | |
| } | |
| .firefox input[type="radio"] { | |
| margin-top:3px; | |
| } | |
| .chrome input[type="radio"],.safari input[type="radio"],.opera input[type="radio"] { | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| -webkit-appearance:none; | |
| display:block; | |
| width:20px; | |
| height:20px; | |
| border:1px solid #ccc; | |
| border-radius:50%; | |
| cursor:pointer; | |
| box-shadow:0 0 0 0 #2a9dcc inset; | |
| -webkit-transition:box-shadow .3s cubic-bezier(0.3,0,0,1.2),background-color .3s cubic-bezier(0.3,0,0,1.2),border-color .3s cubic-bezier(0.3,0,0,1.2); | |
| transition:box-shadow .3s cubic-bezier(0.3,0,0,1.2),background-color .3s cubic-bezier(0.3,0,0,1.2),border-color .3s cubic-bezier(0.3,0,0,1.2); | |
| margin:0; | |
| } | |
| .chrome input[type="radio"]:after,.safari input[type="radio"]:after,.opera input[type="radio"]:after { | |
| content:""; | |
| display:block; | |
| width:20px; | |
| height:20px; | |
| margin-left:-1px; | |
| margin-top:-1px; | |
| border-radius:50%; | |
| opacity:0; | |
| visibility:hidden; | |
| -webkit-transform:scale(0.2); | |
| transform:scale(0.2); | |
| -webkit-transition:opacity .2s cubic-bezier(0.3,0,0,1.2) .1s .2s cubic-bezier(0.3,0,0,1.2) .1s .2s cubic-bezier(0.3,0,0,1.2) .1s; | |
| transition:opacity .2s cubic-bezier(0.3,0,0,1.2) .1s .2s cubic-bezier(0.3,0,0,1.2) .1s .2s cubic-bezier(0.3,0,0,1.2) .1s; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-check-white-3e9918deb7b2f6d6cb98372d3bbf1c05.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .chrome input[type="radio"]:hover,.safari input[type="radio"]:hover,.opera input[type="radio"]:hover { | |
| border-color:#b3b3b3; | |
| } | |
| .chrome input[type="radio"]:checked,.safari input[type="radio"]:checked,.opera input[type="radio"]:checked { | |
| background-color:#2a9dcc; | |
| box-shadow:0 0 0 10px #2a9dcc inset; | |
| border-color:#2a9dcc; | |
| } | |
| .chrome input[type="radio"]:checked:after,.safari input[type="radio"]:checked:after,.opera input[type="radio"]:checked:after { | |
| opacity:1; | |
| visibility:visible; | |
| -webkit-transform:scale(1); | |
| transform:scale(1); | |
| } | |
| .chrome input[type="radio"]:checked:hover,.safari input[type="radio"]:checked:hover,.opera input[type="radio"]:checked:hover { | |
| border-color:#2a9dcc; | |
| } | |
| th { | |
| color:#555; | |
| text-align:center; | |
| font-weight:500; | |
| padding-bottom:1em; | |
| border-bottom:1px solid #ededed; | |
| } | |
| tr td { | |
| border-top:1px solid #ededed; | |
| } | |
| td { | |
| color:#999; | |
| text-align:center; | |
| padding:1.5em 0; | |
| } | |
| td small { | |
| color:#ccc; | |
| display:block; | |
| font-size:.875rem; | |
| } | |
| td strong { | |
| font-weight:500; | |
| color:#777; | |
| } | |
| .inlinesvg .svg svg { | |
| display:inline; | |
| } | |
| .section--thank-you p strong { | |
| display:block; | |
| margin-top:.5em; | |
| } | |
| .section--thank-you .svg+h3 { | |
| margin:1em auto .5em; | |
| } | |
| .inventory-issues-table .cell--quantity .quantity { | |
| display:inline-block; | |
| margin-bottom:.2em; | |
| } | |
| .inventory-issues-table .product__info { | |
| margin:.4em 0; | |
| } | |
| .status-label { | |
| padding-left:20px; | |
| background-position:center left!important; | |
| } | |
| .status-label--soldout { | |
| color:#ee7272; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/status-sold-out-6b590b7a8ba0011c76aec3f6cdfa1d3f.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .status-label--reduced { | |
| color:#e7a321; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/status-reduced-df180f89170fdfb06705959966164c32.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .header { | |
| position:relative; | |
| zoom:1; | |
| overflow:hidden; | |
| background:#fff; | |
| padding:1.5em; | |
| } | |
| .header .icon--lock { | |
| position:absolute; | |
| top:1em; | |
| right:1em; | |
| z-index:2; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-lock-grey-3cf80b84e40331bf43d732b911c1cf54.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .shop { | |
| z-index:1; | |
| position:relative; | |
| float:left; | |
| } | |
| .shop__name { | |
| z-index:2; | |
| position:relative; | |
| font-weight:400; | |
| -webkit-transition:none; | |
| transition:none; | |
| color:#333; | |
| } | |
| .shop__desc { | |
| z-index:2; | |
| position:relative; | |
| line-height:1.3em; | |
| color:#606060; | |
| } | |
| .rgba .shop__desc { | |
| color:rgba(51,51,51,0.7); | |
| } | |
| .shop__logo { | |
| display:block; | |
| max-width:50%; | |
| } | |
| .shop__logo+.shop__desc { | |
| margin-top:.35em; | |
| } | |
| .main { | |
| height:100%; | |
| width:100%; | |
| } | |
| .wrap { | |
| width:100%; | |
| zoom:1; | |
| margin:0 auto; | |
| } | |
| #checkout { | |
| counter-reset:checkout-step; | |
| } | |
| .footer { | |
| border-top:1px solid #e5e5e5; | |
| background:#FFF; | |
| zoom:1; | |
| padding:1.5em; | |
| } | |
| .rgba .footer { | |
| background:rgba(255,255,255,0.95); | |
| } | |
| .boxshadow .footer { | |
| border-top:none; | |
| box-shadow:0 -1px rgba(0,0,0,0.1); | |
| } | |
| .footer:hover a:hover { | |
| color:#2a9dcc; | |
| } | |
| .footer__copyright { | |
| color:#999; | |
| -webkit-transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| font-size:11px; | |
| margin-bottom:0; | |
| } | |
| .footer__nav { | |
| margin-bottom:-1.5em; | |
| zoom:1; | |
| } | |
| .footer__nav__item { | |
| float:left; | |
| margin:0 .25em; | |
| } | |
| .footer__nav__item:first-child { | |
| margin-left:-.25em; | |
| } | |
| .footer__nav__link { | |
| display:block; | |
| border-bottom:3px solid transparent; | |
| margin-bottom:-1.5em; | |
| font-size:11px; | |
| padding:.75em .25em 1.5em; | |
| } | |
| .footer__nav__link.is-active { | |
| color:#555; | |
| font-weight:700; | |
| padding-bottom:1.65em; | |
| border-color:#2a9dcc; | |
| } | |
| .order-summary-recap { | |
| background:#fafafa; | |
| border-top:1px solid #e5e5e5; | |
| border-bottom:1px solid #e5e5e5; | |
| color:#777; | |
| zoom:1; | |
| position:relative; | |
| } | |
| .boxshadow .order-summary-recap { | |
| border:none; | |
| box-shadow:0 0 0 1px rgba(0,0,0,0.1); | |
| } | |
| .order-summary-recap .product-list { | |
| white-space:nowrap; | |
| overflow-x:auto; | |
| overflow-y:hidden; | |
| max-width:100%; | |
| padding-bottom:1.5em; | |
| padding-top:1.5em; | |
| -webkit-overflow-scrolling:touch; | |
| } | |
| .order-summary-recap .product-list .product { | |
| display:inline-block; | |
| width:18em; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| padding-bottom:0; | |
| padding-top:0; | |
| vertical-align:top; | |
| border-right:1px solid #e5e5e5; | |
| padding-right:1.5em; | |
| margin-left:1.5em; | |
| } | |
| .order-summary-recap .product-list .product:last-child { | |
| border-right:none; | |
| } | |
| .order-summary-recap .product__info { | |
| white-space:normal; | |
| } | |
| .order-summary { | |
| background:#fafafa; | |
| border-top:1px solid #e1e1e1; | |
| color:#777; | |
| zoom:1; | |
| } | |
| .order-summary .product-list .product { | |
| padding-right:5.5em; | |
| border-top:1px solid #e7e7e7; | |
| } | |
| .order-summary .product-list .product:first-child { | |
| border-top:none; | |
| margin-top:-1.125em; | |
| } | |
| .order-summary .product-list .product:last-child { | |
| margin-bottom:-1.125em; | |
| } | |
| .order-summary__section { | |
| border-top:1px solid #e1e1e1; | |
| padding:1.5em; | |
| } | |
| .summary-body { | |
| border-top:1px solid #e1e1e1; | |
| } | |
| .product-list .product { | |
| padding:1.125em 0; | |
| } | |
| .product-list .product__image { | |
| margin-left:-6em; | |
| margin-right:0; | |
| } | |
| .product-list .product__price { | |
| float:right; | |
| margin-right:-5.5em; | |
| } | |
| .product-list .product--has-image { | |
| padding-left:6em; | |
| } | |
| .product-list .product--has-image .product__info,.product-list .product--has-image .product__price { | |
| margin-top:.4em; | |
| } | |
| .applied-discount .btn.btn--delete { | |
| margin-top:1px; | |
| } | |
| .applied-discount__status { | |
| float:left; | |
| width:16px; | |
| height:14px; | |
| margin-right:.25em; | |
| margin-top:1px; | |
| } | |
| .success .applied-discount__status { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/discount-success-5483209d29c20e17bc6947a5a78c6ee7.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .warning .applied-discount__status { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/discount-warning-c2c1d151260b89fa263c39e2efaf0501.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| margin-right:.4em; | |
| } | |
| .applied-discount__code { | |
| float:left; | |
| font-weight:500; | |
| margin-right:.25em; | |
| } | |
| .warning .applied-discount__code { | |
| color:#ff6d6d; | |
| } | |
| .warning .applied-discount__price { | |
| color:#ccc; | |
| text-decoration:line-through; | |
| } | |
| .total-line { | |
| margin-top:1em; | |
| zoom:1; | |
| } | |
| .total-line:first-child { | |
| margin-top:0; | |
| } | |
| .total-line--total { | |
| border-top:1px solid #e7e7e7; | |
| margin-top:1em; | |
| padding-top:1em; | |
| } | |
| .payment-due { | |
| line-height:1em; | |
| zoom:1; | |
| } | |
| .payment-due__label { | |
| float:left; | |
| margin-top:.25em; | |
| } | |
| .payment-due__price { | |
| float:right; | |
| color:#8fc243; | |
| line-height:1em; | |
| font-size:1.4rem; | |
| } | |
| .payment-due__currency { | |
| float:right; | |
| margin-right:.75em; | |
| background:#bbb; | |
| border-radius:4px; | |
| color:#fff; | |
| text-transform:uppercase; | |
| font-size:12px; | |
| padding:.25em .3em .2em; | |
| } | |
| .savings { | |
| display:block; | |
| border-top:1px solid #ededed; | |
| text-align:center; | |
| color:#ccc; | |
| padding-top:1em; | |
| font-size:.875rem; | |
| margin:2em 0 -.5em; | |
| } | |
| .order-number { | |
| float:right; | |
| color:#ccc; | |
| margin-top:-1.25em; | |
| } | |
| .has-tooltip:hover .tooltip,.has-tooltip.tooltip--is-displayed .tooltip { | |
| visibility:visible; | |
| opacity:1; | |
| -webkit-transform:rotateX(0deg) scale(1); | |
| transform:rotateX(0deg) scale(1); | |
| pointer-events:auto; | |
| } | |
| .tooltip { | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| position:absolute; | |
| bottom:120%; | |
| left:50%; | |
| width:180px; | |
| border-radius:5px; | |
| text-indent:0; | |
| white-space:normal; | |
| font-style:normal; | |
| font-weight:400; | |
| line-height:1.4em; | |
| text-align:center; | |
| color:#fff; | |
| display:block; | |
| visibility:hidden; | |
| pointer-events:none; | |
| z-index:200; | |
| opacity:0; | |
| -webkit-transition:all .3s cubic-bezier(0.3,0,0,1.2); | |
| transition:all .3s cubic-bezier(0.3,0,0,1.2); | |
| -webkit-transform:rotateX(20deg) scale(0.8); | |
| transform:rotateX(20deg) scale(0.8); | |
| -webkit-transform-origin:center 120%; | |
| transform-origin:center 120%; | |
| font-size:.875rem; | |
| background:#424242; | |
| margin:0 0 5px -90px; | |
| padding:.75em 1em; | |
| } | |
| .rgba .tooltip { | |
| background:rgba(68,68,68,0.9); | |
| } | |
| .tooltip:after { | |
| content:""; | |
| position:absolute; | |
| top:100%; | |
| left:50%; | |
| margin-left:-7px; | |
| width:0; | |
| border:7px solid transparent; | |
| border-top:5px solid #333; | |
| border-top-color:rgba(68,68,68,0.9); | |
| } | |
| .ico,.icon--twitter,.icon--facebook,.icon--print,.icon--closed-box,i { | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| text-indent:100%; | |
| white-space:nowrap; | |
| display:inline-block; | |
| } | |
| .ico-16,.header .icon--lock,.icon--lock-light,.icon--lock-dark { | |
| width:16px; | |
| height:16px; | |
| vertical-align:sub; | |
| } | |
| .icon--lock-light { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-lock-light-b3134cfd6bc01086ab52615e433c997f.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--lock-dark { | |
| margin-top:-8px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-lock-grey-3cf80b84e40331bf43d732b911c1cf54.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--twitter { | |
| text-indent:-999999px; | |
| overflow:hidden; | |
| width:20px; | |
| height:20px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-twitter-894467514fe582ffa811a30458e32106.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--facebook { | |
| text-indent:-999999px; | |
| overflow:hidden; | |
| width:20px; | |
| height:20px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-facebook-0ab276a5777079b69a384225172c353e.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--print { | |
| text-indent:-999999px; | |
| overflow:hidden; | |
| width:20px; | |
| height:20px; | |
| margin-bottom:-5px; | |
| margin-right:.25em; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-print-57c40821a3d87a3b1d8f7e094ea627e4.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--google-wallet { | |
| width:164px; | |
| height:31px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/google-wallet-945cebd25dcf686e21161bc6f57d421f.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--google-wallet-small { | |
| width:106px; | |
| height:19px; | |
| vertical-align:-5px; | |
| margin-top:2px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/google-wallet-small-0a5967d33ca1d10a465958de01c22411.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--inventory-issues { | |
| margin-bottom:1.5em; | |
| } | |
| .icon--inventory-issues__box .arms line { | |
| stroke-dasharray:29px 29px; | |
| stroke-dashoffset:29px; | |
| -webkit-animation:lines .2s .6s linear both; | |
| animation:lines .2s .6s linear both; | |
| } | |
| .icon--inventory-issues__box .rectangle { | |
| stroke-dasharray:368px 368px; | |
| stroke-dashoffset:368px; | |
| -webkit-animation:lines .5s .3s linear both; | |
| animation:lines .5s .3s linear both; | |
| } | |
| .icon--inventory-issues__box .trapese { | |
| stroke-dasharray:179px 179px; | |
| stroke-dashoffset:179px; | |
| -webkit-animation:lines .3s linear both; | |
| animation:lines .3s linear both; | |
| } | |
| .icon--inventory-issues__box .lines line { | |
| stroke-dasharray:26px 26px; | |
| stroke-dashoffset:26px; | |
| } | |
| .icon--inventory-issues__box .lines line:nth-child(1) { | |
| -webkit-animation:lines .2s .9s ease-in-out both; | |
| animation:lines .2s .9s ease-in-out both; | |
| } | |
| .icon--inventory-issues__box .lines line:nth-child(2) { | |
| -webkit-animation:lines .2s .7s ease-in-out both; | |
| animation:lines .2s .7s ease-in-out both; | |
| } | |
| .icon--inventory-issues__box .lines line:nth-child(3) { | |
| -webkit-animation:lines .2s .5s ease-in-out both; | |
| animation:lines .2s .5s ease-in-out both; | |
| } | |
| .icon--inventory-issues__invisible-product { | |
| overflow:hidden; | |
| padding-top:40px; | |
| height:10px; | |
| } | |
| .icon--inventory-issues__invisible-product svg,.icon--inventory-issues__invisible-product img { | |
| margin-top:-20px; | |
| -webkit-transition:margin-top .3s ease-in-out; | |
| transition:margin-top .3s ease-in-out; | |
| -webkit-animation:fadeInUp .6s .6s ease-in-out backwards; | |
| animation:fadeInUp .6s .6s ease-in-out backwards; | |
| } | |
| .icon--inventory-issues:hover .icon--inventory-issues__invisible-product svg,.icon--inventory-issues:hover .icon--inventory-issues__invisible-product img { | |
| margin-top:-30px; | |
| } | |
| .icon--inventory-issues__invisible-product rect { | |
| stroke-dasharray:8px 4px; | |
| stroke-dashoffset:-41px; | |
| } | |
| .icon--order-success svg path { | |
| -webkit-animation:checkmark .25s ease-in-out .7s backwards; | |
| animation:checkmark .25s ease-in-out .7s backwards; | |
| } | |
| .icon--order-success svg circle { | |
| -webkit-animation:checkmark-circle .6s ease-in-out backwards; | |
| animation:checkmark-circle .6s ease-in-out backwards; | |
| } | |
| .icon--info { | |
| width:20px; | |
| height:21px; | |
| vertical-align:sub; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-question-8c026a1a87c62c9fc64643c2a80babba.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| margin:-2px 0; | |
| } | |
| .icon--closed-box { | |
| width:68px; | |
| height:54px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/closed-box-small-b88a762cdd814a9d446e44abb4b241e0.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| padding:1em 0; | |
| } | |
| .icon--free-tag { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/free-tag-small-d3b9f526fefbf8e39fc85451aad05f6d.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:94px; | |
| height:46px; | |
| } | |
| .icon--offsite { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/offsite-small-a296df1d64cc6f65f90478f400380e5f.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:102px; | |
| height:52px; | |
| } | |
| .icon--spinner svg { | |
| -webkit-animation:rotate .6s .5s linear infinite; | |
| animation:rotate .6s .5s linear infinite; | |
| } | |
| .icon--spinner svg circle { | |
| stroke-dasharray:76px 76px; | |
| stroke-dashoffset:0; | |
| -webkit-animation:spinner_intro .3s .2s linear both; | |
| animation:spinner_intro .3s .2s linear both; | |
| } | |
| .btn { | |
| display:inline-block; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| border:none; | |
| border-radius:4px; | |
| cursor:pointer; | |
| width:100%; | |
| text-align:center; | |
| font-weight:500; | |
| font-size:1rem; | |
| -webkit-transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; | |
| background-color:#2a9dcc; | |
| color:#FFF; | |
| padding:1.25em; | |
| } | |
| .btn:hover,.btn:focus { | |
| background-color:#2486ae; | |
| color:#FFF; | |
| } | |
| .boxshadow .btn:focus { | |
| background-color:#2a9dcc; | |
| box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15); | |
| } | |
| .boxshadow .btn:focus:hover { | |
| background-color:#2486ae; | |
| } | |
| .btn.btn--primary { | |
| background-color:#8fc243; | |
| color:#FFF; | |
| padding:1.5em 0; | |
| } | |
| .btn.btn--primary:hover,.btn.btn--primary:focus { | |
| background-color:#7caa37; | |
| color:#FFF; | |
| } | |
| .boxshadow .btn.btn--primary:focus { | |
| background-color:#8fc243; | |
| box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15); | |
| } | |
| .boxshadow .btn.btn--primary:focus:hover { | |
| background-color:#7caa37; | |
| } | |
| .btn.btn--delete { | |
| display:block; | |
| width:16px; | |
| height:16px; | |
| border-radius:50%; | |
| float:left; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/clear-4e60ea473a3c31d38cc7b3b6410dec69.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| text-indent:100%; | |
| white-space:nowrap; | |
| overflow:hidden; | |
| background-color:#bbb; | |
| color:rgba(0,0,0,0.6); | |
| margin:0 .5em; | |
| padding:0; | |
| } | |
| .btn.btn--delete:hover,.btn.btn--delete:focus { | |
| background-color:#A9A9A9; | |
| color:rgba(0,0,0,0.7); | |
| } | |
| .boxshadow .btn.btn--delete:focus { | |
| background-color:#bbb; | |
| box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15); | |
| } | |
| .boxshadow .btn.btn--delete:focus:hover { | |
| background-color:#A9A9A9; | |
| } | |
| .btn.btn--inset { | |
| text-align:center; | |
| text-transform:uppercase; | |
| font-weight:400; | |
| letter-spacing:.05em; | |
| width:auto; | |
| position:absolute; | |
| right:8px; | |
| top:8px; | |
| font-size:.875rem; | |
| padding:.7125em; | |
| } | |
| .js .btn.btn--inset:not(.btn--is-active),.js .btn.btn--inset:not(.btn--is-active):hover,.js .btn.btn--inset:not(.btn--is-active):focus,.js .btn.btn--inset:not(.btn--is-active):active { | |
| background-color:transparent; | |
| color:#ccc; | |
| border:1px solid #e5e5e5; | |
| box-shadow:none; | |
| margin:-1px -1px 0 0; | |
| } | |
| .call-to-action p label { | |
| display:inline-block; | |
| padding:.75em 0; | |
| } | |
| .call-to-action .back { | |
| text-align:center; | |
| padding-top:1em; | |
| display:block; | |
| } | |
| .payment-method { | |
| display:inline-block; | |
| width:38px; | |
| height:24px; | |
| -webkit-backface-visibility:hidden; | |
| backface-visibility:hidden; | |
| color:transparent; | |
| -webkit-transition:opacity .5s cubic-bezier(0.3,0,0,1.2); | |
| transition:opacity .5s cubic-bezier(0.3,0,0,1.2); | |
| text-indent:100%; | |
| white-space:nowrap; | |
| overflow:hidden; | |
| } | |
| p .payment-method { | |
| vertical-align:middle; | |
| margin:-.15em .25em 0 0; | |
| } | |
| .payment-method.american-express { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-american-express-c13fbd672f73ee9c7f86431432711950.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.bitcoin { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-bitcoin-94407b6da19de2a4fa55f3245be2204c.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.bogus { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-bogus-84c3e99e120ccc2250bba512aa743af7.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.boleto { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-boleto-a89437717fc042e9a81ffea0bc6234fc.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.cash { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-cash-0bad0ac31e7ae95c0a68fb1c2cf04fa6.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.dankort { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-dankort-b8db1119bf51a359f730d58704643e8c.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.diners-club { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-diners-club-e3b1f51e037b0dc327ca557322780871.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.discover { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-discover-0032e05a893c72a45786d3c2e49d9b36.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.forbrugsforeningen { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-forbrugsforeningen-22754de5153d1ed08bc4679735ac68aa.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.generic { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-generic-331e007d98d6ac6e9d6a3ca6ec3bb162.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.gift-card { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-gift-card-bb2d0a6d97bb1a4f588a07e11170311c.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.google-wallet { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-google-wallet-b974657774b33f81f2509e63159b0211.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.jcb { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-jcb-f52002d51c1deaa5ba3e0399a807cd85.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.laser { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-laser-a128254cdd5317e7d86ce218877606ae.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.maestro { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-maestro-380a61b70b1f1349927dd354e6879ba2.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.master { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-master-2c993afc1b7d56507b9575ba17629581.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.paypal { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/paypal-c6a68dbaec56bbe95fb57780dca8af8f.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:70px; | |
| } | |
| .payment-method.solo { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-solo-4abcdfaeb56775b0bc9cbd2fee0a5e9a.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.switch { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-switch-8d70ab32a10d830642148ad07795fbfd.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.visa { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/payment-icon-visa-44cb5db7e3663e11eaef5e6a842b8ab0.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .payment-method.affirm { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/affirm-2cc1ee480d5fbe274a4c6d454bcc1756.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:207px; | |
| } | |
| .payment-method.airpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/airpay-d00bed115f510f5e28a299c81e11a598.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:55px; | |
| } | |
| .payment-method.bit_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/bit_pay-372b2c890b9e8ae13cfda97e88df1caa.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:67px; | |
| } | |
| .payment-method.cashenvoy { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/cashenvoy-b3af18211a45f76dd4e61534c055e4d2.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:114px; | |
| } | |
| .payment-method.citrus { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/citrus-20c3001b2b7d7a4a17b4b9a3539363e3.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:62px; | |
| } | |
| .payment-method.coinbase { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/coinbase-6495f59e767f17cf38e56383bef1578a.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:86px; | |
| } | |
| .payment-method.coinpayments { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/coinpayments-f7fc0cd270e638c80d0aff481dbe832d.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:174px; | |
| } | |
| .payment-method.compropago { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/compropago-8898f5e45af0d8bb7ee0d79549fac9ee.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:210px; | |
| } | |
| .payment-method.direc_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/direc_pay-e49b3a83134046625698b213fc93baab.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:116px; | |
| } | |
| .payment-method.directebanking { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/directebanking-a813e408e83105455bbf2bed4bec3c24.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:88px; | |
| } | |
| .payment-method.doku { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/doku-7389ca33965714bfbcb5d72850cc30e2.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:24px; | |
| } | |
| .payment-method.dwolla { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/dwolla-4006b902f9e9461bd0cf011c1f782069.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:98px; | |
| } | |
| .payment-method.gestpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/gestpay-69627aab91dbb35183a397c88cdde69b.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:51px; | |
| } | |
| .payment-method.hi_trust { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/hi_trust-0508586c8a86ce9fc2de5ef8533ebb29.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:58px; | |
| } | |
| .payment-method.ipay88 { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/ipay88-e918bb905f38a274f8b6d41fb9a46493.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:71px; | |
| } | |
| .payment-method.klarna { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/klarna-4d42b8b6bda96fcc1b511a410806c1e6.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:83px; | |
| } | |
| .payment-method.mollie_ideal { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/mollie_ideal-dd5ef74f0902fb0d0021e4b40769668a.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:28px; | |
| } | |
| .payment-method.mollie_mistercash { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/mollie_mistercash-5decf2073770efb906445c8eb6f0a121.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:40px; | |
| } | |
| .payment-method.molpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/molpay-89ac4b312b8323b35bac9f56bfc8ca07.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:117px; | |
| } | |
| .payment-method.moneybookers { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/moneybookers-343a0868079e33614f7db79cfe072851.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:52px; | |
| } | |
| .payment-method.nochex { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/nochex-cddfb8845901f6a2195f118afb5d82f4.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:112px; | |
| } | |
| .payment-method.pag_seguro { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/pag_seguro-9ec24e6276d899e3234210d23eb8169f.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:112px; | |
| } | |
| .payment-method.pay_fast { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/pay_fast-6185eb5e7011bf511e87cc5f4968fe08.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:89px; | |
| } | |
| .payment-method.paydollar { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/paydollar-df845fb86fa03d634ecb66922a2db26e.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:39px; | |
| } | |
| .payment-method.paygate { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/paygate-6c2dca7276da56c91b55959936a91377.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:142px; | |
| } | |
| .payment-method.paypal_payments_advanced { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/paypal_payments_advanced-c6a68dbaec56bbe95fb57780dca8af8f.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:70px; | |
| } | |
| .payment-method.payu_in_paisa { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/payu_in_paisa-dfc0b3ff6a82ffd2f0d0cf3835f88097.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:45px; | |
| } | |
| .payment-method.payu_in { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/payu_in-16e99fb1c88950c0581496e7252dfcf4.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:71px; | |
| } | |
| .payment-method.poliinternetbanking { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/poliinternetbanking-83ea3bb36418f3e7fa68b5a5c596dfef.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:165px; | |
| } | |
| .payment-method.pxpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/pxpay-c6a68dbaec56bbe95fb57780dca8af8f.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:90px; | |
| } | |
| .payment-method.sage_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/sage_pay-70086e4de49666242db19a563adf0992.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:105px; | |
| } | |
| .payment-method.two_checkout { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/two_checkout-bf9be7d3521abf7f0d57526a01b9bb48.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:24px; | |
| } | |
| .payment-method.valitor { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/valitor-2c1803d53d8ed5efef5e06f2b9803119.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:150px; | |
| } | |
| .payment-method.world_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/world_pay-2eb30cb9c757543bf200e79aa6c48bcc.png); | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:128px; | |
| } | |
| .payment-methods { | |
| margin-top:-12px; | |
| } | |
| .payment-methods.known .payment-method.selected { | |
| -webkit-animation:scale .5s cubic-bezier(0.3,0,0,1.2); | |
| animation:scale .5s cubic-bezier(0.3,0,0,1.2); | |
| } | |
| .payment-summary-lst li { | |
| margin-top:1.5em; | |
| zoom:1; | |
| } | |
| .payment-summary-lst li:first-child { | |
| margin-top:.5em; | |
| } | |
| .payment-summary-lst .payment-method { | |
| float:left; | |
| margin-right:.75em; | |
| } | |
| .payment-method-masked-code { | |
| display:none; | |
| font-weight:400; | |
| } | |
| .payment-method-total { | |
| float:right; | |
| color:#8fc243; | |
| font-size:1.125rem; | |
| } | |
| .main__header { | |
| text-align:center; | |
| margin-bottom:1.5em; | |
| width:100%; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| padding:1.5em; | |
| } | |
| .main__header h2 { | |
| margin-bottom:.5em; | |
| } | |
| .modal { | |
| position:fixed; | |
| width:100%; | |
| background:#fff; | |
| top:0; | |
| left:0; | |
| bottom:0; | |
| right:0; | |
| z-index:999; | |
| overflow:auto; | |
| display:none; | |
| padding:2em 0 1em; | |
| } | |
| .modal .wrap { | |
| width:90%; | |
| max-width:740px; | |
| margin:0 auto; | |
| padding:0; | |
| } | |
| .modal .svg { | |
| margin:0 auto 2em; | |
| } | |
| .modal--centered { | |
| height:100%; | |
| overflow:hidden; | |
| display:flex; | |
| -webkit-box-align:center; | |
| -webkit-align-items:center; | |
| -ms-flex-align:center; | |
| align-items:center; | |
| -webkit-box-pack:center; | |
| -webkit-justify-content:center; | |
| -ms-flex-pack:center; | |
| justify-content:center; | |
| padding:0!important; | |
| } | |
| .modal--centered .btn { | |
| margin-top:2em; | |
| } | |
| .modal__close { | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| color:rgba(0,0,0,0.2); | |
| font-size:2.5rem; | |
| padding:.5em .75em; | |
| } | |
| .policy-header { | |
| margin-bottom:1.5em; | |
| border-bottom:1px solid #ededed; | |
| padding-bottom:1em; | |
| } | |
| .sharing-icons { | |
| list-style-type:none; | |
| text-align:center; | |
| margin:0; | |
| padding:0; | |
| } | |
| .sharing-icons li a { | |
| display:inline-block; | |
| opacity:.6; | |
| padding:0 .5em; | |
| } | |
| .sharing-icons li a:hover { | |
| opacity:1; | |
| } | |
| .alternative-payment-methods { | |
| margin-bottom:1em; | |
| border-bottom:1px solid #ededed; | |
| position:relative; | |
| text-align:center; | |
| padding:1.5em .5em 2em; | |
| } | |
| .alternative-payment-methods .or { | |
| text-align:center; | |
| display:block; | |
| min-width:18px; | |
| position:absolute; | |
| top:100%; | |
| left:50%; | |
| background-color:#fff; | |
| border:1px solid #e5e5e5; | |
| border-radius:2em; | |
| font-size:11px; | |
| color:#999; | |
| line-height:28px; | |
| box-shadow:0 0 0 8px #fff; | |
| margin:-14px 0 0 -14px; | |
| padding:0 .5em; | |
| } | |
| .alternative-payment-methods span { | |
| display:none; | |
| color:#777; | |
| } | |
| .alternative-payment-methods__btn { | |
| display:inline-block; | |
| vertical-align:-.8em; | |
| margin:0 0 0 .5em; | |
| } | |
| .alternative-payment-methods__btn img { | |
| height:33px; | |
| } | |
| .alternative-payment-methods__btn--wallet { | |
| vertical-align:-.7em; | |
| } | |
| .product { | |
| zoom:1; | |
| position:relative; | |
| } | |
| .product__image { | |
| display:block; | |
| width:5em; | |
| border-radius:8px; | |
| float:left; | |
| overflow:hidden; | |
| margin-right:1em; | |
| } | |
| .product__info__name { | |
| margin-bottom:.4em; | |
| } | |
| .fieldset { | |
| border:1px solid #d8d8d8; | |
| border-radius:4px; | |
| background:#fff; | |
| margin-bottom:1.5em; | |
| } | |
| .field { | |
| position:relative; | |
| border-top:1px solid #dfdfdf; | |
| padding-left:1em; | |
| padding-right:1em; | |
| -webkit-transition:box-shadow .1s cubic-bezier(0.3,0,0,1.2),border-color .1s cubic-bezier(0.3,0,0,1.2),border-radius .1s cubic-bezier(0.3,0,0,1.2); | |
| transition:box-shadow .1s cubic-bezier(0.3,0,0,1.2),border-color .1s cubic-bezier(0.3,0,0,1.2),border-radius .1s cubic-bezier(0.3,0,0,1.2); | |
| zoom:1; | |
| } | |
| .no-js .fieldset>.field[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field,.no-js .fieldset>.field[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field-group,.no-js .fieldset>.field[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field-group>.field:first-child,.no-js .fieldset>.field[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field,.no-js .fieldset>.field[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field-group,.no-js .fieldset>.field[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field-group>.field:first-child,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field-group,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field[data-shown-if-js]+.field-group>.field:first-child,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field-group,.no-js .fieldset>.field-group[data-shown-if-js]:first-child+.field-group[data-shown-if-js]+.field-group>.field:first-child,.fieldset>.field:first-child,.fieldset>.field-group:first-child,.fieldset>.field-group:first-child>.field:first-child,.fieldset>.field-group:first-child>.field-group:first-child>.field:first-child { | |
| border-top-left-radius:4px; | |
| border-top-right-radius:4px; | |
| border-top:none; | |
| } | |
| .fieldset>.field:last-child,.fieldset>.field-group:last-child,.fieldset>.field-group:last-child>.field:last-child,.fieldset>.field-group:last-child>.field-group:last-child>.field:last-child { | |
| border-bottom-left-radius:4px; | |
| border-bottom-right-radius:4px; | |
| } | |
| .field__icon { | |
| position:absolute; | |
| top:50%; | |
| right:1em; | |
| } | |
| .field--has-inset-btn input[type="text"],.field--has-inset-btn input[type="tel"],.field--has-inset-btn input[type="email"],.field--has-inset-btn input[type="password"],.field--has-inset-btn select { | |
| width:22%; | |
| padding-right:4.5em; | |
| } | |
| .boxsizing .field--has-inset-btn input[type="text"],.boxsizing .field--has-inset-btn input[type="tel"],.boxsizing .field--has-inset-btn input[type="email"],.boxsizing .field--has-inset-btn input[type="password"],.boxsizing .field--has-inset-btn select { | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| width:65%; | |
| } | |
| .field--has-inset-btn .field__error-message { | |
| padding-right:5em; | |
| } | |
| .field--has-radio-button { | |
| padding-left:3.125em; | |
| } | |
| .field--has-radio-button input[type="radio"] { | |
| position:absolute; | |
| top:1em; | |
| left:1em; | |
| } | |
| .field__inner--horizontal-padding,.field label,.field input[type="text"],.field input[type="tel"],.field input[type="email"],.field input[type="password"],.field select { | |
| padding-top:1em; | |
| padding-bottom:1em; | |
| } | |
| .field label { | |
| width:35%; | |
| float:left; | |
| } | |
| .field label .icon { | |
| margin-left:.5em; | |
| } | |
| .field .label--full-width { | |
| width:100%; | |
| } | |
| input[type="text"],input[type="tel"],input[type="email"],input[type="password"],select,.select-group { | |
| width:65%; | |
| float:left; | |
| } | |
| .select-group:after { | |
| content:""; | |
| display:block; | |
| background:#e5e5e5; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| width:1px; | |
| height:24px; | |
| margin-top:-12px; | |
| margin-left:-.5px; | |
| } | |
| .select-group select { | |
| width:44%; | |
| float:right; | |
| } | |
| .field-group--has-subfields { | |
| background-color:#f9f9f9; | |
| } | |
| .field-group--has-subfields input[type="text"]:-webkit-autofill,.field-group--has-subfields input[type="tel"]:-webkit-autofill,.field-group--has-subfields input[type="email"]:-webkit-autofill,.field-group--has-subfields input[type="password"]:-webkit-autofill,.field-group--has-subfields select:-webkit-autofill { | |
| box-shadow:0 0 0 50px #f9f9f9 inset; | |
| } | |
| .field--blank-slate { | |
| text-align:center; | |
| padding:2em; | |
| } | |
| .field--blank-slate .icon { | |
| display:block; | |
| margin:0 auto 1.5em; | |
| } | |
| .field--error { | |
| background:#fff7f7; | |
| z-index:2; | |
| } | |
| .boxshadow .field--error { | |
| border:none; | |
| box-shadow:0 0 0 1px #ffc4c4; | |
| } | |
| .field--error label,.field--error input[type="text"],.field--error input[type="tel"],.field--error input[type="email"],.field--error input[type="password"],.field--error select,.field--error .applied-gift-card { | |
| padding-bottom:.5em; | |
| } | |
| .field__error-message { | |
| display:none; | |
| color:#ff6d6d; | |
| clear:both; | |
| padding-left:35%; | |
| margin-bottom:0; | |
| font-size:.875rem; | |
| padding-bottom:1em; | |
| } | |
| .boxshadow .field--focus { | |
| z-index:99; | |
| box-shadow:0 0 0 2px #2a9dcc; | |
| border-radius:4px!important; | |
| border-color:transparent; | |
| } | |
| .shipping-option { | |
| padding-right:7em; | |
| } | |
| .shipping-option__price { | |
| position:absolute; | |
| top:1em; | |
| right:1em; | |
| } | |
| .applied-gift-card .payment-method { | |
| float:left; | |
| position:relative; | |
| top:auto; | |
| right:auto; | |
| margin-right:.75em; | |
| } | |
| .applied-gift-card .btn--delete { | |
| position:absolute; | |
| right:1em; | |
| top:1.25em; | |
| margin:0; | |
| } | |
| .applied-gift-card .error-message { | |
| padding-left:0; | |
| } | |
| .applied-gift-card__masked-code { | |
| display:block; | |
| margin-top:-.5em; | |
| font-weight:500; | |
| color:#555; | |
| } | |
| .applied-gift-card__balance { | |
| display:block; | |
| color:#999; | |
| } | |
| .section { | |
| border-top:1px solid #e5e5e5; | |
| zoom:1; | |
| padding:1.5em; | |
| } | |
| .section__header { | |
| line-height:1.4em; | |
| z-index:2; | |
| position:relative; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| zoom:1; | |
| margin:0 0 1.5em; | |
| } | |
| .section__header p { | |
| color:#999; | |
| float:right; | |
| } | |
| .section__header .section__edit-link { | |
| display:none; | |
| float:right; | |
| font-size:1.25rem; | |
| } | |
| .section__blank-slate { | |
| background-color:#fff; | |
| text-align:center; | |
| border-radius:4px; | |
| border:1px solid #d8d8d8; | |
| padding:1em; | |
| } | |
| .section__blank-slate i,.section__blank-slate .svg { | |
| margin-bottom:.75em; | |
| } | |
| .section__notice { | |
| line-height:1.2em; | |
| border-radius:4px; | |
| zoom:1; | |
| padding:1em; | |
| } | |
| .section__notice--error { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/global-error-warning-3f2f59a11f4101982cac81ddc77fc1f0.svg),none; | |
| background-color:#ff6d6d; | |
| background-repeat:no-repeat; | |
| background-position:right 1.25em center; | |
| padding-right:4em; | |
| } | |
| .section__notice--error h4 { | |
| color:#fff; | |
| } | |
| .section__notice--error p { | |
| color:#ffd3d3; | |
| } | |
| .section__notice--warning { | |
| background:#ffe8bc; | |
| } | |
| .section__notice--warning h4 { | |
| color:#71644b; | |
| } | |
| .section__notice--warning p { | |
| color:#bd9f65; | |
| } | |
| .logged-in-customer { | |
| overflow:hidden; | |
| margin-bottom:1.5em; | |
| } | |
| .logged-in-customer__avatar { | |
| width:3.25em; | |
| border-radius:8px; | |
| float:left; | |
| margin-right:.75em; | |
| } | |
| .logged-in-customer__information { | |
| float:left; | |
| margin-top:.125em; | |
| } | |
| .subsection { | |
| padding:0 1.5em 1.5em; | |
| } | |
| .subsection:first-child { | |
| padding-top:1em; | |
| } | |
| .money,.success .applied-discount__code { | |
| color:#8fc243; | |
| } | |
| body,figure,form { | |
| margin:0; | |
| } | |
| b,strong,optgroup { | |
| font-weight:700; | |
| } | |
| svg:not(:root),.no-generatedcontent .wrap,.no-generatedcontent .footer,.no-generatedcontent .footer__nav,.no-generatedcontent .order-summary-recap,.no-generatedcontent .order-summary,.no-generatedcontent .applied-discount,.no-generatedcontent .total-line,.no-generatedcontent .payment-due-container,.no-generatedcontent .payment-due,.no-generatedcontent .call-to-action,.no-generatedcontent .payment-summary-lst li,.has-modal,.no-generatedcontent .product,.no-generatedcontent .field,.no-generatedcontent .applied-gift-card,.no-generatedcontent .section,.no-generatedcontent .section__header,.no-generatedcontent .section__notice { | |
| overflow:hidden; | |
| } | |
| button::-moz-focus-inner,input::-moz-focus-inner,legend { | |
| border:0; | |
| padding:0; | |
| } | |
| .js [data-hidden-if-js],.no-js [data-shown-if-js],input[type="text"]::-ms-clear,input[type="tel"]::-ms-clear,input[type="email"]::-ms-clear,input[type="password"]::-ms-clear,select::-ms-clear,.svg svg,.inlinesvg .svg img,.order-summary-recap .product__price,.shown-if-multi-step,.multi-step .section__form,.multi-step .section__blank-slate,.multi-step .section__notice--error,.multi-step .step--current .section__summary,.multi-step .step--blank .section__summary,.multi-step .step--current .section__blank-slate.hidden,.current-step-review .section__form,.current-step-review .section__blank-slate,.current-step-review .section__notice--error,.current-step-review .step--current .section__summary,.current-step-review .step--blank .section__summary,.current-step-review .step--current .section__blank-slate.hidden,.step--completed .call-to-action,.payment-methods .payment-method,.policy-header .policy__print-link,.section.step--blank { | |
| display:none; | |
| } | |
| p:last-child,.fieldset:last-child,.step--blank .section__header { | |
| margin-bottom:0; | |
| } | |
| ::-moz-selection,::selection { | |
| background:#2a9dcc; | |
| color:#FFF; | |
| } | |
| ::selection:-webkit-autofill,::-moz-selection:-webkit-autofill { | |
| -webkit-text-fill-color:currentcolor; | |
| } | |
| input[placeholder*="••••"]::-webkit-input-placeholder,input[placeholder*="••••"]:-ms-input-placeholder { | |
| letter-spacing:.1em; | |
| } | |
| input[placeholder*="••••"]:-moz-placeholder,input[placeholder*="••••"]::-moz-placeholder { | |
| letter-spacing:.1em; | |
| opacity:1; | |
| } | |
| input,select,.policy-body p { | |
| color:#777; | |
| } | |
| input:focus,select:focus,.chrome input[type="radio"]:focus,.safari input[type="radio"]:focus,.opera input[type="radio"]:focus,.boxshadow .btn,.boxshadow .btn.btn--primary,.boxshadow .btn.btn--delete { | |
| outline:none; | |
| } | |
| ::-webkit-input-placeholder,:-ms-input-placeholder { | |
| color:#ccc; | |
| } | |
| :-moz-placeholder,::-moz-placeholder { | |
| color:#ccc; | |
| opacity:1; | |
| } | |
| input[type="radio"],.total-line h3,.total-line__name,.payment-method-info,.product__info,.select-group select:first-child,.section__header h3 { | |
| float:left; | |
| } | |
| th:first-child,td:first-child { | |
| text-align:left; | |
| } | |
| th:last-child,td:last-child,.inventory-issues-table .cell--quantity { | |
| text-align:right; | |
| } | |
| tr:first-child td,.order-summary__section:first-child,.section:first-child { | |
| border-top:none; | |
| } | |
| .section--thank-you,.call-to-action p { | |
| text-align:center; | |
| } | |
| .section--thank-you .btn+p,.billing-address-summary,.fieldset+.section__notice,.section__blank-slate+.section__notice,.section__form+.section__notice,.section__notice+.fieldset,.section__notice+.section__blank-slate,.section__notice+.call-to-action,.section__notice+.section__form { | |
| margin-top:1.5em; | |
| } | |
| .wrap:after,.wrap:before,.footer:after,.footer:before,.footer__nav:after,.footer__nav:before,.order-summary-recap:after,.order-summary-recap:before,.order-summary:after,.order-summary:before,.applied-discount:after,.applied-discount:before,.total-line:after,.total-line:before,.payment-due-container:after,.payment-due-container:before,.payment-due:after,.payment-due:before,.call-to-action:after,.call-to-action:before,.payment-summary-lst li:after,.payment-summary-lst li:before,.product:after,.product:before,.field:after,.field:before,.applied-gift-card:after,.applied-gift-card:before,.section:after,.section:before,.section__header:after,.section__header:before,.section__notice:after,.section__notice:before { | |
| content:""; | |
| display:table; | |
| } | |
| .wrap:after,.footer:after,.footer__nav:after,.order-summary-recap:after,.order-summary:after,.applied-discount:after,.total-line:after,.payment-due-container:after,.payment-due:after,.call-to-action:after,.payment-summary-lst li:after,.product:after,.field:after,.applied-gift-card:after,.section:after,.section__header:after,.section__notice:after { | |
| clear:both; | |
| } | |
| .footer a,.main__header p,.modal__close:hover,.policy-header__shop-name,.step--blank .section__header h3 { | |
| color:#999; | |
| } | |
| .footer:hover .footer__nav__link.is-active,.product__info__name strong { | |
| color:#555; | |
| } | |
| .order-summary-recap strong,.order-summary strong { | |
| font-weight:500; | |
| color:#555; | |
| } | |
| .applied-discount,.payment-due-container,.call-to-action,.applied-gift-card { | |
| zoom:1; | |
| } | |
| .applied-discount__price,.total-line__price { | |
| float:right; | |
| } | |
| .multi-step .shown-if-multi-step,.multi-step .step--current .section__form,.multi-step .step--current .next-step,.multi-step .step--current .section__blank-slate,.multi-step .step--current .section__notice--error,.multi-step .step--completed .section__edit-link,.current-step-review .shown-if-multi-step,.current-step-review .step--current .section__form,.current-step-review .step--current .next-step,.current-step-review .step--current .section__blank-slate,.current-step-review .step--current .section__notice--error,.current-step-review .step--completed .section__edit-link,.payment-method-name,.payment-method-additional-info,.product__info__name,.product__info__description,.field--error .field__error-message { | |
| display:block; | |
| } | |
| .has-tooltip,.select-group { | |
| position:relative; | |
| } | |
| table+.call-to-action,.section__blank-slate+.call-to-action,.call-to-action .btn+p,.call-to-action p+.btn,.main__header img+h2,.main__header svg+h2,.section__form+.section__form,.section__form+form { | |
| margin-top:1em; | |
| } | |
| .payment-methods .payment-method.selected,.sharing-icons li,.alternative-payment-methods form { | |
| display:inline-block; | |
| } | |
| .field--error ::-webkit-input-placeholder,.field--error :-ms-input-placeholder { | |
| color:#f4dede; | |
| } | |
| .field--error :-moz-placeholder,.field--error ::-moz-placeholder { | |
| color:#f4dede; | |
| opacity:1; | |
| } | |
| @media all and min-width 600px{ | |
| html { | |
| font-size:14px; | |
| } | |
| h1 { | |
| font-size:2.3rem; | |
| } | |
| h2 { | |
| font-size:1.85rem; | |
| } | |
| h3 { | |
| font-size:1.3rem; | |
| } | |
| h4 { | |
| font-size:1.15rem; | |
| } | |
| h5,h6 { | |
| font-size:.9rem; | |
| } | |
| h5 { | |
| margin:3em 0 1.5em; | |
| } | |
| .chrome input[type="checkbox"],.safari input[type="checkbox"],.opera input[type="checkbox"] { | |
| border-radius:4px; | |
| width:18px; | |
| height:18px; | |
| border:1px solid #d8d8d8; | |
| vertical-align:-4px; | |
| -webkit-transition:box-shadow .1s cubic-bezier(0.3,0,0,1.2),border-color .1s cubic-bezier(0.3,0,0,1.2); | |
| transition:box-shadow .1s cubic-bezier(0.3,0,0,1.2),border-color .1s cubic-bezier(0.3,0,0,1.2); | |
| } | |
| .chrome input[type="checkbox"]:hover,.safari input[type="checkbox"]:hover,.opera input[type="checkbox"]:hover { | |
| border-color:#ccc; | |
| } | |
| .chrome input[type="checkbox"]:focus,.safari input[type="checkbox"]:focus,.opera input[type="checkbox"]:focus { | |
| box-shadow:0 0 0 2px #2a9dcc; | |
| border-color:transparent; | |
| } | |
| .chrome input[type="checkbox"]:checked:after,.safari input[type="checkbox"]:checked:after,.opera input[type="checkbox"]:checked:after { | |
| -webkit-transform:scale(1); | |
| transform:scale(1); | |
| opacity:1; | |
| -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | |
| filter:alpha(opacity=100); | |
| visibility:visible; | |
| } | |
| .chrome input[type="checkbox"]:after,.safari input[type="checkbox"]:after,.opera input[type="checkbox"]:after { | |
| content:""; | |
| display:block; | |
| position:absolute; | |
| left:-1px; | |
| top:-1px; | |
| width:18px; | |
| height:18px; | |
| -webkit-transform:scale(0.2); | |
| transform:scale(0.2); | |
| -webkit-transition:all .2s cubic-bezier(0.3,0,0,1.2); | |
| transition:all .2s cubic-bezier(0.3,0,0,1.2); | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/ico-check-blue-e102b30d39f86b8afa339e5ead2d6040.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| opacity:0; | |
| -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | |
| filter:alpha(opacity=0); | |
| visibility:hidden; | |
| } | |
| td { | |
| padding:2em 0; | |
| } | |
| .inventory-issues-table .cell--status { | |
| position:relative; | |
| text-align:right; | |
| } | |
| .inventory-issues-table .cell--status .btn--delete { | |
| float:none; | |
| position:absolute; | |
| right:-45px; | |
| top:50%; | |
| margin-top:-8px; | |
| } | |
| .inventory-issues-table .cell--quantity { | |
| text-align:center; | |
| } | |
| .shop__logo { | |
| max-width:200px; | |
| } | |
| .shop__desc { | |
| font-weight:300; | |
| font-size:1.2rem; | |
| } | |
| .wrap { | |
| width:73%; | |
| padding:0 12.5%; | |
| } | |
| .footer { | |
| padding:1.5em 0; | |
| } | |
| .footer__copyright { | |
| font-size:12px; | |
| margin-bottom:.5em; | |
| } | |
| .footer__nav__link { | |
| margin-bottom:-1.75em; | |
| font-size:12px; | |
| padding:.125em .25em 1.75em; | |
| } | |
| .order-summary-recap .product-list { | |
| padding-left:13.5%; | |
| } | |
| .order-summary-recap .product-list .product:first-child { | |
| margin-left:0; | |
| } | |
| .order-summary { | |
| border-radius:4px; | |
| border:1px solid #dadada; | |
| margin-bottom:2em; | |
| } | |
| .order-summary .product-list .product { | |
| padding-top:1.5em; | |
| padding-bottom:1.5em; | |
| } | |
| .order-summary .product-list .product:first-child { | |
| margin-top:-1.5em; | |
| } | |
| .order-summary .product-list .product:last-child { | |
| margin-bottom:-1.5em; | |
| } | |
| .order-summary .payment-due-container .payment-due__label { | |
| margin:0; | |
| padding:.5em 0; | |
| } | |
| .order-summary .payment-due-container .payment-due__currency { | |
| margin-top:.5em; | |
| } | |
| .order-summary .payment-due-container .payment-due__price { | |
| margin-top:.125em; | |
| font-weight:300; | |
| font-size:1.75rem; | |
| } | |
| .icon--closed-box { | |
| width:108px; | |
| height:85px; | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/closed-box-f2c2b42c4277f13ccbbe21e7ce80dfb1.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| } | |
| .icon--free-tag { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/free-tag-e4ea9d994861b50d84d2b3547a408d32.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:152px; | |
| height:80px; | |
| } | |
| .icon--offsite { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/icons/offsite-f532bad8fddc6fa73f2e756fb8977957.svg),none; | |
| background-position:center center; | |
| background-repeat:no-repeat; | |
| width:163px; | |
| height:81px; | |
| } | |
| .btn { | |
| width:auto; | |
| font-size:1rem; | |
| padding:1.125em .75em; | |
| } | |
| .btn.btn--inset { | |
| right:9px; | |
| top:9px; | |
| font-size:.875rem; | |
| padding:.75em .5em; | |
| } | |
| .call-to-action .btn { | |
| float:right; | |
| } | |
| .call-to-action p label { | |
| padding:0; | |
| } | |
| .call-to-action .btn+p,.call-to-action p+.btn { | |
| margin-top:0; | |
| } | |
| .call-to-action label { | |
| float:left; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| margin:1.25em 0 0; | |
| } | |
| .call-to-action--final label { | |
| margin:1.5em 0 0; | |
| } | |
| .payment-methods .payment-method { | |
| display:inline-block; | |
| } | |
| .payment-methods.known .payment-method:not(.selected) { | |
| -webkit-filter:grayscale(100%); | |
| filter:grayscale(100%); | |
| opacity:.4; | |
| } | |
| .payment-method-masked-code { | |
| display:inline; | |
| } | |
| .main__header h2 { | |
| margin-bottom:.25em; | |
| } | |
| .modal { | |
| padding-top:3em; | |
| } | |
| .modal .wrap { | |
| width:80%; | |
| } | |
| .policy-header { | |
| margin-bottom:3em; | |
| padding-bottom:2em; | |
| position:relative; | |
| } | |
| .policy-header .policy__print-link { | |
| display:block; | |
| position:absolute; | |
| top:1em; | |
| right:0; | |
| } | |
| .policy-body p { | |
| font-size:1.25rem; | |
| line-height:1.7em; | |
| } | |
| .field { | |
| padding-left:1.25em; | |
| padding-right:1.25em; | |
| } | |
| .field__icon { | |
| right:1.25em; | |
| } | |
| .field--has-radio-button { | |
| padding-left:3.375em; | |
| } | |
| .field--has-radio-button input[type="radio"] { | |
| top:1.25em; | |
| left:1.25em; | |
| } | |
| .field__inner--horizontal-padding,.field label,.field input[type="text"],.field input[type="tel"],.field input[type="email"],.field input[type="password"],.field select { | |
| padding-top:1.25em; | |
| padding-bottom:1.25em; | |
| } | |
| .field--error label,.field--error input[type="text"],.field--error input[type="tel"],.field--error input[type="email"],.field--error input[type="password"],.field--error select,.field--error .applied-gift-card { | |
| padding-bottom:.625em; | |
| } | |
| .field__error-message { | |
| padding-bottom:1.25em; | |
| } | |
| .field--error:after { | |
| content:">"; | |
| display:inline-block; | |
| font-family:'Checkout Symbols'; | |
| font-size:1.25em; | |
| color:#ff6d6d; | |
| position:absolute; | |
| top:10px; | |
| left:-2em; | |
| -webkit-animation:slideInLeft .8s ease-out both, back-and-forth .5s ease-in infinite both alternate; | |
| animation:slideInLeft .8s ease-out both, back-and-forth .5s ease-in infinite both alternate; | |
| padding:0 .25em; | |
| } | |
| .shipping-option { | |
| padding-right:7.25em; | |
| } | |
| .shipping-option__price { | |
| top:1.25em; | |
| right:1.25em; | |
| } | |
| .applied-gift-card .btn--delete { | |
| position:absolute; | |
| right:1.25em; | |
| top:1.35em; | |
| margin:0; | |
| } | |
| .applied-gift-card__masked-code { | |
| float:left; | |
| margin-top:.1em; | |
| } | |
| .applied-gift-card__balance { | |
| float:right; | |
| margin:.1em 2.25em 0 0; | |
| } | |
| .step--current .section__header { | |
| margin:0 0 2em; | |
| } | |
| .logged-in-customer__avatar { | |
| margin-right:1em; | |
| } | |
| .subsection { | |
| padding:0 0 2.5em; | |
| } | |
| .subsection:first-child { | |
| padding-top:2.5em; | |
| } | |
| .header,.section { | |
| padding:3em 0; | |
| } | |
| table+.call-to-action,.section__blank-slate+.call-to-action,.section__form+.section__form,.section__form+form { | |
| margin-top:1.5em; | |
| } | |
| .call-to-action p,.call-to-action .back { | |
| text-align:left; | |
| float:left; | |
| padding:1em 0; | |
| } | |
| .payment-methods .payment-method.generic,.section--additional-mobile-cta { | |
| display:none; | |
| } | |
| .main__header,.field--blank-slate { | |
| padding:2.5em; | |
| } | |
| } | |
| @media all and max-width 599px{ | |
| .chrome input[type='checkbox'],.safari input[type='checkbox'],.opera input[type='checkbox'] { | |
| width:34px; | |
| height:20px; | |
| border:2px solid #ccc; | |
| border-radius:10px; | |
| background:#ccc; | |
| -webkit-transition:all .15s cubic-bezier(0,-0.5,0,1); | |
| transition:all .15s cubic-bezier(0,-0.5,0,1); | |
| } | |
| .chrome input[type='checkbox']:focus,.safari input[type='checkbox']:focus,.opera input[type='checkbox']:focus { | |
| border-color:#bababa; | |
| } | |
| .chrome input[type='checkbox']:checked,.safari input[type='checkbox']:checked,.opera input[type='checkbox']:checked { | |
| background:#2a9dcc; | |
| border-color:#2a9dcc; | |
| } | |
| .chrome input[type='checkbox']:checked:after,.safari input[type='checkbox']:checked:after,.opera input[type='checkbox']:checked:after { | |
| left:14px; | |
| } | |
| .chrome input[type='checkbox']:checked:focus,.safari input[type='checkbox']:checked:focus,.opera input[type='checkbox']:checked:focus { | |
| border-color:#2486ae; | |
| } | |
| .chrome input[type='checkbox']:after,.safari input[type='checkbox']:after,.opera input[type='checkbox']:after { | |
| content:""; | |
| display:block; | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| width:16px; | |
| height:16px; | |
| background:#fff; | |
| border-radius:50%; | |
| -webkit-transition:all .15s cubic-bezier(0,-0.5,0,1); | |
| transition:all .15s cubic-bezier(0,-0.5,0,1); | |
| } | |
| .chrome input[type='checkbox']+label,.safari input[type='checkbox']+label,.opera input[type='checkbox']+label { | |
| vertical-align:5px; | |
| margin-left:.5em; | |
| } | |
| .tooltip--left-on-mobile { | |
| left:-1em; | |
| margin-left:0; | |
| -webkit-transform-origin:15% 120%; | |
| transform-origin:15% 120%; | |
| } | |
| .tooltip--left-on-mobile:after { | |
| left:1em; | |
| margin-left:0; | |
| } | |
| .tooltip--right-on-mobile { | |
| left:auto; | |
| right:-1em; | |
| margin-left:0; | |
| -webkit-transform-origin:85% 120%; | |
| transform-origin:85% 120%; | |
| } | |
| .tooltip--right-on-mobile:after { | |
| left:auto; | |
| right:1em; | |
| margin-left:0; | |
| } | |
| .call-to-action label { | |
| display:block; | |
| position:relative; | |
| border:1px solid #d8d8d8; | |
| border-radius:4px; | |
| text-align:left; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| margin:0 0 1em; | |
| padding:1.125em 1em 1em 3em; | |
| } | |
| .chrome .call-to-action label,.safari .call-to-action label,.opera .call-to-action label { | |
| padding-left:4.5em; | |
| padding-bottom:1.125em; | |
| } | |
| .call-to-action label input[type='checkbox'] { | |
| position:absolute; | |
| left:1em; | |
| top:1em; | |
| } | |
| #checkout:not(.current-step-review) .step--completed .section__header { | |
| margin-bottom:0; | |
| } | |
| .inventory-issues-table .cell--status,#checkout:not(.current-step-review) .step--completed .section__summary { | |
| display:none; | |
| } | |
| } | |
| @media screen and max-width 999px{ | |
| .inventory-issues-table .cell--price { | |
| display:none; | |
| } | |
| } | |
| @media screen and min-width 1000px{ | |
| .header { | |
| padding:4em 0 0; | |
| } | |
| .shop__desc { | |
| font-size:1.4rem; | |
| } | |
| #checkout { | |
| display:block; | |
| float:left; | |
| padding-right:30em; | |
| margin-top:1.125em; | |
| width:100%; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box; | |
| } | |
| .wrap { | |
| width:auto; | |
| max-width:76em; | |
| padding:0 5em; | |
| } | |
| .footer__nav { | |
| float:right; | |
| } | |
| .footer__copyright { | |
| float:left; | |
| margin-bottom:-.175em; | |
| } | |
| .footer__nav__link { | |
| margin-bottom:0; | |
| } | |
| .footer__nav__item { | |
| margin:0 .5em; | |
| } | |
| .footer__nav__item:first-child { | |
| margin-left:-.5em; | |
| } | |
| .order-summary { | |
| position:relative; | |
| width:28em; | |
| float:left; | |
| margin:2.5em 0 2.5em -28.25em; | |
| } | |
| .order-summary__section:hover .has-tooltip .tooltip { | |
| visibility:visible; | |
| opacity:1; | |
| -webkit-transform:rotateX(0deg) scale(1); | |
| transform:rotateX(0deg) scale(1); | |
| pointer-events:auto; | |
| } | |
| .main__header p { | |
| max-width:50%; | |
| margin:0 auto; | |
| } | |
| .modal { | |
| padding-top:6em; | |
| padding-bottom:4em; | |
| } | |
| .modal__close { | |
| position:fixed; | |
| font-weight:300; | |
| font-size:2.5rem; | |
| } | |
| .policy__header { | |
| margin-bottom:3em; | |
| padding-bottom:2.5em; | |
| } | |
| .has-modal .footer { | |
| position:fixed; | |
| width:100%; | |
| bottom:0; | |
| left:0; | |
| z-index:9999; | |
| } | |
| .section__blank-slate { | |
| padding:1.5em 1.125em; | |
| } | |
| .order-summary-recap,.section__header .payment-due { | |
| display:none; | |
| } | |
| } | |
| @media screen and min-width 800px{ | |
| .wrap { | |
| width:60%; | |
| } | |
| .order-summary-recap .product-list { | |
| padding-left:20%; | |
| } | |
| } | |
| @media screen and min-width 1100px{ | |
| #checkout { | |
| padding-right:36em; | |
| } | |
| .wrap { | |
| padding:0 5em; | |
| } | |
| .order-summary { | |
| width:31.75em; | |
| margin-left:-32em; | |
| } | |
| .modal { | |
| padding-top:8.75em; | |
| padding-bottom:8.75em; | |
| } | |
| } | |
| @media -webkit-min-device-pixel-ratio 2,min-resolution 192dpi{ | |
| .payment-method.affirm { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.airpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.bit_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.cashenvoy { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.citrus { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.coinbase { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.coinpayments { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.compropago { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.direc_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.directebanking { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.doku { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.dwolla { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.gestpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.hi_trust { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.ipay88 { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.klarna { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.mollie_ideal { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.mollie_mistercash { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.molpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.moneybookers { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.nochex { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.pag_seguro { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.pay_fast { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.paydollar { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.paygate { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.paypal_payments_advanced { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.paypal { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.payu_in_paisa { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.payu_in { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.poliinternetbanking { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.pxpay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.sage_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.two_checkout { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.valitor { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| .payment-method.world_pay { | |
| background-image:url(//cdn.shopify.com/s/assets/checkout/offsite-gateway-logos/[email protected]); | |
| background-size:contain; | |
| } | |
| } | |
| @media all and min-width 400px{ | |
| .alternative-payment-methods span { | |
| display:inline; | |
| } | |
| } | |
| @media print{ | |
| * { | |
| -webkit-print-color-adjust:exact; | |
| print-color-adjust:exact; | |
| } | |
| @page { | |
| margin:1cm 0 2cm; | |
| } | |
| .section,.order-summary { | |
| page-break-inside:avoid; | |
| } | |
| .has-modal { | |
| overflow:auto; | |
| } | |
| .has-modal .modal { | |
| position:relative; | |
| top:auto; | |
| left:auto; | |
| bottom:auto; | |
| right:auto; | |
| } | |
| .has-modal .policy-body p { | |
| font-size:.875em; | |
| } | |
| .section--thank-you .icon--order-success,.section--thank-you .btn,.section--thank-you [data-trigger-print],.has-modal .header,.has-modal #main,.has-modal .footer,.has-modal .policy__print-link,.has-modal .modal__close { | |
| display:none; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment