.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen *{box-sizing:inherit}.cocoen ::after,.cocoen ::before{box-sizing:inherit}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.cocoen-drag::before{border:3px solid #fff;content:'';height:30px;left:50%;margin-left:-7px;margin-top:-18px;position:absolute;top:50%;width:14px} .loadingSpinner.rotatingSquare{background-image:none !important;width:40px;height:40px;background-color:#333;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.loadingSpinner.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.loadingSpinner.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.loadingSpinner.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.loadingSpinner.sk-circle .sk-circle2{transform:rotate(30deg)}.loadingSpinner.sk-circle .sk-circle3{transform:rotate(60deg)}.loadingSpinner.sk-circle .sk-circle4{transform:rotate(90deg)}.loadingSpinner.sk-circle .sk-circle5{transform:rotate(120deg)}.loadingSpinner.sk-circle .sk-circle6{transform:rotate(150deg)}.loadingSpinner.sk-circle .sk-circle7{transform:rotate(180deg)}.loadingSpinner.sk-circle .sk-circle8{transform:rotate(210deg)}.loadingSpinner.sk-circle .sk-circle9{transform:rotate(240deg)}.loadingSpinner.sk-circle .sk-circle10{transform:rotate(270deg)}.loadingSpinner.sk-circle .sk-circle11{transform:rotate(300deg)}.loadingSpinner.sk-circle .sk-circle12{transform:rotate(330deg)}.loadingSpinner.sk-circle .sk-circle2:before{animation-delay:-1.1s}.loadingSpinner.sk-circle .sk-circle3:before{animation-delay:-1s}.loadingSpinner.sk-circle .sk-circle4:before{animation-delay:-.9s}.loadingSpinner.sk-circle .sk-circle5:before{animation-delay:-0.8s}.loadingSpinner.sk-circle .sk-circle6:before{animation-delay:-0.7s}.loadingSpinner.sk-circle .sk-circle7:before{animation-delay:-0.6s}.loadingSpinner.sk-circle .sk-circle8:before{animation-delay:-0.5s}.loadingSpinner.sk-circle .sk-circle9:before{animation-delay:-0.4s}.loadingSpinner.sk-circle .sk-circle10:before{animation-delay:-.3s}.loadingSpinner.sk-circle .sk-circle11:before{animation-delay:-.2s}.loadingSpinner.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.loadingSpinner.sk-cube-grid{width:40px;height:40px;margin:40px auto}.loadingSpinner.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.loadingSpinner.sk-cube-grid .sk-cube1{animation-delay:.2s}.loadingSpinner.sk-cube-grid .sk-cube2{animation-delay:.3s}.loadingSpinner.sk-cube-grid .sk-cube3{animation-delay:.4s}.loadingSpinner.sk-cube-grid .sk-cube4{animation-delay:.1s}.loadingSpinner.sk-cube-grid .sk-cube5{animation-delay:.2s}.loadingSpinner.sk-cube-grid .sk-cube6{animation-delay:.3s}.loadingSpinner.sk-cube-grid .sk-cube7{animation-delay:0s}.loadingSpinner.sk-cube-grid .sk-cube8{animation-delay:.1s}.loadingSpinner.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,70%,100%{transform:scale3D(1, 1, 1)}35%{transform:scale3D(0, 0, 1)}}.loadingSpinner.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;transform:rotateZ(45deg)}.loadingSpinner.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.loadingSpinner.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;animation:sk-foldCubeAngle 2.4s infinite linear both;transform-origin:100% 100%}.loadingSpinner.sk-folding-cube .sk-cube2{transform:scale(1.1) rotateZ(90deg)}.loadingSpinner.sk-folding-cube .sk-cube3{transform:scale(1.1) rotateZ(180deg)}.loadingSpinner.sk-folding-cube .sk-cube4{transform:scale(1.1) rotateZ(270deg)}.loadingSpinner.sk-folding-cube .sk-cube2:before{animation-delay:.3s}.loadingSpinner.sk-folding-cube .sk-cube3:before{animation-delay:.6s}.loadingSpinner.sk-folding-cube .sk-cube4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes flashSuccess{0%{background:#72e957;outline:12px solid #72e957}50%{background:rgba(114,233,87,.9);outline:12px solid rgba(114,233,87,.9)}100%{background:rgba(114,233,87,0);outline:12px solid rgba(114,233,87,0)}}.fake-file-input{padding:8px;box-sizing:border-box;background:#fff}.flash-success{animation:flashSuccess 2s}.hidden{display:none}.noscroll{overflow:hidden}.button.button-delete,.button.button-danger{background:#f15556;border-color:#ed2627;color:#fff}.button.button-delete:hover,.button.button-danger:hover{background:#ef3d3f;border-color:#e71314}.button.button-delete:active,.button.button-delete:focus,.button.button-danger:active,.button.button-danger:focus{background:#ed2627;border-color:#cf1112}.progress-container,.progress-container{width:100%;clear:both;display:block;margin-top:10px;padding-top:10px}.progress-container .progress,.progress-container .progress{overflow:hidden;height:20px;margin-bottom:10px;background-color:#e5e5e5}.progress-bar{float:left;width:0;height:100%;font-size:15px;color:#fff;text-align:center;background-color:#ccc;-webkit-transition:width .2s ease;transition:width .2s ease;white-space:nowrap}.progress-bar-success{background-color:#a4b789}.progress-bar-info{background-color:#9ecbc8}.progress-bar-warning{background-color:#f15556}.progress-bar-danger{background-color:#f15556}.modal-overlay{z-index:996;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(0,0,0,.3)}.box-modal{position:fixed;background:#fff;border:6px solid #4d4d4d;top:8px;z-index:997;width:calc(100% - 16px);left:8px;right:8px;max-height:calc(100vh - 16px);overflow-y:auto;box-sizing:border-box}@media only screen and (min-width: 599px){.box-modal{max-height:calc(100vh - 128px);top:64px;width:591px;left:calc(( 100% - 599px )/2)}}.box-modal.large{left:8px;right:8px;width:auto}@media only screen and (min-width: 599px){.box-modal.large{left:64px;right:64px}}.box-modal .modal-header{width:100%;padding:6px;box-sizing:border-box}.box-modal .modal-body{width:100%;padding:6px;box-sizing:border-box}.box-modal .modal-footer{width:100%;padding:6px;box-sizing:border-box}.modal-body.designs{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;box-sizing:border-box}.modal-body.designs .design{cursor:pointer;position:relative;width:100%;margin:6px}@media only screen and (min-width: 480px){.modal-body.designs .design{width:49%;width:calc(50% - 12px)}}@media only screen and (min-width: 771px){.modal-body.designs .design{width:32%;width:calc(25% - 12px)}}@media only screen and (min-width: 980px){.modal-body.designs .design{width:18%;width:calc(20% - 12px)}}@media only screen and (min-width: 1200px){.modal-body.designs .design{width:12%;width:calc(12.5% - 12px)}}@media only screen and (min-width: 1400px){.modal-body.designs .design{width:8%;width:calc(8.3333333333% - 12px)}}.modal-body.designs .design img{width:100%;object-fit:cover;max-height:20vh}.product-view .product-options .or{width:365px;display:inline-block;text-align:center}.product-view .product-options .use-existing-design-button{width:365px;max-width:100%}.compositor-wrap{clear:both;width:100%;box-sizing:border-box}.compositor-wrap.inactive{display:none}.compositor-wrap.active .compositor-container{background:#fff;box-shadow:0px 4px 8px 0px rgba(77,77,77,.05);margin:8px 0 8px 8px;padding:12px 0 24px 28px;overflow:hidden;background-image:url("https://prinfab.com/skin/frontend/base/default/prinfab/images/trans.png")}.compositor-wrap.active .compositor-container.has-design{background-image:none}.compositor-wrap.active .compositor-container.compositor-on,.compositor-wrap.active .compositor-container.compositor-on.product-image{border:none}.compositor-wrap.active .compositor-container .compositor{background-size:cover;position:relative;transition:height 160ms ease-in-out,background-size 160ms ease-in-out;padding:0;width:calc(100% - 32px);border-radius:.1px;overflow:hidden}.compositor-wrap.active .compositor-container .compositor.ready{float:left;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.compositor-wrap.active .compositor-container .compositor .tile{background-size:cover;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;transition:opacity 300ms linear,background-size 160ms ease-in-out;z-index:2;cursor:none}.compositor-wrap.active .compositor-container .compositor .loading{position:absolute;width:100%;height:100%;margin:0;padding:0;background-color:rgba(255,255,255,.5);background-image:radial-gradient(closest-corner at 50% 50%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0) 100%);z-index:3}.compositor-wrap.active .compositor-container .compositor .loading .loadingSpinner,.compositor-wrap.active .compositor-container .compositor .loading img{width:64px;height:64px;position:absolute;top:50%;top:calc(50% - 32px);bottom:50%;bottom:calc(50% - 32px);left:50%;left:calc(50% - 32px);right:50%;right:calc(50% - 32px);margin:0;padding:0}.compositor-wrap.active .compositor-container .ruler{white-space:nowrap}.compositor-wrap.active .compositor-container .ruler ul,.compositor-wrap.active .compositor-container .ruler li{list-style:none;margin:0;padding:0}.compositor-wrap.active .compositor-container .ruler li{border:1px solid #ccc;color:gray;font-size:12px;font-weight:600;line-height:12px}.compositor-wrap.active .compositor-container .ruler span{position:absolute;width:50px}.compositor-wrap.active .compositor-container .ruler-width{height:37px;min-width:1px;text-align:left}.compositor-wrap.active .compositor-container .ruler-width li{border-right:0;display:inline-block;height:10px}.compositor-wrap.active .compositor-container .ruler-width li:last-child{border-bottom-color:rgba(255,255,255,0);border-right-color:rgba(255,255,255,0);border-top-color:rgba(255,255,255,0);margin-left:-1px}.compositor-wrap.active .compositor-container .ruler-width span{margin-left:-25px;text-align:center}.compositor-wrap.active .compositor-container .ruler-height{min-height:1px}.compositor-wrap.active .compositor-container .ruler-height li{border-bottom:0;display:block;width:10px}.compositor-wrap.active .compositor-container .ruler-height li:last-child{border-bottom-color:rgba(255,255,255,0);border-left-color:rgba(255,255,255,0);border-right-color:rgba(255,255,255,0);margin-top:-1px}.compositor-wrap.active .compositor-container .ruler-height span{margin-top:-6px}.compositor-wrap.active .compositor-container .ruler-top{margin-top:13px}.compositor-wrap.active .compositor-container .ruler-top li{border-top-color:rgba(255,255,255,0);margin-top:17px}.compositor-wrap.active .compositor-container .ruler-top span{margin-top:-17px}.compositor-wrap.active .compositor-container .ruler-bottom{margin-top:1px}.compositor-wrap.active .compositor-container .ruler-bottom li{border-bottom-color:rgba(255,255,255,0);margin-top:6px}.compositor-wrap.active .compositor-container .ruler-bottom span{margin-top:14px}.compositor-wrap.active .compositor-container .ruler-left,.compositor-wrap.active .compositor-container .ruler-right{float:left;width:50px}.compositor-wrap.active .compositor-container .ruler-left li{border-left-color:rgba(255,255,255,0);margin-left:30px}.compositor-wrap.active .compositor-container .ruler-left span{margin-left:-64px;text-align:right}.compositor-wrap.active .compositor-container .ruler-right li{border-right-color:rgba(255,255,255,0);margin-left:10px}.compositor-wrap.active .compositor-container .ruler-right span{margin-left:14px;text-align:left}.compositor-wrap.active .compositor-container .rule{display:none;-webkit-transition:opacity .2s;transition:opacity .2s}.compositor-wrap.active .compositor-container .rule.show{display:block;opacity:1}@media only screen and (min-width: 599px){.compositor-wrap.active .compositor-container .ruler-width{margin:0 50px;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:-o-calc(100% - 50px);width:calc(100% - 50px)}}.hover-zoom{background:#fff;pointer-events:none !important;width:50vw;height:50vw;max-width:50vh;max-height:50vh;z-index:999;position:fixed;top:0;left:0;overflow:hidden;border-radius:9999px;box-shadow:3px 3px 3px rgba(0,0,0,.3);border:6px solid #4e4e4e;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;cursor:none;will-change:transform}.hover-zoom .hover-zoom-inner{width:300%;height:300%;will-change:transform}.hover-zoom .hover-zoom-inner img{width:100%;height:100%}.hover-zoom.zoom-on{left:auto;right:10vw;cursor:none}.hover-zoom.zoom-off{left:-99999px;display:none}.input-box.with-button{display:flex;max-width:100%}.input-box.with-button input,.input-box.with-button.input{width:50%}.input-box.with-button button,.input-box.with-button.button{width:49%}#full-page-dropzone{position:fixed;top:0;left:0;font-size:10vmin;z-index:999999;width:100vw;height:100vh;background-color:fade(#fff, 0.5);visibility:hidden;opacity:0;transition:visibility 175ms,opacity 175ms;display:table;pointer-events:auto}#full-page-dropzone .interior{color:#fff;display:table-cell;text-align:center;vertical-align:middle;transition:font-size 175ms;text-transform:uppercase}.design-dashboard .box-massaction{display:block;position:fixed;bottom:12px;left:32px;right:32px;background:rgba(255,255,255,.9);padding:12px;border:6px solid #ccc;border-bottom:6px solid #ccc;z-index:9999}.design-dashboard .box-massaction .box-head{margin-top:0}.design-dashboard .box-massaction .box-body{padding-top:12px}.design-dashboard .box-massaction .box-body .button-set{margin-top:18px}.design-dashboard .box-designs .box-body{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -6px}.design-dashboard .box-designs .box-body .design-information{width:calc(100% - 12px);margin:12px 6px;position:relative}.design-dashboard .box-designs .box-body .design-information a.button{background-color:#dbdbdb;margin-right:6px;box-shadow:2px 2px 3px rgba(0,0,0,.2)}.design-dashboard .box-designs .box-body .design-information .design-faded-background{width:100%;height:100%;position:absolute;z-index:1;background-size:20%}.design-dashboard .box-designs .box-body .design-information .contents{padding:12px;position:relative;z-index:999;background:rgba(255,255,255,.95)}.design-dashboard .box-designs .box-body .design-information h3{font-weight:900}.design-dashboard .box-designs .box-body .design-information dl{width:100%;overflow:hidden;padding:0;margin:12px 0}.design-dashboard .box-designs .box-body .design-information dl dt{display:inline-block;min-width:100px;font-weight:900}.design-dashboard .box-designs .box-body .design-information dl dd{display:inline;margin:0}.design-dashboard .box-designs .box-body .design-information dl dd:after{display:block;content:""}.design-dashboard .box-designs .box-body .design{position:relative;width:100%;margin:6px}@media only screen and (min-width: 480px){.design-dashboard .box-designs .box-body .design{width:49%;width:calc(50% - 12px)}}@media only screen and (min-width: 771px){.design-dashboard .box-designs .box-body .design{width:32%;width:calc(33.33333% - 12px)}}@media only screen and (min-width: 980px){.design-dashboard .box-designs .box-body .design{width:23%;width:calc(25% - 12px)}}.design-dashboard .box-designs .box-body .design input[type=checkbox]{display:none}.design-dashboard .box-designs .box-body .design input[type=checkbox]:checked+label.select-checkbox-label{border:3px solid rgba(0,0,0,.8);background:#fff}.design-dashboard .box-designs .box-body .design label.select-checkbox-label{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:64px;background:rgba(255,255,255,.2);border:3px solid rgba(0,0,0,.1);cursor:pointer;padding:0}.design-dashboard .box-designs .box-body .design label.select-checkbox-label:before{display:none}.design-dashboard .box-designs .box-body .design label.select-checkbox-label:after{margin:6px 0 0 2px;background:none;width:28px;height:28px;font-size:26px}.design-dashboard .box-designs .box-body .design:hover label.select-checkbox-label{background:rgba(255,255,255,.5);border:3px solid rgba(0,0,0,.2)}.design-dashboard .box-designs .box-body .design:hover label.select-checkbox-label:hover{background:rgba(255,255,255,.6);border:3px solid rgba(0,0,0,.3)}.design-dashboard .box-designs .box-body .design a img{width:100%;object-fit:cover;max-height:20vh}.design-dashboard .box-designs .box-body .design .links{width:100%;display:flex;justify-content:space-between;margin-top:6px}.design-dashboard .box-designs .box-body .design .links a{width:calc(50% - 6px);text-align:center;padding:7px 0}.design-dashboard .box-designs .box-body .design .links a.info-link{color:#4d4d4d}/*# sourceMappingURL=all.css.map */ html,body,header,nav,main,section,figure,menu,footer,h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd,fieldset,legend,input,textarea,select,option,button,.button,table,tbody,tfoot,thead,tr,th,td{ border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; ms-box-sizing:border-box; box-sizing:border-box; font-size:100%; margin:0; padding:0; vertical-align:middle; } fieldset,legend,input,textarea,select,option,button,.button,input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:none; -moz-appearance:none; ms-appearance:none; appearance:none; } input[type=number] { -moz-appearance:textfield; } [type=tel],[type=email],[type=telephone],[type=number],[type=search],[type=password],[type=text],[type=date],[type=file],[type=file] ~ label:nth-of-type(1),textarea,select{ background-color:transparent; } [type='checkbox'] + label:before,[type='radio'] + label:before { background-color:rgba(255,255,255,1); } [type=submit],button,.button { background-color:rgba(77,77,77,.2); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d4d4d+0,4d4d4d+100&0.1+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(77,77,77,0.1) 0%, rgba(77,77,77,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(77,77,77,0.1) 0%,rgba(77,77,77,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(77,77,77,0.1) 0%,rgba(77,77,77,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4d4d4d', endColorstr='#334d4d4d',GradientType=0 ); /* IE6-9 */ } .cta { background-color:rgba(239,84,62,1); background: #ef543e; /* Old browsers */ background: -moz-linear-gradient(top, #ef543e 0%, #e3503b 100%); background: -webkit-linear-gradient(top, #ef543e 0%,#e3503b 100%); background: linear-gradient(to bottom, #ef543e 0%,#e3503b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef543e', endColorstr='#e3503b',GradientType=0 ); } [type=tel],[type=email],[type=telephone],[type=number],[type=password],[type=text],[type=date],[type=search],[type=file],[type=file] ~ label:nth-of-type(1),textarea{ background-image: linear-gradient(to bottom, rgba(77,77,77,1), rgba(77,77,77,1)), linear-gradient(to bottom, rgba(77,77,77,.2), rgba(77,77,77,.2)); } select{ background-image: linear-gradient(to bottom, rgba(77,77,77,1), rgba(77,77,77,1)), linear-gradient(to bottom, rgba(77,77,77,.2), rgba(77,77,77,.2)),linear-gradient(45deg, rgba(77,77,77,0) 50%, rgba(77,77,77,.2) 50%),linear-gradient(135deg, rgba(77,77,77,.2) 50%, rgba(77,77,77,0) 50%); } select:focus{ background-image: linear-gradient(to bottom, rgba(77,77,77,1), rgba(77,77,77,1)), linear-gradient(to bottom, rgba(77,77,77,.2), rgba(77,77,77,.2)),linear-gradient(45deg, rgba(77,77,77,0) 50%, rgba(77,77,77,1) 50%),linear-gradient(135deg, rgba(77,77,77,1) 50%, rgba(77,77,77,0) 50%); } [type=tel],[type=email],[type=telephone],[type=number],[type=password],[type=text],[type=date],[type=search],[type=file],textarea,[type=file] ~ label:nth-of-type(1){ background-position: 50% 100%, 50% 100%; } select{ background-position: 50% 100%, 50% 100%,calc(100% - 22px) 50%,calc(100% - 16px) 50%; } [type=tel],[type=email],[type=telephone],[type=number],[type=password],[type=text],[type=date],[type=search],[type=file],textarea,select,[type=file] ~ label:nth-of-type(1){ background-repeat:no-repeat; } [type=tel],[type=email],[type=telephone],[type=number],[type=password],[type=text],[type=date],[type=search],[type=file],[type=file] ~ label:nth-of-type(1),textarea{ background-size: 0 2px, 100% 2px; } select{ background-size: 0 2px, 100% 2px,6px 6px,6px 6px; } [type=tel]:focus,[type=email]:focus,[type=telephone]:focus,[type=number]:focus,[type=password]:focus,[type=text]:focus,[type=date]:focus,[type=search]:focus,[type=file]:focus,[type=file]:focus ~ label:nth-of-type(1),textarea:focus{ background-size: 100% 2px, 100% 2px; } select:focus{ background-size: 100% 2px, 100% 2px,6px 6px,6px 6px; } table,tbody,tfoot,thead,tr,th,td{ border-collapse:collapse; } th,td { border-color:#ededed; } input,[type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,textarea,select,hr { border-color:rgba(77,77,77,.2); } [type='submit'],button,.button{ border-color:rgba(77,77,77,.2); } input,textarea,select { border-radius:.1px; } [type='submit'],button,.button,input,[type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,textarea,select,th,td { border-style:solid; } hr { border-style:dotted; } [type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,th,td { border-width:2px; } [type=submit],button,.button { border-width:0; } hr { border-width:2px 0 0 0; } dt{ clear:left; } html,body,input,button,.button,select,option,[type='checkbox'] ~ label,[type='radio'] ~ label,[type=file] ~ label:nth-of-type(1) { color:rgba(77,77,77,1); } legend,label { color:rgba(77,77,77,.6); } legend.active,label.active { color:rgba(77,77,77,1); } a { color:rgba(41,171,226,1); } ::-webkit-input-placeholder{ color:rgba(77,77,77,.6); } :-moz-placeholder{ color:rgba(77,77,77,.6); } ::-moz-placeholder{ color:rgba(77,77,77,.6); } :-ms-input-placeholder{ color:rgba(77,77,77,.6); } :focus::-webkit-input-placeholder{ color:rgba(77,77,77,0); } :focus:-moz-placeholder{ color:rgba(77,77,77,0); } :focus::-moz-placeholder{ color:rgba(77,77,77,0); } :focus:-ms-input-placeholder{ color:rgba(77,77,77,0); } .cta { color:rgba(255,255,255,1); } [type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before { content: ''; } [type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { content: 'check'; } label,[type='submit'],button,.button,.file{ cursor:pointer; } label,input,[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after,button,.button,.material-icons,.social-icons{ display:inline-block; } header,nav,main,section,figure,menu,footer,dl,dd,dd ul,dd li,fieldset,legend,img,svg,hr,.file,.file .input,[type=file] ~ label:nth-of-type(1){ display:block; } li{ display:list-item; } ::-ms-clear,select::-ms-expand { display:none; } .file button,.file [type=submit],.file .button { float:right; } [type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { font-family: 'Material Icons'; } [type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { font-feature-settings: 'liga' 1; } * { -webkit-font-smoothing:antialiased !important; -moz-font-smoothing:antialiased !important; -ms-font-smoothing:antialiased !important; font-smoothing:antialiased !important; } [type='checkbox']:not(:checked),[type='checkbox']:checked,[type='radio']:not(:checked),[type='radio']:checked,.file [type="file"] { left: -9999px; } [type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { left: 0px; } ul li{ list-style:square; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { margin:0; } svg { margin:0 auto; } hr { margin:16px 8px; } li{ margin-left:18px; } dd li{ margin-left:0; } .material-icons,.social-icons { margin-right:4px; } .social-icons svg { margin-top:1px; } [type='checkbox']:not(:checked) + label:after,[type='radio']:not(:checked) + label:after { opacity: 0; } [type='checkbox']:checked + label:after,[type='radio']:checked + label:after { opacity: 1; } header,nav,main,section,figure,menu,footer,dl,[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after,.file,.file .input{ overflow:hidden; } dt,dt,.file { overflow:visible; } html{ -webkit-overflow-x:hidden !important; -moz-overflow-x:hidden !important; ms-overflow-x:hidden !important; overflow-x:hidden !important; } html{ -webkit-overflow-x-style:none !important; -moz-overflow-x-style:none !important; ms-overflow-x-style:none !important; overflow-x-style:none !important; } html,textarea{ overflow-y:scroll; } *:focus{ outline:0; } [type=submit]:hover,button:hover,.button:hover,[type=submit]:active,button:active,.button:active,[type=submit]:focus,button:focus,.button:focus { outline:2px solid rgba(77,77,77,1); } h1,h2,h3,h4,h5,p,ol,ul{ padding:8px; } dl { padding:0 8px 8px 8px; } dt { padding:8px 0 0 0; } dd { padding:0 0 8px 0; } dd > ul { padding:0; } dd > ul > li { padding:8px 0 0 0; } input,textarea,select,[type=file] ~ label:nth-of-type(1){ padding:8px 0; } [type='submit'],button,.button { padding:8px 16px; } [type='submit'].large.super-large,button.large.super-large,.button.large.super-large { padding:12px 20px; } [type='submit'].large,button.large,.button.large { padding:10px 16px; } th,td { padding:4px 8px; } select { padding-right:40px; } [type='checkbox']:not(:checked),[type='checkbox']:checked,[type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked),[type='radio']:checked,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { position:absolute; } [type='checkbox']:not(:checked) + label,[type='checkbox']:checked + label,[type='radio']:not(:checked) + label,[type='radio']:checked + label { position: relative; } .file [type="file"] { position:fixed; } * { -webkit-tap-highlight-color:rgba(255,255,255,0); -moz-tap-highlight-color:rgba(255,255,255,0); -ms-tap-highlight-color:rgba(255,255,255,0); tap-highlight-color:rgba(255,255,255,0); } [type='submit'],[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after,button,.button{ text-align:center; } th,td{ text-align:left; } a{ text-decoration:underline; } [type='submit'],button,.button{ text-decoration:none; } .file input { text-overflow: ellipsis; } * { text-rendering:optimizeLegibility; } html,body{ -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; } [type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { text-transform: none; } [type='checkbox']:not(:checked) + label:before,[type='checkbox']:checked + label:before,[type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:before,[type='radio']:checked + label:before,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { top: 0px; } [type='checkbox']:not(:checked) + label:after { -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); } [type='checkbox']:checked + label:after { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } [type='checkbox']:not(:checked) + label:after,[type='checkbox']:checked + label:after,[type='radio']:not(:checked) + label:after,[type='radio']:checked + label:after { transition: all .2s; } [type=tel],[type=email],[type=telephone],[type=number],[type=password],[type=text],[type=date],[type=search],[type=file],[type=file] ~ label:nth-of-type(1),textarea,select { transition: background-size .2s; } legend,label { transition: color .2s; } ::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{ vertical-align:center; } sup{ vertical-align:text-top; } .material-icons,.social-icons { vertical-align:top; } table,legend,input,textarea,select{ width:100%; } * { font-family:inter,'centra no2','Roboto',sans-serif; } html,body,select,option { font-weight:500; } h1,h2,h3,h4,h5,dt,[type='submit'],button,.button,.logo,.title ul,.title li,strong,thead,th{ font-weight:900; } @media only screen and (min-width: 751px) { .stock .material-icons { border-radius:9px; } html,body,header,nav,aside,main,footer,h4,p,ol,ul,li,dl,dt,dd,input,textarea,select,option,[type='submit'],button,.button,table,tbody,tfoot,thead,tr,th,td,.hiw .number,.hiw .text,.default { font-size:16px; } .juicer-wall .juicer-feed .feed-item .j-text .j-message p,.juicer-wall .juicer-feed .juicer-button,.juicer-wall .juicer-feed .feed-item .j-text .j-meta nav a { font-size:16px !important; } .material-icons { font-size:24px; } h2 .material-icons { font-size:30px; } h3 .material-icons,.large .material-icons { font-size:26px; } .small .material-icons { font-size:18px; } .stock .material-icons { font-size:14px; } .slide h1{ font-size:48px; } .slide h2{ font-size:26px; } h1,.h1{ font-size:36px; } .logo { font-size:0; } h2,.h2,.blogs .blog-title,.sample-book .name,.funnels .heading,button.large.super-large,.button.large.super-large,[type=submit].large.super-large{ font-size:22px; } h3,.h3,[type=submit].large,button.large,.button.large,.stats dt,.stats dd,.hiw .name,.products .name,.material-item .name,.roller .title { font-size:18px; } h5,sup,.small,fieldset dt,.checkout-progress-data,nav > ul > li > ul > li.parent > a,.slideshow > div > span,.prices .old-price { font-size:15px; } .faded { color: rgba(77,77,77,.6); } .x-small { font-size:12px; } .xx-small { font-size:10px; } .juicer-wall .juicer-feed .feed-item .j-poster a h3,.juicer-wall .juicer-feed .feed-item .j-poster a .j-date,.juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-text .j-meta ul,.juicer-wall .juicer-feed .feed-item .j-text .j-meta li { font-size:15px !important; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { font-size:20px; } .sku { font-size:12px; } .extended-description .icon .material-icons { font-size:40px; } .currency-symbol,.locale-selector img,.locale img { height:20px; } .logo img.logo-icon { height:32px; } input,select,option,[type='submit'],button,.button,.logo img.logo-text,.search img { min-height:36px; } .close .button { height:52px; } button.large.super-large,.button.large.super-large,[type=submit].large.super-large { min-height:49px; } [type=submit].large,button.large,.button.large { min-height:42px; } [type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before{ height:16px; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { height:18px; } textarea{ height:152px; } .social-icons svg,.bar > span { height:20px; } .stock .material-icons { height:18px; } .extended-description .icon { height:72px; } .quotes .trustpilot { height:33px; } h1,.h1,.funnels .heading{ letter-spacing:-0.015em; } h2,.h2,.blogs .blog-title{ letter-spacing:-0.015em; } .slide h1{ line-height:52px; } .slide h2{ line-height:30px; } html,body,header,nav,aside,main,footer,h4,p,ol,ul,li,dl,dt,dd,input,textarea,select,option,[type='submit'],button,.button,table,tbody,tfoot,thead,tr,th,td,.material-icons,.social-icons,.currency-symbol,.hiw,.hiw .number,.hiw .name,.hiw .text,.default { line-height:20px; } .juicer-wall .juicer-feed .feed-item .j-text .j-message p,.juicer-wall .juicer-feed .juicer-button,.juicer-wall .juicer-feed .feed-item .j-text .j-meta nav a { line-height:20px !important; } h1,.h1{ line-height:36px; } h2,.h2,.blogs .blog-title,.funnels .heading,button.large.super-large,.button.large.super-large,[type=submit].large.super-large{ line-height:25px; } h2 .material-icons,.large .material-icons,.sample-book .name{ line-height:28px; } h3,.h3,h3 .material-icons,[type=submit].large,button.large,.button.large,.large .material-icons,.stats dt,.stats dd,.roller .title { line-height:22px; } h5,sup,.small,.small .material-icons,.small .social-icons,fieldset dt,.checkout-progress-data,nav > ul > li > ul > li.parent > a,.slideshow > div > span,.prices .old-price { line-height:18px; } .juicer-wall .juicer-feed .feed-item .j-poster a h3,.juicer-wall .juicer-feed .feed-item .j-poster a .j-date,.juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-text .j-meta ul,.juicer-wall .juicer-feed .feed-item .j-text .j-meta li { line-height:18px !important; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after,.products .name,.material-item .name { line-height:20px; } .logo { line-height:0; } .sku { line-height:12px; } .x-small { line-height:14px; } .xx-small { line-height:12px; } .extended-description .icon .material-icons { line-height:40px; } .mask-disclaimer { line-height:18px !important; } .material-icons { margin-bottom:-2px; } h3 .material-icons , .small .material-icons, .large .material-icons { margin-bottom:0; } .material-icons { margin-top:-2px; } h3 .material-icons , .small .material-icons, .large .material-icons { margin-top:0; } .banner { margin-top:-68px; } .announcements ~ .banner { margin-top:-112px; } main { padding-bottom:120px; } [type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label,[type="radio"]:not(:checked) + label,[type="radio"]:checked + label { padding-left:28px; } .search input { padding-left:36px; } main { padding-top:56px; } .announcements ~ main { padding-top:130px; } .checkout-onepage-index main, .aw-onestepcheckout-index-index main, .paypal-express-review main { padding-top:56px; } [type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before { width: 16px; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { width: 18px; } .social-icons svg,.stock .material-icons { width:18px; } .logo img.logo-icon { width:32px; } .search img { width:36px; } .logo img.logo-text { width:86px; } .currency-symbol,.locale-selector img,.locale img { width:27px; } .close .button { width:52px; } .extended-description .icon { width:72px; } .quotes .trustpilot { width:135px; } .extended-description .text { width:calc(100% - 88px); } .popup .wrap { /* 1008 + .close .button width + 8 */ max-width:1160px; } .popup .inner { /* .close .button width + 8 */ bottom:60px; left:60px; right:60px; top:60px; } .posOffset-input { width:calc(100% - 140px); } .posOffset-grid { width:116px; } .design-offset-auto { width:114px; } .design-offset-auto .pos { height:38px; width:38px; } } @media only screen and (max-width: 750px) { .stock .material-icons { border-radius:7px; } html,body,header,nav,aside,main,footer,h4,p,ol,ul,li,dl,dt,dd,input,textarea,select,option,[type='submit'],button,.button,table,tbody,tfoot,thead,tr,th,td,.hiw .number,.hiw .text { font-size:12px; } .juicer-wall .juicer-feed .feed-item .j-text .j-message p,.juicer-wall .juicer-feed .juicer-button,.juicer-wall .juicer-feed .feed-item .j-text .j-meta nav a { font-size:12px !important; } .material-icons { font-size:22px; } h2 .material-icons { font-size:28px; } h3 .material-icons,.large .material-icons { font-size:24px; } .small .material-icons { font-size:16px; } .stock .material-icons,.price-dl .price-box .old-price,.prices .old-price { font-size:12px; } h1,.h1{ font-size:24px; } .slide h1{ font-size:28px; } button.large.super-large,.button.large.super-large,[type=submit].large.super-large{ font-size:18px; } .logo { font-size:0; } h2,.h2,.sample-book .name,.funnels .heading{ font-size:18px; } nav a,nav label,.nav-hide,.products .name,.material-item .name,.search input,.search button { font-size:14px; } h3,.h3,[type=submit].large,button.large,.button.large,.stats dt,.stats dd,.hiw .name { font-size:16px; } h5,sup,.small,.small .material-icons,.small .social-icons,fieldset dt,.checkout-progress-data,nav > ul > li > ul > li.parent > a,.slideshow > div > span,.price-dl .price-box .old-price,.prices .old-price { line-height:10px; } .juicer-wall .juicer-feed .feed-item .j-poster a h3,.juicer-wall .juicer-feed .feed-item .j-poster a .j-date,.juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-text .j-meta ul,.juicer-wall .juicer-feed .feed-item .j-text .j-meta li { line-height:12px !important; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { font-size:18px; } .sku,.x-small { font-size:10px; } .logo img.logo-icon { height:32px; } .search img { height:34px; } input,select,option,[type='submit'],button,.button,.search img { height:30px; } button.large.super-large,.button.large.super-large,[type=submit].large.super-large { height:44px; } [type=submit].large,button.large,.button.large { height:40px; } [type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before{ height:14px; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { height:16px; } textarea{ height:90px; } .currency-symbol,.locale-selector img,.locale img { height:12px; } .social-icons svg,.stock .material-icons,.bar > span { height:14px; } .quotes .trustpilot { height:28px; } h1{ letter-spacing:-0.0125em; } html,body,header,nav,aside,main,footer,h4,p,ol,ul,li,dl,dt,dd,input,textarea,select,option,[type='submit'],button,.button,table,tbody,tfoot,thead,tr,th,td,.material-icons,.social-icons,.hiw,.hiw .number,.hiw .text { line-height:14px; } .juicer-wall .juicer-feed .feed-item .j-text .j-message p,.juicer-wall .juicer-feed .juicer-button,.juicer-wall .juicer-feed .feed-item .j-text .j-meta nav a { line-height:18px !important; } h1,.h1{ line-height:24px; } .slide h1{ line-height:28px; } button.large.super-large,.button.large.super-large,[type=submit].large.super-large { line-height:20px; } h2,.h2,.sample-book .name,.funnels .heading{ line-height:20px; } h2 .material-icons,.large .material-icons{ line-height:26px; } h3,.h3,h3 .material-icons,[type=submit].large,button.large,.button.large,.large .material-icons,.stats dt,.stats dd,.hiw .name { line-height:20px; } h5,sup,.small,.small .material-icons,.small .social-icons,.currency-symbol { line-height:14px; } .mask-disclaimer { line-height:14px !important; } .products .name,.material-item .name,.juicer-wall .juicer-feed .feed-item .j-poster a h3,.juicer-wall .juicer-feed .feed-item .j-poster a .j-date,.juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-text .j-meta ul,.juicer-wall .juicer-feed .feed-item .j-text .j-meta li { line-height:18px !important; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { line-height:18px; } .logo { line-height:0; } .sku,.x-small { line-height:10px; } .material-icons { margin-bottom:-5px; } .small .material-icons, .large .material-icons { margin-bottom:0; } .material-icons { margin-top:-5px; } h3 .material-icons,.small .material-icons, .large .material-icons { margin-top:0; } .banner { margin-top:-62px; } [type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label,[type="radio"]:not(:checked) + label,[type="radio"]:checked + label { padding-left:26px; } .search input { padding-left:30px; } main { padding-bottom:112px; padding-top:50px; } .checkout-onepage-index main,.aw-onestepcheckout-index-index main { padding-top:50px; } [type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before { width: 14px; } [type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after { width: 16px; } .social-icons svg,.stock .material-icons { width:14px; } .logo img { width:123px; } .logo img.logo-icon { width:32px; } .logo img.logo-text { width:81px; } .popup .wrap { max-width:100%; } .popup .inner { /* .close .button width + 8 */ bottom:16px; left:16px; right:16px; top:16px; } .extended-description .icon { height:64px; width:64px; } .extended-description .icon .material-icons { font-size:32px; line-height:32px; } .extended-description .text { width:calc(100% - 80px); } .currency-symbol,.locale-selector img,.locale img { width:16px; } .quotes .trustpilot { width:115px; } .search img { width:30px; } .posOffset-input { width:calc(100% - 113px); } .posOffset-grid { width:89px; } .design-offset-auto { margin-top:15px; width:87px; } .design-offset-auto .pos { height:29px; width:29px; } } /** * Red: rgba(239,84,62,1) * White: rgba(255,255,255,1) * Grey: rgba(77,77,77,1) * Blue: rgba(41,171,226,1) */ @media only screen { /* doc */ html { background:rgba(77,77,77,1); } body { display: flex; min-height: 100vh; flex-direction: column; } /* layout */ .wrap { margin:0 auto; max-width:1276px; } .inner { padding:8px; } .row-1,.row-2,.row-2-l,.row-2-r,.row-3,.row-3-product { clear:both; overflow:hidden; } .pull-right { float: right; } /* numbered */ .numbered ol,.numbered ol li { list-style:none; margin:0; padding:0; } .numbered ol { counter-reset: item; margin-top:16px; } .numbered > ol { margin-top:24px; } .numbered ol li{ font-weight:900; list-style-position:outside; margin-bottom:16px; margin-left:8px; } .numbered ol li:before{ content: counters(item,".") ". "; counter-increment: item; display:marker; } .numbered ol li ol { margin-top:16px; } .numbered ol li ol li{ font-weight:500; margin-bottom:0; margin-left:24px; text-transform:none; } .numbered ol li ol li ol { margin-top:0; } .numbered ol li ol li table { margin:16px 0; width:auto; } .numbered ol li ol li ol li{ list-style-type:lower-alpha; margin-left:56px; } .numbered ol li ol li ol li:before{ content:none; } .numbered ol li ol li ol li ol li{ list-style-type:lower-roman; } /* list */ .list > ul,.list > ul li { list-style:none; margin:0; padding:0; } .list > ul li { border-top:2px solid rgba(77,77,77,.1); overflow:hidden; padding:8px; } .list > ul li:first-child { border-top:0; } .list > ul li a { color:rgba(77,77,77,1); display:block; text-decoration:none; } .list .heading { color:rgba(77,77,77,.6); font-weight:900; } .list .toolbar.bottom { border-top:2px solid rgba(77,77,77,.1); margin-top:0; padding:8px; } /* box */ .box { background-color:rgba(77,77,77,.05); margin-top:16px; padding:16px; } /* responsive */ img.responsive { height:auto; width:100%; } /* faqs */ .faqs.list h3 { color:rgba(77,77,77,.6); padding-bottom:16px; } .faqs.list > ul { margin-bottom:-8px; padding-bottom:0; padding-top:0; } .faqs.list > ul > li { border-top:2px dotted rgba(77,77,77,.2); padding-bottom:16px; padding-top:16px; } .faqs.list .q,.faqs.list .a { display:block; } .faqs.list .q { font-weight:900; margin-bottom:4px; } .faqs.list a { color:rgba(41,171,226,1); display:inline; padding:0; text-decoration:underline; } .faqs.toggleable.list h3 { font-size: 24px; line-height: 38px; padding-top: 16px; padding-bottom: 16px; } .faqs.toggleable.list > ul > li { padding-bottom:0; padding-top:0; padding: 0; } .faqs.toggleable.list > ul > li span.q { padding-bottom: 16px; padding-top: 16px; padding: 16px 8px; } .faqs.toggleable.list > ul > li span.a { padding: 0 8px 16px 8px; } .faqs.toggleable.list span.q:after { content: "+"; position: absolute; right: 8px; top: 16px; } .faqs.toggleable.list span.q.open:after { content: "-"; } .faqs.toggleable.list span.q { margin-bottom: 0; position: relative; cursor: pointer; } .faqs.toggleable.list span.a { margin-top:14px; } .faqs.toggleable.list span.q.open { /*margin-bottom: 4px;*/ } .faqs.toggleable.list > ul > li { } .faqs.toggleable.list > ul > li .q:hover { background-color: rgba(77,77,77,0.1); } /* filtetypes */ .filetypes,.filetype{ display:inline-block; font-size:0; list-style:none; margin:0; padding:0; } .filetypes { display:none; margin:16px auto 8px auto; overflow:hidden; } .filetype { background:transparent url(https://prinfab.com/skin/frontend/prinfab2/default/images/filetypes.png) 0 0 no-repeat; background-size:32px 294px; color:rgba(77,77,77,0); height:42px; margin:0 8px; width:32px; } .filetype.bmp { background-position:0 0; } .filetype.gif { background-position:0 -42px; } .filetype.jpg { background-position:0 -84px; } .filetype.png { background-position:0 -126px; } .filetype.tif,.filetype.tiff { background-position:0 -168px; } .filetype.svg { background-position:0 -210px; } .filetype.pdf { background-position:0 -252px; } .filetype.mini { background-size:14px 126px; height:18px; margin:0 4px; width:14px; } .filetype.mini.bmp { background-position:0 0; } .filetype.mini.gif { background-position:0 -18px; } .filetype.mini.jpg { background-position:0 -36px; } .filetype.mini.png { background-position:0 -54px; } .filetype.mini.tif,.filetype.mini.tiff { background-position:0 -72px; } .filetype.mini.svg { background-position:0 -90px; } .filetype.mini.pdf { background-position:0 -108px; } /* template-files */ .template-files { font-size:0; } .template-files,.template-files li { display:block; list-style:none; margin:0; padding:0; } .template-files li,.template-files a { display:inline-block; } .template-files a { padding:8px; } .template-files a .filetype.mini { float:left; margin:-1px 8px -1px 0; } /* well */ .well { background-color:rgba(77,77,77,.05); padding:16px; } /* discounts */ .discounts { background-image: linear-gradient(to bottom, rgba(77,77,77,.05), rgba(77,77,77,0)); } .discounts h4 { padding-bottom:0; } .discounts h4.heading { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding-bottom:8px; padding-left:0; padding-right:0; } .discounts .button { width:100%; } /* upsell-create */ .upsell-create { background-color:rgba(77,77,77,.05); } .upsell-create h4 { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding-bottom:8px; padding-left:0; padding-right:0; } .upsell-create img { display:block; height:auto; width:100%; } .upsell-create a:hover img { outline:2px solid rgba(77,77,77,.2); } .upsell-create .button { width:100%; } /* suptag */ .suptag { background:rgba(239,84,62,1); color:rgba(255,255,255,1); display:inline-block !important; font-size:11px !important; font-weight:900 !important; letter-spacing:0 !important; line-height:4px !important; margin-left:4px !important; top:-2px !important; padding:6px 4px !important; position:relative !important; text-transform:uppercase !important; white-space:nowrap !important; } .suptag.updated { background:rgba(77,77,77,.6); } .suptag.beta { background:rgba(247,226,54,1); color:rgba(77,77,77,1); } /* material-clearance */ tr.material-on-sale,tr.material-clearance{ color:rgba(239,84,62,1); } tr.material-on-sale td:first-child,tr.material-clearance td:first-child { font-weight:900; } /* customer-service */ .customer-service { background-color:rgba(77,77,77,.05); } .customer-service h4 { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding-bottom:8px; padding-left:0; padding-right:0; } .customer-service .button { width:100%; } /* cta-sidebar */ .cta-sidebar { background-color:rgba(77,77,77,.05); } .cta-sidebar img { width: calc(100% - 16px); margin: 0 8px; } .cta-sidebar h4 { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding-bottom:8px; padding-left:0; padding-right:0; } .cta-sidebar .button { width:100%; } /* cta-footer */ .cta-footer { background-color:rgba(77,77,77,.05); display: flex; flex-direction: column; } .cta-footer .title { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding-bottom:8px; padding-left:0; padding-right:0; } .cta-footer .content { display: flex; } .cta-footer .content img { flex-basis: 30%; margin-right: 16px; width: 30%; object-fit: contain; } @media (max-width:768px) { .cta-footer .content { flex-direction: column; text-align: center; } .cta-footer .content img { width: 100%; flex-basis: 100%; margin-bottom: 8px; } .cta-footer .content div { text-align: left; } } @media (max-width:520px) { .cta-footer { display: none; } } /* seal */ .seal { background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/seal.png) 0 0 no-repeat; background-size:63px 63px; display:block; float:right; height:63px; margin:-8px -8px -8px -8px; width:63px; } /* promise */ .promise { background-image: linear-gradient(to bottom, rgba(77,77,77,.05), rgba(77,77,77,0)); } .promise ul,.promise li { list-style:none; margin:0; padding:0; } .promise ul { padding:0 0; } .promise li { background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/promise-2.png) 0 8px no-repeat; background-size:34px 34px; padding:16px 8px; } .promise .name,.promise .text { display:block; padding-left:30px; } .promise .name { margin-bottom:0; font-weight:900; } /* manufacture */ .manufacture { background:rgba(77,77,77,.05); } .manufacture .image { display:block; margin:-16px -16px 16px -16px; } .manufacture .image img { height:auto; width:100%; } .manufacture h4 .locale { float:left; margin-top:-4px; } .manufacture h4 ~ p { margin-top:-8px; } /* contacts */ .contacts .phone a,.contacts .email a { color:rgba(77,77,77,1); text-decoration:none; } /* form */ fieldset dt a { color:rgba(77,77,77,.2); display:inline-block; font-weight:500; margin-bottom:-2px; margin-top:-2px; } fieldset input::-webkit-input-placeholder{ color:rgba(77,77,77,0); } fieldset input:-moz-placeholder{ color:rgba(77,77,77,0); } fieldset input::-moz-placeholder{ color:rgba(77,77,77,0); } fieldset input:-ms-input-placeholder{ color:rgba(77,77,77,0); } fieldset.abbr dt { display:none; } .selector { background-color:rgba(77,77,77,.05); margin-bottom:16px; padding:8px 8px 0 8px; } .size-50,select#billing\:country_id,select#shipping\:country_id { width:50%; } .size-zip,.size-cvn { width:126px; } .size-month, .size-year { max-width:252px; min-width:126px; width:25%; } .guidance { color:rgba(77,77,77,.6); display:block; font-weight:500; margin-top:8px; } .bar { background-color:rgba(77,77,77,.1); display:block; margin-top:8px; overflow:hidden; } .bar > span { background-image: linear-gradient(to top, rgba(79,170,3,1), rgba(79,170,3,.8)); display:block; width:50%; } .existing { color:rgba(77,77,77,.6); display:block; margin-top:8px; } .material-more-info { display:block; float:right; margin-bottom:-2px; margin-top:10px; } .item-msg { clear:both; display:block; padding-top:8px; } ul.messages,ul.messages li { font-weight:900; list-style:none; margin:0; padding:0; } ul.messages > li { margin:8px; padding:8px 18px; } ul.messages li.error-msg { background-color:rgba(239,84,62,.1); } ul.messages li.success-msg { background-color:rgba(79,170,3,.1); } .error-msg,.error { color:rgba(239,84,62,1); } .success-msg { color:rgba(79,170,3,1); } .validation-advice { color:#f15556; display:block; font-weight:900; margin:8px 0 0 0; text-align:left; } .captcha { background-color:rgba(255,255,255,1); display:block; float:left; overflow:hidden; padding:8px; } .captcha img { float:left; } .captcha a img { height:20px; margin:16px 0 0 8px; width:20px; } .secure { font-weight:900; margin-top:8px; } .secure, .secure a { color:rgba(77,77,77,.6); } .secure a:hover { text-decoration:none; } /* popup */ .popup { pointer-events: none; bottom:0; left:0; opacity:0; position:fixed; right:0; top:0; transition:opacity .2s; z-index:997; } .popup.active { opacity:1; } .popup.active .inner { pointer-events: initial; } .popup .wrap { height:100%; margin:0 auto; position:relative; } .popup .inner { background-color:rgba(246,246,246,1); box-shadow: 0px 0 160px 0 rgba(77,77,77,.2); box-shadow:none; overflow-x:hidden; overflow-y:auto; position:absolute; } .popup .grid { margin:8px; } /* header */ header { background:rgba(58,58,58,.9); background:rgba(77,77,77,1); left:0; overflow:visible; position:fixed; right:0; top:0; z-index:100; } header .inner { padding:0; } header, header a { color:rgba(255,255,255,1); } /* search */ .search { max-height:0; overflow:hidden; padding:0 0 0 0; transition:none; } #search-toggle:checked ~ .search { max-height:52px; transition:all .2s; } .search .inner { padding:0 16px 16px 16px; } .search button { background-color:rgba(255,255,255,.2); color:rgba(255,255,255,1); float:right; } .search .inputter { overflow:hidden; position:relative; } .search input { padding-top:8px; padding-right:8px; padding-bottom:8px; position:relative; z-index:120; } .search input, .search input:focus { background:#fff; } .search img { left:0; opacity:.6; position:absolute; top:0; z-index:140; } .search input:focus ~ img { opacity:1; } .search button { position:relative; text-transform:uppercase; z-index:130; } .search button:hover { outline-color:rgba(255,255,255,1); } .search-toggle .material-icons { margin-right:0; } /* logo */ .logo { display:inline-block; padding:10px 16px; position:relative; text-decoration:none; } .logo img { float:left; position:relative; z-index:101; } .logo img.logo-text { margin-left:8px; } .logo img.logo-icon { margin:2px 0; transition:none; } .logo:hover img.logo-icon { transform: rotate(360deg); transition:all .6s; } .logo:hover { background-color:rgba(255,255,255,.1); } .logo .customer-group { background:rgba(255,255,255,.8); color:rgba(77,77,77,1); display:block; font-size:10px; font-weight:900; left:55px; letter-spacing:0.25px; line-height:3px; padding:2px 0; position:absolute; text-align:center; text-transform:uppercase; top:38px; width:77px; z-index:100; } /* secure-checkout */ .secure-checkout { color:rgba(255,255,255,.6); float:left; padding-top:10px; } .secure-checkout h4 { padding-left:16px; } /* nav */ nav { overflow:hidden; } nav ul,nav li { display:block; list-style:none; margin:0; padding:0; } nav ul { font-size:0; } nav a,nav label { display:block; text-decoration:none; } nav > ul > li > a,nav > ul > li > label { font-weight:900; } nav > ul:nth-of-type(1) sup { background:rgba(239,84,62,1); border-radius:12px; color:rgba(255,255,255,1); display:inline-block; position:absolute; height:20px; margin:-12px 0 0 -12px; padding:2px; text-align:center; width:20px; z-index:120; } nav .basket-mobile { display:none; } nav .ai-icon { display:block; float:left; height:40px; margin:-10px 8px -10px 0; width:45px; } nav #search-toggle { position:absolute; left:-99999px; } /* currency-symbol */ .currency-selector { overflow:hidden; } .currency-symbol { background:rgba(255,255,255,.6); color:rgba(77,77,77,1); display:inline-block; float:left; font-size:11px; font-weight:900; text-align:center; } .currency-selector ul .currency-symbol { background:rgba(77,77,77,.6); color:rgba(255,255,255,1); margin-right:8px; } .currency-selector .selected a { font-weight:900; } /* locale-selector */ .locale-selector ul img { float:left; } .locale-selector ul img { margin-right:8px; } .locale-selector .selected a { font-weight:900; } /* search-autocomplete */ .search-autocomplete { background-color:rgba(255,255,255,1); box-shadow: 0px 0 160px 0 rgba(77,77,77,.2); box-shadow:none; text-align:left; z-index:110; } .search-autocomplete ul,.search-autocomplete li { list-style:none; margin:0; padding:0; } .search-autocomplete ul { border-top:2px solid rgba(77,77,77,.1); } .search-autocomplete li { color:rgba(77,77,77,1); cursor:pointer; padding:8px; } .search-autocomplete li:hover { background-color:rgba(77,77,77,.05); text-decoration:underline; } .search-autocomplete .amount { color:rgba(77,77,77,.6); float:right; } /* main */ main { background:rgba(246,246,246,1); flex: 1 0 auto; z-index:80; } article { flex: 1; margin:0 auto; overflow:hidden; } main section { margin:8px 8px 16px 8px; padding:16px; } main .state { background-color:rgba(77,77,77,.1); } main .control { background-color:rgba(77,77,77,.05); } main .form, main .document, main .order, main .checkout { background:rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; } main section.trans { margin-left:0; margin-right:0; padding:0; } main .form .introduction { border-bottom:2px dotted rgba(77,77,77,.2); margin:0 8px 16px 8px; padding-bottom:16px; } main .form .introduction * { padding-left:0; padding-right:0; } main .form .actions { background-color:rgba(77,77,77,.1); box-shadow: inset 0 8px 8px -8px rgba(77,77,77,.05); box-shadow:none; margin:8px -24px -24px -24px; overflow:hidden; padding:18px 24px 24px 24px; } main .form .actions p,main .form .actions ul { float:left; } main .form .actions h5 { clear:both; } /* banner */ .banner { background:rgba(246,246,246,1); background-position:50% 50%; background-repeat:repeat; position:relative; } .banner .video { background:rgba(246,246,246,1); background-position:50% 50%; background-repeat:none; background-size:cover; bottom:0; height:100%; overflow: hidden; position: absolute; top:0; transition: opacity .6s; width: 100%; z-index:2; } .announcements ~ .banner .video { height:calc(100% + 50px); top:-50px; } .banner .video video,.banner .video img { display:block; height: auto; left:50%; min-height: 100%; min-width:100%; position: absolute; top:50%; transform: translate(-50%,-50%); width: auto; } .banner > .wrap { background:transparent; background-position:50% 50%; background-size:cover; bottom:0; left:0; max-width:100%; overflow:hidden; padding:0; position:relative; text-align:center; top:0; right:0; z-index:3; } .banner > .wrap > .inner { padding:160px 0 92px 0; position:relative; z-index:4; } /* slideshow */ .slideshow,.slideshow > div, .slideshow > img { bottom:0; left:0; position:absolute; right:0; top:0; } .slideshow > div { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; display:none; } .slideshow > img, .slideshow > picture, .slideshow > picture > img { width: 100%; height: 100%; object-position:50% 50%; object-fit:cover; display:none; } .slideshow > img, .slideshow > picture { display:none; } .slideshow > div:first-child, .slideshow > img:first-child, .slideshow > picture:first-child, .slideshow > picture:first-child img { display:block; } .slideshow > div > span { color:rgba(77,77,77,.2); display:none; font-weight:900; padding:16px; position:absolute; right:0; bottom:0; z-index:6; } .slideshow > div > span:before { content:'Credit: '; } /* mask */ .mask { bottom:0; left:0; overflow:hidden; position:absolute; top:0; right:0; z-index:3; } .mask-v { background:-moz-linear-gradient(right,rgba(246,246,246,0) 0,rgba(246,246,246,0) 50%,rgba(246,246,246,1) 100%); background:-webkit-linear-gradient(right,rgba(246,246,246,0) 0,rgba(246,246,246,0) 50%,rgba(246,246,246,1) 100%); background:linear-gradient(to left,rgba(246,246,246,0) 0,rgba(246,246,246,0) 50%,rgba(246,246,246,1) 100%); } .mask-w { background:-moz-radial-gradient(circle at top,rgba(246,246,246,.8) 0%,rgba(246,246,246,0) 100%); background:-webkit-radial-gradient(circle at top,rgba(246,246,246,.8) 0%,rgba(246,246,246,0) 100%); background:radial-gradient(circle at top,rgba(246,246,246,.8) 0%,rgba(246,246,246,0) 100%); } .mask-x { background:-moz-radial-gradient(circle,rgba(246,246,246,0) 0%,rgba(246,246,246,0) 80%,rgba(246,246,246,.5) 100%); background:-webkit-radial-gradient(circle,rgba(246,246,246,0) 0%,rgba(246,246,246,0) 80%,rgba(246,246,246,.5) 100%); background:radial-gradient(circle,rgba(246,246,246,0) 0%,rgba(246,246,246,0) 80%,rgba(246,246,246,.5) 100%); } .mask-y { background:-moz-linear-gradient(bottom,rgba(246,246,246,1) 0,rgba(246,246,246,.5) 240px,rgba(246,246,246,0) 360px,rgba(246,246,246,0) 100%); background:-webkit-linear-gradient(bottom,rgba(246,246,246,1) 0,rgba(246,246,246,.5) 240px,rgba(246,246,246,0) 360px,rgba(246,246,246,0) 100%); background:linear-gradient(to top,rgba(246,246,246,1) 0,rgba(246,246,246,.5) 240px,rgba(246,246,246,0) 360px,rgba(246,246,246,0) 100%); } .mask-z { background:-moz-linear-gradient(bottom,rgba(246,246,246,.2) 0,rgba(246,246,246,0) 80%,rgba(246,246,246,.4) 100%); background:-webkit-linear-gradient(bottom,rgba(246,246,246,.2) 0,rgba(246,246,246,0) 80%,rgba(246,246,246,.4) 100%); background:linear-gradient(to top,rgba(246,246,246,.2) 0,rgba(246,246,246,0) 80%,rgba(246,246,246,.4) 100%); } /* slide */ .banner .slide-container { padding-bottom:0; padding:0 16px; } .slide { background-color:rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.2); display:inline-block; margin:0 auto; max-width:540px; overflow:visible; padding:8px; position:relative; width:100%; z-index:4; } .cut { border:4px dashed rgba(77,77,77,.2); border:0; padding:8px 0; } .slide h1 { margin-top:20px; padding-left:0; padding-right:0; white-space:nowrap; } .slide h2 { color:rgba(77,77,77,.6); padding-bottom:4px; padding-top:4px; } .slide h2 a { color:rgba(77,77,77,.6); text-decoration:none; } .slide h2 a:hover { text-decoration:underline; } .slide h2 strong { color:rgba(77,77,77,1); } .slide h5 { color:rgba(77,77,77,.6); } .slide p.primary-cta { margin:8px auto; } .slide .lowest-price { color:rgba(239,84,62,1); display:inline-block; font-weight:900; margin:13px 0 0 8px; position:absolute; } .slide .top-features { background-color:rgba(219,219,219,1); border-radius:0 0 8px 8px; border-radius:0; color:rgba(77,77,77,1); margin:20px -8px -16px -8px; padding:16px 8px 16px 8px; } .slide .top-features ul,.slide .top-features li { list-style:none; margin:0; padding:0; } .slide .top-features ul { display:none; overflow:hidden; } .slide .top-features li { float:left; padding:4px 4px; text-align:center; width:33.3333%; } .slide .top-features .icon { display:block; margin:4px auto 8px auto; font-size:0; line-height:0; } .slide .top-features .icon .material-icons { font-size:38px; line-height:38px; margin:0; } .slide .top-features .icon img { width:90px; height:30px; margin:0 auto; } .slide .top-features .text { display:block; } .slide .top-features .text .heading { display:block; font-weight:900; color:rgba(77,77,77,.6); } .slide .top-features .text .desc { color:rgba(77,77,77,.6); display:block; font-weight:900; } /* spot-promo */ .spot-promo { background: #ef543e; /* Old browsers */ background: -moz-linear-gradient(top, #ef543e 0%, #e3503b 100%); background: -webkit-linear-gradient(top, #ef543e 0%,#e3503b 100%); background: linear-gradient(to bottom, #ef543e 0%,#e3503b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef543e', endColorstr='#e3503b',GradientType=0 ); border-radius:50%; color:rgba(255,255,255,1); font-weight:900; position:absolute; transform-origin: 50% 50%; transform: rotate(12deg); } .spot-promo .icon,.spot-promo .numbers,.spot-promo .products { display:block; text-transform:uppercase; } .spot-promo .numbers { font-weight:900; } .spot-promo .products { font-weight:900; text-transform:uppercase; } /* special-promotions */ .special-promotions { background:rgba(77,77,77,0.4); margin:0; padding:0 0 16px 0; position:relative; } .special-promotions ul,.special-promotions li { list-style:none; margin:0; padding:0; } .special-promotions ul { display: -webkit-flex; display: -ms-flex; display: flex; overflow:hidden; padding:0 24px; } .special-promotions li { display:inline-block; padding:0 8px; position:relative; width:50%; } .special-promotions .box { background:rgba(239,84,62,.9); border:2px solid rgba(239,84,62,1); color:rgba(255,255,255,1); display:block; height:100%; margin:0 0; padding:14px; } .special-promotions .headline { display:block; font-size:22px; font-weight:900; line-height:25px; } .special-promotions .text { display:block; font-weight:900; } .special-promotions a { text-decoration:none; } /* show-when-cut-equals swatch hidden */ .show-when-cut-equals { color:rgba(239,84,62,1); } /* tp-tp-rating */ .tp-rating { color:rgba(77,77,77,1); margin:0; padding:8px 8px 0 8px; position:relative; } .tp-rating h4 { display:inline-block; margin-top:8px; } .tp-rating,.tp-rating a { color:rgba(77,77,77,1); text-decoration:none; } .tp-rating a { display:inline; } .tp-rating .trustpilot-stars,.tp-rating .text { display:block; } .tp-rating .trustpilot-stars { font-size:0; } .tp-rating .trustpilot-stars img { display:inline-block; height:24px; margin:0 1px; width:24px; } .tp-rating img.trustpilot-2020 { display:inline-block; height:32px; margin:-2px 0 -6px 4px; position:relative; width:132px; } /* tp-ionter */ .tp-inter { margin-bottom:0; padding-bottom:0; } .tp-inter a { color:rgba(77,77,77,1); display:inline-block; margin:0 auto 0 auto; padding:0 0; text-decoration:none; } .tp-inter a .stars { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/stars-5.png); background-position:0 0; background-repeat:no-repeat; background-size:contain; display:inline-block; margin:2px 4px -2px 8px; width:108px; height:20px; } .tp-inter a .tplogo { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/trustpilot-2020.png); background-position:0 0; background-repeat:no-repeat; background-size:contain; display:inline-block; margin:2px 4px -3px 4px; width:113px; height:27px; } .tp-inter a .small { display:block; display:none; font-weight:800; margin-top:4px; } .tp-inter a:hover .small { text-decoration:underline; } /* student-leader */ .student-leader { background-color:rgba(77,77,77,.15); } .student-leader .student-leader-grad { background-image: linear-gradient(to left, rgba(77,77,77,.05) 0, rgba(77,77,77,0) 50%, rgba(77,77,77,.05) 100%); padding:0 0 24px 0; } .student-leader .inner { padding-top:0; } .student-leader .leader-description { color:rgba(77,77,77,.6); } .student-leader section.leaderboard a { margin-top:0; margin-bottom:0; } /* skyscraper + leaderboard */ .skyscraper,.leaderboard { overflow:visible; padding:0; } .skyscraper a,.skyscraper img,.leaderboard a,.leaderboard img { display:block; } .skyscraper a:hover,.leaderboard a:hover { outline:2px solid rgba(77,77,77,.2); } .skyscraper img,.leaderboard img { height:auto; width:100%; } /* title */ .title { } .title .overlay { padding-top:16px; } .title h2 { color:rgba(77,77,77,.6); padding-bottom:0; } .title ul,.title li { display:none; list-style:none; margin:0; padding:0; } .title ul,.title li,.title a { color:rgba(77,77,77,.6); } .title ul { font-size:0; padding:8px 8px 0 8px; } .title li { display:inline-block; } .title li:after { color:rgba(77,77,77,.2); content: '/'; margin:0 4px; } .title li:last-child:after { content: ''; margin:0; } .title li .material-icons { margin-right:0; } .title a { text-decoration:none; } .title a:hover,.title a:active { text-decoration:underline; } /* made-in-the-uk */ .made-in-the-uk { background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/gb.png) 8px 8px no-repeat; background-size:40px 20px; padding-left:56px; } /* tax-free */ .tax-free { background:rgba(248,227,55,1); color:rgba(77,77,77,1); font-size:18px; font-weight:900; padding:8px 0; position:absolute; right:-88px; text-align:center; text-decoration:none; text-transform:uppercase; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 22px; width:252px; } /* studentdiscount-contact-index */ .studentdiscount-contact-index main { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/students.png); background-repeat:no-repeat; background-size:1276px 710px; background-position:50% 100%; padding-bottom:650px; } .studentdiscount-contact-index .student-primary { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/students-sample-pack.png); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; padding:37.5% 50%; } /* studentdiscount-contact-register */ .studentdiscount-contact-register main { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/students.png); background-repeat:no-repeat; background-size:1276px 710px; background-position:50% 100%; padding-bottom:650px; } .studentdiscount-contact-register .student-primary { width: 100%; height: auto; /*background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/students-sample-pack.png); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; padding:37.5% 50%;*/ } /* locale */ .locale { display:inline-block; margin:0 auto; padding-top:4px; } .locale img { display:inline-block; float:left; margin-right:8px; } /* brands */ .brands { border-top:2px dotted rgba(77,77,77,.2); margin-top:8px; } .brands ul,.brands li { list-style:none; margin:0; padding:0; } .brands ul { margin:16px -8px 0 -8px; text-align:center; } .brands li { display:inline-block; padding:8px; max-width:162px; overflow:hidden; } .brands a { background-position:0 50%; background-repeat:no-repeat; background-size:contain; display:block; } .brands img { height:41px; visibility:hidden; width:auto; } /* menu */ .menu-toggle { display:none; } .menu { } .menu ul,.menu li { list-style:none; margin:0; padding:0; } .menu ul { padding:0 8px; } .menu li { border-top:2px dotted rgba(77,77,77,.2); padding:8px 0; } .menu li:first-child { border-top:0; } .menu a { color:rgba(77,77,77,1); font-weight:900; text-decoration:none; } .menu a:hover { text-decoration:underline; } a.clearance-link { color:rgba(239,84,62,1) !important; font-weight:900 !important; } /* announcements */ .announcements { background:rgba(58,58,58,.65); color:rgba(255,255,255,1); left:0; position:relative; right:0; text-align:center; z-index:99; } .announcements .inner,.announcements .wrap { padding:0; max-width:100%; } .announcements .promotion,.announcements .promotion h4 { margin:0; padding:0 } .announcements .promotion a { color:rgba(255,255,255,1); display:block; padding:12px 8px; text-decoration:none; } /* slider */ .slider { background-color:rgba(77,77,77,.8); bottom:-104px; color:rgba(255,255,255,.6); left:0; padding-bottom:8px; position:fixed; right:0; text-align:center; transition:none; transition-delay:0; z-index:997; } .loaded .slider.show { bottom:-8px; transition:all .2s; transition-delay:1s; } .slider .inner { padding:0; } .slider .promotion { margin:0; padding:4px 8px; } .slider a { color:rgba(255,255,255,.6); display:inline-block; text-decoration:none; } .slider .hide { cursor:pointer; margin-left:16px; position:absolute; } .slider .hide .material-icons { margin-left:0; margin-right:0; } /* options */ .options,.options li { list-style:none; margin:0; padding:0; } .options { font-size:0; } .options li { display:inline-block; padding:8px; } /* state */ .state ul,.state li,.state dl,.state dt,.state dd { list-style:none; margin:0; padding:0; } .state ul { padding-bottom:0; } .state li { border-bottom:2px solid rgba(77,77,77,.1); margin:0 8px 8px 8px; padding:8px 0 16px 0; } .state dl { font-size:0; } .state dt,.state dd { display:inline-block; float:none; } .state dt { margin-right:4px; } .state dt:after { content:':'; } /* filter */ .filter-toggle { display:none; } .filter { padding-bottom:8px; } .filter ul,.filter li { list-style:none; margin:0; padding:0; } .filter > ul { padding:0 8px 0 8px; } .filter > ul > li { font-weight:900; } .filter > ul > li ul { padding:0 0 16px 0; } .filter > ul > li ul > li { font-weight:500; padding:8px 0 0 0; } .filter .count { color:rgba(77,77,77,.6); } .filter_colour.filter_colour-beige [type='checkbox'] + label:before { background-color:rgba(199,178,153,1); } .filter_colour.filter_colour-black [type='checkbox'] + label:before { background-color:rgba(77,77,77,1); } .filter_colour.filter_colour-blue [type='checkbox'] + label:before { background-color:rgba(20,155,204,1); } .filter_colour.filter_colour-brown [type='checkbox'] + label:before { background-color:rgba(96,57,19,1); } .filter_colour.filter_colour-clear [type='checkbox'] + label:before { background-color:transparent; } .filter_colour.filter_colour-cream [type='checkbox'] + label:before { background-color:rgba(251,248,224,1); } .filter_colour.filter_colour-gold [type='checkbox'] + label:before { background: -moz-radial-gradient(center, ellipse cover,rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); background: radial-gradient(ellipse at center, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); } .filter_colour.filter_colour-green [type='checkbox'] + label:before { background-color:rgba(124,197,118,1); } .filter_colour.filter_colour-grey [type='checkbox'] + label:before { background-color:rgba(166,166,166,1); } .filter_colour.filter_colour-multicolour [type='checkbox'] + label:before { background: -moz-linear-gradient(left,rgba(242,118,61,1) , rgba(255,255,104,1), rgba(124,197,118,1), rgba(20,155,204,1), rgba(133,96,168,1)); background: -webkit-linear-gradient(left,rgba(242,118,61,1) , rgba(255,255,104,1), rgba(124,197,118,1), rgba(20,155,204,1), rgba(133,96,168,1)); background: linear-gradient(to right, rgba(242,118,61,1) , rgba(255,255,104,1), rgba(124,197,118,1), rgba(20,155,204,1), rgba(133,96,168,1)); } .filter_colour.filter_colour-orange [type='checkbox'] + label:before { background-color:rgba(242,118,61,1); } .filter_colour.filter_colour-pink [type='checkbox'] + label:before { background-color:rgba(240,110,170,1); } .filter_colour.filter_colour-purple [type='checkbox'] + label:before { background-color:rgba(133,96,168,1); } .filter_colour.filter_colour-red [type='checkbox'] + label:before { background-color:rgba(217,43,49,1); } .filter_colour.filter_colour-silver [type='checkbox'] + label:before { background: -moz-radial-gradient(center, ellipse cover,rgba(255,255,255,1) 0%,rgba(166,166,166,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,rgba(255,255,255,1) 0%,rgba(166,166,166,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(166,166,166,1) 100%); } .filter_colour.filter_colour-white [type='checkbox'] + label:before { background-color:rgba(255,255,255,1); } .filter_colour.filter_colour-yellow [type='checkbox'] + label:before { background-color:rgba(255,255,104,1); } .filter label:hover { text-decoration:underline; } /* toolbar */ .toolbar { color:rgba(77,77,77,.6); padding:0 0 0 0; } .toolbar.top { margin-bottom:0; padding-bottom:8px; margin-top:0; padding-top:8px; } .toolbar.bottom { margin-top:-8px; overflow:visible; } .toolbar h4 { float:left; padding-left:0; } .toolbar dl,.toolbar dt,.toolbar dd,.toolbar ul,.toolbar li { display:inline-block; list-style:none; margin:0; padding:0; width:auto; } .toolbar dl,.toolbar ul { font-size:0; } .toolbar dl { float:right; } .toolbar dt { padding:0 8px 0 16px; } .toolbar ul { display:block; position:relative; text-align:center; } .toolbar li { margin:0 4px; } .toolbar li.previous,.toolbar li.next { position:absolute; } .toolbar li.previous { left:0; margin-left:0; } .toolbar li .material-icons { margin-left:0; margin-right:0; } .toolbar li.next { margin-right:0; right:0; } .toolbar .button.selected,.toolbar .button.selected:active { color: white; background: rgba(77,77,77,1); outline: 2px solid rgba(77,77,77,1); cursor:auto; box-shadow: 0px 0px 6px rgba(0,0,0,0.3) inset; box-shadow:none; } /* country-selector */ .country-selector { background-color:rgba(77,77,77,.05); padding:8px 8px 0 8px; } /* shipping-table */ .shipping-table { margin-top:8px; padding:0; } .shipping-table thead { background-color:rgba(77,77,77,.05); } .shipping-table th,.shipping-table td { vertical-align:top; } .shipping-table .service { text-align:left; width:55%; } .shipping-table .time { text-align:left; width:15%; } .shipping-table .weight { text-align:left; width:15%; } .shipping-table .cost { text-align:right; width:15%; } /* order */ .order { padding-bottom:8px; } .order .order-actions { text-align:right; padding: 12px 0 6px; } .order ul,.order li { list-style:none; margin:0; padding:0; } .order li { border-bottom:2px solid rgba(77,77,77,.1); overflow:hidden; } .order a { color:rgba(77,77,77,1); text-decoration:none; } .order a:hover { text-decoration:underline; } .order li:first-child { color:rgba(77,77,77,.6); font-weight:900; } .order .heading-product,.order .heading-quantity,.order .heading-total,.order .quantity,.order .total { display:block; float:left; padding:8px; } .order .heading-total,.order .total { float:right; } .order .images { border-right:2px solid rgba(77,77,77,.1); display:block; float:left; margin:16px 0; padding:8px 16px 8px 8px; overflow:hidden; width:88px; } .order .images a { display:block; } .order .images a:hover,.order .images a:active,.order .images a:focus { outline:2px solid rgba(77,77,77,.2); } .order .image { background:50% 0 no-repeat; background-size:contain; display:block; padding:50% 0; position:relative; } .order .sku { color:rgba(77,77,77,.6); font-weight:900; text-transform:uppercase; } .order .name { display:block; font-weight:900; } .order .data { display:block; margin-top:4px; overflow:hidden; } .order .data .label { font-weight:900; } .order .data .label:after { content:':'; } .order .data .attribute .attribute .label,.order .data .attribute .attribute .value { font-weight:500; } .order .data .attribute .attribute .value:after { content:', '; } .order .data .attribute .attribute:last-child .value:after { content:none; } .order .price-container { color:rgba(77,77,77,1); display:block; float:left; margin-top:4px; } .order .price-container .old-price { color:rgba(77,77,77,.6); } .order .edit a, .order .delete a { color:rgba(77,77,77,.6); display:block; float:left; font-weight:900; margin-left:8px; margin-top:4px; } .order .edit a:hover,.order .delete a:hover { text-decoration:underline; } .order .quantity { display:block; margin-top:8px; } .order .quantity label { display:none; } .order .total { font-weight:900; margin-top:16px; } .order .totals h4 { border-bottom:2px solid rgba(77,77,77,.1); } .order .totals h4,.order .totals h3,.order .totals h2 { overflow:hidden; padding-bottom:16px; padding-top:16px; } .order .totals .label { float:left; text-align:right; width:calc(100% - 116px); } .order .totals .value { float:right; } .order .totals .price { padding:0; } /* shipping-estimate */ .shipping-estimate { background-color:rgba(77,77,77,.1); display:block; margin:16px -16px -16px -16px; padding:24px 24px 20px 24px; } ul.shipping-options { display:block; padding:8px 0 4px 0; } ul.shipping-options li,ul.shipping-options li:first-child { font-weight:500; } ul.shipping-options li { border:none; padding:4px 0; } ul.shipping-options li.error-msg { padding:4px 8px; } ul.shipping-options label { display:block; overflow:hidden; width:calc(100% - 30px); } ul.shipping-options .shippingRateLabel { display:block; float:left; width:calc(100% - 68px); } ul.shipping-options .shippingRateBrand, ul.shipping-options .shippingRateTitle,ul.shipping-options .shippingRateDescription,ul.shipping-options .shippingRateDate { display:block; } ul.shipping-options .shippingRateTitle{ font-weight:900; } ul.shipping-options span:first-letter { text-transform:uppercase; } ul.shipping-options .shippingRateBrand { background-color:rgba(255,255,255,1); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; border:6px solid rgba(255,255,255,1); outline:2px solid rgba(77,77,77,.1); float:left; margin:2px 10px 2px 2px; height:44px; width:44px; } .shipping-estimate .please-wait { margin-top:-8px; padding-bottom:20px; padding-top:0; } /* tracking */ .tracking { background-color:rgba(77,77,77,.05); margin:8px; padding:8px; } /* payment-processor */ .payment-processor { background-color:rgba(77,77,77,.1); color:rgba(77,77,77,.6); margin-bottom:8px; padding:8px; } #payment-request-button { padding: 0 8px; } .saved-cards input.select { position: absolute !important; } .stripe-new .stripe-elements-field { background-color: transparent; background-image: linear-gradient(to bottom,rgba(77,77,77,1),rgba(77,77,77,1)),linear-gradient(to bottom,rgba(77,77,77,.2),rgba(77,77,77,.2)); background-position: 50% 100%,50% 100%; background-repeat: no-repeat; background-size: 0 2px,100% 2px; box-sizing: border-box; box-shadow: none; transition: background-size .2s; height: 36px; padding: 8px 0; line-height: 20px; margin: 0; border-radius: 0; vertical-align: middle; font-family: "Roboto Draft","Roboto",Arial,Helvetica,sans-serif; font-size: 17px; } .sp-methods.multimethod fieldset#payment_form_stripe_payments { margin-top: 16px; } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_sofort, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_giropay, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_bancontact, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_ideal { padding-left: 108px; background-position: 28px; background-repeat: no-repeat; background-size: contain; width: 256px; } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_sofort > span, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_giropay > span, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_bancontact > span, .sp-methods.multimethod.with-pmi #label_for_stripe_payments_ideal > span { visibility: hidden; } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_sofort { background-image: url(/skin/frontend/prinfab2/default/images/sofort.png); } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_giropay { background-image: url(/skin/frontend/prinfab2/default/images/giropay.png); } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_bancontact { background-image: url(/skin/frontend/prinfab2/default/images/bancontact.png); } .sp-methods.multimethod.with-pmi #label_for_stripe_payments_ideal { background-image: url(/skin/frontend/prinfab2/default/images/ideal.png); } /* PayPal */ .paypal-mark { display: inline-block; } .what-is-paypal-link { font-size: 11px; color: #bbb; text-decoration: none; font-style: italic; } .what-is-paypal-link:hover { text-decoration: underline; } /* proceed */ .proceed h4 { color:rgba(77,77,77,.6); padding-left:41px; } .proceed h4 i { float:left; margin-left:-33px; } .proceed h4 .despatch-message { display:block; font-weight:500; margin-top:8px; } .proceed .button { width:100%; } .proceed .payment ul { float:none; padding-left:0; padding-right:0; text-align:center; } .proceed .link { background-color:rgba(77,77,77,.05); margin:8px -16px -16px -16px; overflow:hidden; padding:16px 16px 8px 16px; position:relative; } /* place */ .place { background-color:rgba(77,77,77,.1); margin-bottom:-8px; padding:8px; } .place dl { padding-bottom:0; } /* agreement */ .place .agreement-container { background:rgba(255,255,255,1); border:2px solid rgba(77,77,77,.1); margin-top:16px; overflow:hidden; overflow-y:scroll; padding:22px; } .place .agreement-content { display:block; overflow:hidden; } /* coupon */ .coupon { margin-top:0; } .coupon h4 { float:left; margin-right:8px; } .coupon form { display:block; } .coupon form button { float:right; } .coupon form div { overflow:hidden; } /* steps */ .steps ul,.steps li { display:block; list-style:none; margin:0; padding:0; } .steps li { font-weight:900; overflow:hidden; } .step-title { color:rgba(77,77,77,.6); display:block; margin-top:8px; overflow:hidden; padding:0; } article .allow:not(.active) .step-title { cursor:pointer; } .complete .step-title, .allow .step-title { color:rgba(77,77,77,1); } .active .step-title { background-color:rgba(77,77,77,.2); } .steps #billing-progress-opcheckout li .step-title , #opc-billing .step-title,.form .first-section .step-title { margin-top:0; } .step-title .number { background-color:rgba(77,77,77,.1); display:block; float:left; margin-right:4px; padding:8px 0; text-align:center; width:36px; } .step-title .label { display:block; float:left; padding:8px; } .step-title .changelink { display:inline-block; font-weight:500; padding:8px; } .step-title { background-color:rgba(77,77,77,.1); } .step-title .material-icons { color:rgba(77,77,77,.6); float:left; margin-top:6px; display:none; } .step-title .material-icons,.allow.active .step-title .material-icons { display:none; } .allow .step-title .material-icons { display:block; } .checkout-progress-data { display:none; font-weight:500; padding:16px 8px 8px 8px; } .complete .checkout-progress-data { display:block; } .checkout-progress-data p { padding:0; } .review-buttons-container { background-color:rgba(77,77,77,.05); margin:8px -8px -8px -8px; padding:8px; } /* step */ .step { padding:8px 0 8px 0; } /* stripe_payments */ #payment_form_stripe_payments > dl { display: none; } #payment_form_stripe_payments.stripe-new > dl { display:block; } .stripe.payment-info { display:none; margin-top:-8px; padding-top:0; } /* checkout review */ .review-info { border-bottom:2px solid rgba(77,77,77,.1); } #opc-review .review-info { padding:8px 8px 16px 8px; } .review-info .track { display:block; margin-top:8px; } .review-info .track a:hover { text-decoration:none; } .review h4,.review-info h4 { padding-bottom:0; } /* juicer-disclaimer */ .juicer-disclaimer { padding:0; text-align:left; } .juicer-disclaimer p { padding-left:0; padding-right:0; } /* juicer */ .juicer-wall { overflow:hidden; padding:0 8px; text-align:center; } .juicer-wall .juicer-feed { overflow:hidden !important; overflow-x:hidden !important; overflow-y:hidden !important; padding:0 0 8px 0 !important; } .juicer-wall .juicer-feed .feed-item { background-color:rgba(255,255,255,1) !important; border:0 !important; box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05) !important; } .juicer-wall .juicer-feed .feed-item .j-poster { height:66px !important; padding:16px 16px !important; } .juicer-wall .juicer-feed .feed-item .j-poster a { } .juicer-wall .juicer-feed .feed-item .j-poster a img { border-radius:17px !important; height:34px !important; margin:0 !important; padding:0 !important; width:34px !important; } .juicer-wall .juicer-feed .feed-item .j-poster .j-twitter-display-name { display:block !important; font-size:15px !important; font-weight:700 !important; margin:0 !important; padding:8px !important; } .juicer-wall .juicer-feed .feed-item .j-poster .j-twitter-screen-name, .juicer-wall .juicer-feed .feed-item .j-poster .j-twitter-post-icon{ display:none !important; } .juicer-wall .juicer-feed .feed-item .j-poster a h3,.juicer-wall .juicer-feed .feed-item .j-poster a .j-date { margin:0 !important; padding:8px !important; } .juicer-wall .juicer-feed .feed-item .j-poster a h3 { color:rgba(77,77,77,1) !important; } .juicer-wall .juicer-feed .feed-item .j-poster a:hover h3 { text-decoration:underline !important; } .juicer-wall .juicer-feed .feed-item .j-poster a .j-date { color:rgba(77,77,77,.6) !important; padding:8px 0 !important; } .juicer-wall .juicer-feed .feed-item .j-poster { display:none !important; } .juicer-wall .juicer-feed .feed-item { padding-top:16px !important; } .juicer-wall .juicer-feed .feed-item .j-image { display:block !important; margin: 0 16px !important; } .juicer-wall .juicer-feed .feed-item .j-image:hover { outline:2px solid rgba(77,77,77,.2); !important; } .juicer-wall .juicer-feed .feed-item .j-text,.juicer-wall .juicer-feed .feed-item .j-text p { background-color:rgba(255,255,255,1) !important; font-weight:400 !important; } .juicer-wall .juicer-feed .feed-item .j-text { padding:0 16px 8px 16px !important; } .juicer-wall .juicer-feed .feed-item.j-twitter .j-text { margin-top:-24px !important; } .juicer-wall .juicer-feed .feed-item .j-text p { padding:16px 8px !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-message { padding:0 !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-message a { color:rgba(41,171,226,1) !important; font-weight:400 !important; text-decoration:underline !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-message a:hover { text-decoration:none !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-message .j-truncate { color:rgba(77,77,77,.6) !important; font-weight:400 !important; text-decoration:none !important; } .juicer-wall .juicer-feed .feed-item.j-twitter .j-image { margin:8px 0 !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-text .j-meta ul,.juicer-wall .juicer-feed .feed-item .j-text .j-meta li { list-style:none !important; margin:0 !important; padding:0 !important; } .juicer-wall .juicer-feed .feed-item .j-meta { padding-top:8px !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta a { color:rgba(77,77,77,.2) !important; display:inline-block !important; transition:none !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta a:hover { color:rgba(77,77,77,.6) !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta li { padding:8px 8px 8px 0 !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta,.juicer-wall .juicer-feed .feed-item .j-date { display:none !important; } .juicer-wall .juicer-feed .feed-item .j-text .j-meta nav a { color:rgba(77,77,77,.2) !important; display:block !important; padding:8px !important; } .juicer-wall .juicer-feed .feed-item .j-text br { display:none !important; } .juicer-wall .juicer-feed .juicer-button { background-color:rgba(239,84,62,1) !important; border:none !important; color:rgba(255,255,255,1) !important; display:inline-block !important; letter-spacing:0 !important; margin:8px auto 0 auto !important; padding:8px 16px !important; text-transform:none !important; transition:none !important; width:auto !important; } /* juicer-living-wall */ .juicer-living-wall-container { padding:8px; } .juicer-living-wall { overflow:hidden; position:relative; padding:50%; } .juicer-living-wall ul { overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; } .juicer-living-wall .j-text { display:none !important; } .juicer-living-wall .juicer-button { display:none !important; } .juicer-living-wall-mask { position:absolute; top:80%; left:0; right:0; bottom:0; } /* juicer */ .feed-item.juicer { display:none !important; } h1.referral { display:none !important; } /* newsletter */ .newsletter { background:rgba(255,255,255,.1); color:rgba(255,255,255,1); display:block; margin:16px 8px; padding:16px; } .newsletter p.xx-small { margin-top:16px; } .newsletter p.xx-small,.newsletter p.xx-small a { color:rgba(255,255,255,.6); } .newsletter p { padding-top:0; } .newsletter form { display:block; margin:8px; position:relative; } .newsletter label { display:none; } .newsletter input { background-color:rgba(255,255,255,1); background-image:none; color:rgba(77,77,77,1); padding-left:8px; padding-right:8px; } .newsletter button { float:right; position:absolute; right:0; top:0; } /* range */ .range { position:relative; text-align:center; } .range .inner { padding-top:0; } .range h2 ~ h3 { color:rgba(77,77,77,.6); padding-top:0; } /* tree */ .tree { text-align:center; padding-left:8px; padding-right:8px; } .tree ul,.tree li { list-style:none; margin:0; padding:0; text-align:left; } .tree > ul { background:rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; display:flex; overflow:hidden; margin:16px 0 8px 0; padding:24px 8px 60px 8px; position:relative; } .tree > ul > li { border-right:2px dotted rgba(77,77,77,.2); display:block; float:left; padding:0 8px; width:14.2857%; width:20%; } .tree > ul > li:nth-of-type(5),.tree > ul > li:nth-of-type(6) { border-right:0; } .tree > ul > li:nth-of-type(6) { float:none; clear:both; left:8px; position:absolute; bottom:20px; width:100%; } .tree > ul > li > .small { color:rgba(77,77,77,.6); display:inline-block; padding:4px 8px; font-weight:900; } .tree > ul > li.sample { background:rgba(77,77,77,.1); background:-moz-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,0) 100%); background:-webkit-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,0) 100%); background:linear-gradient(to top,rgba(77,77,77,0) 0,rgba(77,77,77,.1) 100%); border-right:0; bottom:0; padding:24px 8px; position:absolute; right:0; top:0; text-align:center; right:0; } .tree > ul > li.double { width:28.5714%; } .tree > ul > li.triple { width:42.8571%; } .tree > ul > li.quadruple { width:57.1428%; } .tree > ul > li > ul { padding:4px 0 0 0; } .tree > ul > li.double > ul { -webkit-column-count:2; -moz-column-count:2; column-count:2; } .tree > ul > li.triple > ul { -webkit-column-count:3; -moz-column-count:3; column-count:3; } .tree > ul > li.quadruple > ul { -webkit-column-count:4; -moz-column-count:4; column-count:4; } .tree > ul > li > ul > li { white-space:nowrap; } .tree > ul > li > ul > li a { color:rgba(77,77,77,1); display:inline-block; padding:4px 8px; text-decoration:none; } .tree > ul > li > ul > li a:hover, .tree .all a:hover { text-decoration:underline; } .tree > ul > li.sample a, .tree .all a { color:rgba(77,77,77,1); display:block; padding:4px 8px; text-decoration:none; } .tree .all a { display:inline-block; } .tree > ul > li.sample a .ctasp { display:block; margin:0 0 8px 0; } .tree > ul > li.sample a .image { display:block; margin:16px 0 16px 0; } .tree > ul > li.sample a .image img { display:block; height:auto; width:100%; } .tree > ul > li.sample a .image-right { display:none; } .tree > ul > li.sample a .button { display:block; width:100%; } .tree .turnaround { background-position:0 50%; background-repeat:no-repeat; background-size:60px 20px; padding-left:46px; } .tree .turnaround-24hr { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/turnaround-24hr.png); } .tree .turnaround-48hr { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/turnaround-48hr.png); } .tree .turnaround-5day { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/turnaround-5day.png); } /* fabric-guide-mini */ .fabric-guide-mini { background:-moz-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:-webkit-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:linear-gradient(to top,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); text-align:center; } .fabric-guide-mini h1 ~ h2 { color:rgba(77,77,77,.6); margin-bottom:16px; padding-top:0; } /* get-started */ .get-started { background:rgba(77,77,77,.1); display:none; position:relative; text-align:center; } .get-started .inner { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/sample-pack-2019-b.png); background-position:100% 100px; background-repeat:no-repeat; background-size:50% auto; overflow:hidden; position:relative; z-index:3; } .get-started .inner,.sample-packs section { margin-bottom:0; padding-bottom:0; } .get-started img { height:auto; width:100%; } .get-started .col-l { position:relative; text-align:left; } .get-started h2 { color:rgba(77,77,77,.6); padding-top:0; } .get-started .col { } .get-started section { max-width:540px; } /* showcase */ .showcase { background:-moz-linear-gradient(bottom,#d4d4d4 0,rgba(77,77,77,0) 100%); background:-webkit-linear-gradient(bottom,#d4d4d4 0,rgba(77,77,77,0) 100%); background:linear-gradient(to top,#d4d4d4 0,rgba(77,77,77,0) 100%); overflow:hidden; margin-top:24px; } .showcase section { margin:0; margin-bottom:-8px; padding:0; text-align:center; } .showcase section.showcase-gallery { margin-top:16px; } .showcase h2 ~ h3 { color:rgba(77,77,77,.6); padding-top:0; } .scroller,.scroller li { font-size:0; line-height:0; padding:0; margin:0; list-style:none; } .scroller { margin:0 -16px 0 0; padding:16px 16px 0 16px; } .scroller li { display:inline-block; padding:0 16px 16px 0; width:16.6666%; } .scroller a { background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/placeholder.jpg) 50% 50%/cover no-repeat; display:block; } .scroller a:hover { outline:2px solid rgba(77,77,77,.2); } .scroller .image { background-position:50% 50%; background-repeat:no-repeat; background-size:100%; display:block; overflow:hidden; padding:50% 0; position:relative; } .scroller .image .button { position:absolute; } .scroller .image .credit { background:-moz-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:-webkit-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:linear-gradient(to top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%); bottom:0; color:rgba(255,255,255,1); display:block; font-weight:900; left:0; opacity:0; padding:16px; position:absolute; right:0; text-align:left; text-decoration:none; } .scroller .image:hover .credit { opacity:0; } /* roller */ .showcase section.roller { margin-top:40px; padding-top:0; } .roller ul,.roller li { display:block; list-style:none; padding:0; margin:0; } .roller ul { display: flex; flex-wrap: wrap; margin-top:8px; overflow:hidden; padding:8px; } .roller li { display: flex; float:left; padding:0 8px 16px 8px; width:25%; } .roller a { background:rgba(255,255,255,1); color:rgba(77,77,77,1); display:block; overflow:hidden; padding:0; position:relative; text-decoration:none; width:100%; } .roller a:hover { outline:2px solid rgba(77,77,77,.2); } .roller .blog-category { color:rgba(77,77,77,.6); display:block; font-weight:900; margin-bottom:8px; } .roller .image { background:rgba(77,77,77,.05); background-position:50% 0; background-size:cover; display:block; padding:33.3333% 0; } .roller .profile { float:left; margin:16px 0 16px 16px; background:rgba(77,77,77,.2); display:none; } .roller .profile,.roller .profile img { display:none; width:66px; height:66px; border-radius:50%; } .roller .text { display:block; float:left; float:none; padding:24px; text-align:left; width:calc(100% - 114px); width:auto; } .roller .text .title,.roller .text .desc { display:block; } .roller .text .desc { margin-top:8px; } /* dpa */ .dpa { text-align:center; } .dpa h3 { display:inline-block; margin:8px auto; padding:0; } .dpa a { background-color:rgba(255,255,255,0); background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/dpa-icon.png),url(https://prinfab.com/skin/frontend/prinfab2/default/images/dpa-icon.png); background-position:16px 50%,calc(100% - 16px) 50%; background-repeat:no-repeat; background-size:64px 57px; color:rgba(77,77,77,1); display:block; padding:16px 96px; text-decoration:none; } .dpa span { display:block; } .dpa .x-small { color:rgba(77,77,77,.6); } /* info */ .experts { background-color:rgba(77,77,77,.2); background-color:#d4d4d4; margin-bottom:-136px; text-align:center; } .experts .inner { overflow:visible; padding-bottom:0; padding-top:40px; } .experts .image { background-repeat:no-repeat; } .experts .image-left { /*background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/experts-left-solid.jpg);*/ background-position:0 100%; } .experts .image-right { /*background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/experts-right-solid.jpg);*/ background-position:100% 100%; } .experts .image .expert-help { } .experts .image .expert-help .col { padding:0 360px; text-align:center; } .experts .image .expert-help .col section { margin-left:auto; margin-right:auto; max-width:540px; } .experts .image .expert-help h2 { margin-top:8px; } .experts h2 ~ h3 { color:rgba(77,77,77,.6); padding-top:0; } /* usps */ .showcase section.usps { margin:40px auto 0 auto; } .usps .row-3 { padding:8px; text-align:left; } .usps h3 { color:rgba(77,77,77,.6); margin-bottom:8px; padding-top:0; } .usps h4 { padding-bottom:4px; } .usps p { padding-top:0; } .usps .motif { background-color:transparent; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%; color:#dddddd; width:76px; height:76px; float:left; margin:0 8px; display:block; } .usps .motif.safety { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-safety.png); } .usps .motif.gots { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-gots.png); } .usps .motif.organic { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-organic.png); } .usps .motif.oeko-tex-eco-passport { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-oeko-tex-eco-passport.png); } .usps .motif.trustpilot { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-trustpilot.png); } .usps .motif.rating { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-rating.png); } .usps .motif.accuracy { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-accuracy.png); } .usps .motif.quality { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/usps-quality.png); } .usps .text { float:right; width:calc(100% - 92px); } /* blockquote */ .blockquote { overflow: hidden; padding:8px; position: relative; } .blockquote .quot { background-repeat:no-repeat; background-size:25px 20px; display:inline-block; } .blockquote .lquot { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/blockquote-lquot.png); background-position:0 0; padding-left:28px; } .blockquote .rquot { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/blockquote-rquot.png); background-position:100% 0; padding-right:28px; } /* customer-links */ .customer-links { background:rgba(77,77,77,.05); float:right; margin:8px 8px 24px 24px; padding:16px; width:259px; } .customer-links .customer-logo { } .customer-links .customer-logo a { border:2px solid rgba(77,77,77,.2); display:block; } .customer-links .customer-logo a:hover { border:2px solid rgba(77,77,77,.4); } .customer-links .customer-logo img { display:block; height:auto; width:100%; } .customer-links ul,.customer-links li { list-style:none; padding:0; margin:0; } .customer-links ul { font-size:0; padding:4px 8px 4px 0; } .customer-links li { display:block; overflow:hidden; padding:4px 0 4px 8px; } .customer-links li a:hover { text-decoration:none; } /* testimonials */ .testimonials { background:rgba(77,77,77,.05); } /* quotes */ .quotes { margin-bottom:0; padding-bottom:0; position:relative; text-align:center; } .quotes h2 { opacity:.6; margin-bottom:16px; padding-top:0; } .quotes .trustpilot { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/trustpilot-2019-reverse.png); background-repeat:no-repeat; background-size:contain; display:inline-block; margin:-8px 0 -4px 4px; } .quotes ul,.quotes li { list-style:none; margin:0; padding:0; text-align:left; } .quotes ul { margin:-8px; } .quotes li { padding:8px; } .quotes .quote { background-color:rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; border-radius:8px; display:block; margin:0 0 16px 0; padding:16px; position:relative; z-index:40; } .quotes .quote strong { display:block; font-weight:900; margin-bottom:8px; } .quotes .quote:before { content: ' '; position: absolute; width: 0; height: 0; left: 32px; right: auto; top: auto; bottom: -16px; border: 16px solid; border-color: transparent transparent transparent rgba(255,255,255,1); z-index:30; } .quotes .name { display:block; float:left; font-weight:900; margin-bottom:8px; margin-top:4px; opacity:.6; } .quotes .bio-image { background-color:rgba(77,77,77,.1); background:#e5e5e5 url(https://prinfab.com/skin/frontend/prinfab2/default/images/bio-image.jpg) 50% 50% no-repeat; background-size:cover; object-fit: cover; border-radius:18px; display:inline-block; height:24px; float:left; margin-bottom:-4px; margin-right:8px; margin-top:0px; width:24px; } .quotes .stars { background-color:transparent; background-position:0 50%; background-repeat:no-repeat; background-size:contain; display:block; height:16px; float:left; margin-right:8px; margin-top:6px; width:86px; } .quotes .stars-4 { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/stars-4-v2.png); } .quotes .stars-5 { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/stars-5-v2.png); } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* as-seen-in */ .as-seen-in { margin-top:8px; padding-top:0; text-align:center; } .as-seen-in ul,.as-seen-in li { list-style:none; margin:0; padding:0; } .as-seen-in ul { font-size:0; padding:4px 0; } .as-seen-in li { color:rgba(77,77,77,.6); display:inline-block; font-weight:900; margin:4px 0; padding:0 8px; } .as-seen-in .seperator { border-right:2px solid rgba(77,77,77,.1); margin-right:8px; padding-right:16px; } .as-seen-in .bbc { height:36px; width:84px; } .as-seen-in .simply-sewing { height:36px; width:100px; } .as-seen-in .mollie-makes { height:36px; width:95px; } .as-seen-in .love-patchwork-and-quilting { height:36px; width:105px; } .as-seen-in .sewing-directory { height:36px; width:131px; } /* bullets */ .bullets,.bullet { display:block; list-style-type: square; } .bullets { margin-bottom:8px; margin-top:8px; } .bullet { display:list-item; margin-left:18px; } /* extended-description */ .extended-description { margin-right:8px; } .compositor-hide-on-notvisible{ margin-bottom:-40px; } .extended-description .feature-box { margin-left:24px; margin-right:24px; padding-left:0; padding-right:0; } .extended-description p { margin:8px; padding:0; } .extended-description ul,.extended-description li { display:block; list-style:none; margin:0; padding:0; } .extended-description ul { margin:16px 0 0 0; overflow:hidden; } .extended-description li { float:left; padding:8px; text-align:left; } .extended-description .icon { background-color:rgba(77,77,77,.1); display:block; float:left; margin-right:16px; } .extended-description .icon .material-icons { color:rgba(77,77,77,.6); margin:16px; } .extended-description .text { display:block; float:left; } .extended-description .name { display:block; font-weight:900; } .extended-description .description { display:block; } .compositor-product-image { background-size:cover; background-position:50% 50%; background-repeat:no-repeat; /* filter: grayscale(100%); */ margin:-16px -16px 8px -16px; } /* artboard */ .artboard { background: transparent url(https://prinfab.com/skin/frontend/prinfab2/default/images/trans.png) 0 0 repeat-x; background-size:40px 400px; margin:8px 8px 8px 0; } /* compositor */ .compositor-wrap { display:block; margin-right:1px; /* to avoid rounding of compositor */ position:relative; } .compositor-wrap.has-design { padding:0; } .compositor-wrap .compositor-init { background-color:rgba(77,77,77,.05); display:block; margin:24px; padding:16px; text-align:center; } .compositor-wrap.has-design .compositor-init { display:none; } .compositor-wrap .compositor-init .upload-icon { display:block; height:30px; margin:12px auto 8px auto; width:90px; } .compositor-wrap .compositor-init h3 { margin-top:24px; } .compositor-wrap .compositor-init p { padding:0; } .compositor-wrap .compositor-init .guidance { background:rgba(77,77,77,.05); margin:8px -16px -16px -16px; padding:24px; } .compositor-wrap .compositor-init .button { margin-top:24px; } .compositor-container { overflow:hidden; padding:0; visibility: hidden; } .compositor-wrap.has-design .compositor-container { margin:8px; padding:26px 24px 22px 42px; visibility: visible; } .compositor { background-color:transparent; background-size: cover; box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; display:block; position: relative; transition: height 160ms ease-in-out, background-size 160ms ease-in-out; padding: 0; width: calc(100% - 32px); border-radius: .1px; overflow: hidden; float: left; } .compositor-wrap.active .compositor-container .compositor .overlay, .hover-zoom .overlay { width: 100%; height: 100%; background-size: 100% 100%; background-position: 50% 50%; background-repeat: none; pointer-events: none; z-index: 3; position: absolute; } .overlay svg { width: 100%; height: 100%; } .compositor.ready { float: left; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .compositor-wrap.active .compositor-container .compositor .tile { background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: opacity 300ms linear, background-size 160ms ease-in-out; z-index: 2; cursor: none; } .compositor-wrap.active .compositor-container .compositor .loading { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; background-color: rgba(255, 255, 255, 0.5); background-image: radial-gradient(closest-corner at 50% 50%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0) 100%); z-index: 3; } .compositor-wrap.active .compositor-container .compositor .loading .loadingSpinner, .compositor-wrap.active .compositor-container .compositor .loading img { width: 64px; height: 64px; position: absolute; top: 50%; top: calc(50% - 32px); bottom: 50%; bottom: calc(50% - 32px); left: 50%; left: calc(50% - 32px); right: 50%; right: calc(50% - 32px); margin: 0; padding: 0; } .compositor-wrap.active .compositor-container .ruler { white-space: nowrap; } .compositor-wrap.active .compositor-container .ruler .ruler-height ul { height: 100%; } .compositor-wrap.active .compositor-container .ruler ul, .compositor-wrap.active .compositor-container .ruler li { list-style: none; margin: 0; padding: 0; } .compositor-wrap.active .compositor-container .ruler li { border:2px solid rgba(77,77,77,.2); color:rgba(77,77,77,.6); font-size:12px; font-weight:900; line-height:12px; position: relative; } .compositor-wrap.active .compositor-container .ruler span { position: absolute; width: 50px; } .compositor-wrap.active .compositor-container .ruler-width { height: 37px; min-width: 1px; text-align: left; } .compositor-wrap.active .compositor-container .ruler-width li { border-right: 0; display: inline-block; height: 10px; } .compositor-wrap.active .compositor-container .ruler-width li:last-child { border-bottom-color: rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0); border-top-color: rgba(255, 255, 255, 0); margin-left: -1px; } .compositor-wrap.active .compositor-container .ruler-width span { margin-left: -25px; text-align: center; } .compositor-wrap.active .compositor-container .ruler-height, .compositor-wrap.active .compositor-container .ruler-height.show { min-height: 1px; display: none; } .compositor-wrap.active .compositor-container .ruler-height li { border-bottom: 0; display: block; width: 10px; } .compositor-wrap.active .compositor-container .ruler-height li:last-child { border-bottom-color: rgba(255, 255, 255, 0); border-left-color: rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0); margin-top: -1px; } .compositor-wrap.active .compositor-container .ruler-height span { margin-top: -6px; } .compositor-wrap.active .compositor-container .ruler-top { margin-top: 13px; } .compositor-wrap.active .compositor-container .ruler-top li { border-top-color: rgba(255, 255, 255, 0); margin-top: 17px; } .compositor-wrap.active .compositor-container .ruler-top span { margin-top: -17px; } .compositor-wrap.active .compositor-container .ruler-bottom { margin-top: 1px; float: left; } .compositor-wrap.active .compositor-container .ruler-bottom li { border-bottom-color: rgba(255, 255, 255, 0); margin-top: 6px; } .compositor-wrap.active .compositor-container .ruler-bottom span { margin-top: 14px; } .compositor-wrap.active .compositor-container .ruler-left, .compositor-wrap.active .compositor-container .ruler-right { float: left; width: 50px; } .compositor-wrap.active .compositor-container .ruler-left li { border-left-color: rgba(255, 255, 255, 0); margin-left: 30px; } .compositor-wrap.active .compositor-container .ruler-left span { margin-left: -64px; text-align: right; } .compositor-wrap.active .compositor-container .ruler-right li { border-right-color: rgba(255, 255, 255, 0); margin-left: 10px; } .compositor-wrap.active .compositor-container .ruler-right span { margin-left: 14px; text-align: left; } .compositor-wrap.active .compositor-container .rule { display: none; -webkit-transition: opacity .2s; transition: opacity .2s; } .compositor-wrap.active .compositor-container .ruler-top .show { display: block; opacity: 1; } .compositor-wrap .compositor-init { max-width:586px; width:100%; } .compositor-product-instructions-wrap { position: relative; width: 100%; padding:37.5% 0; height: 0; } .compositor-product-instructions { background:rgba(255,255,255,1); background:rgba(77,77,77,.6); border-radius:50%; height:144px; margin:-96px auto; padding:24px; position:relative; text-align:center; width:144px; z-index:999; } .compositor-wrap .compositor-init .compositor-product-instructions h2 { color:rgba(255,255,255,1); padding:0; white-space:nowrap; } .compositor-wrap .compositor-init .compositor-product-instructions h4 { color:rgba(77,77,77,.6); color:rgba(255,255,255,.6); margin-top:0; padding-left:0; padding-right:0; padding-top:4px; } /* hover-zoom */ .hover-zoom { background: rgba(237,237,237,1); pointer-events: none !important; width: 50vw; height: 50vw; max-width: 50vh; max-height: 50vh; z-index: 999; position: fixed; top: 0; left: 0; overflow: hidden; border-radius: 9999px; box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; border: 8px solid rgba(77,77,77,.2); user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; cursor: none; will-change: transform; } .hover-zoom .hover-zoom-inner { width: 300%; height: 300%; will-change: transform; } .hover-zoom .hover-zoom-inner img { width: 100%; height: 100%; } .hover-zoom.zoom-on { left: auto; right: 10vw; cursor: none; } .hover-zoom.zoom-off { left: -99999px; display: none; } /* csLegend */ .csLegend { background:rgba(77,77,77,.0); border:2px solid rgba(77,77,77,.1); margin-bottom:16px; overflow:hidden; padding:8px; } .csLegend ul,.csLegend li { list-style:none; margin:0; padding:0; } .csLegend ul { font-size:0; } .csLegend li { float:left; overflow:hidden; padding:8px; width:33.3333%; } .csLegend .icon { display:block; float:left; height:28px; margin-right:8px; width:28px; } .csLegend .icon svg { height:28px; width:28px; } .csLegend .text { display:block; float:left; width:calc(100% - 38px); } .csLegend .name { font-weight:900; } .csLegend .name,.csLegend .desc { display:block; } .csLegend .desc { color:rgba(77,77,77,1); display:block; } /* offset */ .posOffset-input { float:left; } .posOffset-grid { float:right; } .design-offset { padding:0; } .design-offset dd,.design-offset input { position:relative; } .design-offset input { z-index:800; } .design-offset span { bottom:8px; display:block; padding:8px; position:absolute; right:0; z-index:700; } .design-offset-auto { display:flex; margin-top:16px; flex-wrap:wrap; } .design-offset-auto .pos { cursor:pointer; box-sizing:border-box; text-align:center; } .design-offset-auto, .design-offset-auto .pos { border:1px solid rgba(205,205,205,1); } .design-offset-auto .pos:hover,.design-offset-auto .pos.highlight { background:transparent; border-color:rgba(77,77,77,1); outline:1px solid rgba(77,77,77,1); z-index:999999; } /* .design-offset-auto .pos.highlight:after{ color:rgba(77,77,77,1); content:'●'; margin:0; } */ .design-offset-auto .pos.highlight { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/pos.png); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; background-size:16px 16px; } /* rotate-flip */ .rotate-flip,.rotate-flip li { list-style:none; margin:0; padding:0; position:relative; } .rotate-flip { margin:4px -8px 4px 2px; } .rotate-flip li { border:2px solid rgba(205,205,205,1); float:left; margin:0 0 8px -2px; width:25%; } .rotate-flip button,.rotate-flip .button { background:transparent; font-weight:500; position:relative; width:100%; } .rotate-flip button.cta,.rotate-flip .button.cta,.rotate-flip button.cta:hover,.rotate-flip .button.cta:hover { background:transparent; color:rgba(77,77,77,1); outline:2px solid rgba(77,77,77,1); } .rotate-flip button:hover,.rotate-flip .button:hover,.rotate-flip button.cta,.rotate-flip .button.cta,.rotate-flip button.cta:hover,.rotate-flip .button.cta:hover { z-index:999999; } /* summary */ summary { display:block; margin:0 8px 8px 8px; } summary.summary-top { border-bottom:2px dotted rgba(77,77,77,.2); padding:0 0 8px 0; } summary.summary-bottom { border-top:2px dotted rgba(77,77,77,.2); padding:8px 0 0 0; } summary * { color:rgba(77,77,77,.6); padding-left:0; padding-right:0; } /* supplies */ .supplies { text-align:center; } .supplies h2 { margin-bottom:16px; } /* strapline */ .image .sale,.image .clearance,.image .express,.image .bestseller,.image .new,.image .updated { font-weight:900; padding:8px 0; position: absolute; right:-88px; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); text-transform:uppercase; top: 22px; width:252px; } .image .sale,.image .clearance { background:rgba(239,84,62,1); color:rgba(255,255,255,1); } .image .express,.image .bestseller { background:rgba(255,255,255,1); color:rgba(77,77,77,.6); } .image .new { background:rgba(77,77,77,.6); color:rgba(255,255,255,1); } /* starry */ .image .starry { background:transparent none 50% 50%/contain no-repeat; color:rgba(255,255,255,0); height:42px; position: absolute; left:24px; overflow:hidden; top:24px; transform: rotate(-22.5deg); -webkit-transform: rotate(-22.5deg); width:42px; } .image .starry.big-starry { height:56px; width:56px; } .image .starry.best-seller,.mini-starry.best-seller,.big-starry.best-seller { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/bestseller.png); } .image .starry.best-value,.mini-starry.best-value,.big-starry.best-value { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/bestvalue.png); } .mini-starry { background:transparent none 0 50%/contain no-repeat; color:rgba(255,255,255,0); display:inline-block; height:20px; margin:-4px 0; padding:0; overflow:hidden; width:20px; } /* spot */ .spot { background-color: #717171; border-radius:30px; top:16px; color:rgba(255,255,255,1); display:block; font-weight:900; height:60px; position:absolute; left:16px; text-align:center; text-transform:uppercase; width:60px; } .spot .number { display:block; font-size:16px; letter-spacing:-.05em; line-height:17px; margin-top:17px; } .spot .days { display:block; font-size:8px; line-height:8px; } /* templates */ .templates .table { margin:16px 0; padding:8px; } .templates table { width:100%; } .templates table,.templates tr,.templates th,.templates td { border:0; } .templates th,.templates td { padding:8px 0; } .templates tr th:first-child,.templates tr td:first-child { padding-left:0; } .templates tr th:last-child,.templates tr td:last-child { padding-right:0; } .templates tr td:last-child { padding:0; } .templates table tr:first-child{ border-top:2px solid rgba(77,77,77,.1); } .templates tr{ border-bottom:2px solid rgba(77,77,77,.1); } .templates p { color:rgba(77,77,77,.6); margin-top:16px; padding:0; } .templates ul { margin-left:-8px; } /* certification */ .image .certification { bottom:24px; display:block; position:absolute; right:24px; } /* att */ .grid .image .att { background-size:contain; background-position:0 0; background-repeat:no-repeat; border-radius:50%; display:block; float:left; height:20px; margin:4px 4px 4px 0; width:20px; } .grid .image .att.larger { border-radius:0; height:28px; width:28px; } .att.organic { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/organic.png); } .att.waterproof { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/waterproof_small.png); } .att.fireproof { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/fire-retardant_small.png); } .att.recycled { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/recycled.png); } .att.shiny { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/shiny.png); } .att.stretchy { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/stretchy.png); } .att.oeko-tex_eco-passport { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex_eco-passport_small.png); } .att.ecocert { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ecocert_small.png); } .att.child-friendly { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/child-friendly.png); } .att.oeko-tex { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex_small.png); } .att.ce { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ce_small.png); } .att.bci { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/bci.png); } .att.gots { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/gots_small.png); } /* weight .weight { background:rgba(255,255,255,1); border-radius:50%; top:16px; color:rgba(77,77,77,.6); font-size:10px; font-weight:900; height:44px; left:16px; line-height:11px; position:absolute; text-align:center; text-transform:uppercase; width:44px; } .weight .number,.weight .unit { display:block; } .weight .number { font-size:14px; margin-top:12px; } */ /* grid */ .grid { background-color:transparent; overflow:visible; padding:0; } .grid.categories { text-align:center; } .grid.search { margin-left:0; margin-right:0; } .grid h1,.grid h2,.grid h3 { margin-bottom:16px; text-align:center; } .grid.products.related h1,.grid.products.related h2,.grid.products.related h3 { padding-left:0; padding-right:0; text-align:left; } .grid ul,.grid li { list-style:none; margin:0; padding:0; } .grid ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin:-8px -8px 0 -8px; } .grid li { display: -webkit-flex; display: flex; float:left; padding:8px; } .grid .item { background:rgba(255,255,255,1); color:rgba(77,77,77,1); display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position:relative; text-decoration:none; width:100%; } .blogs a.item:hover,.blogs a.item:active,.grid a.item:hover,.popup .grid.designs .item:hover,.grid a.images:hover .image,.grid a.item:active,.popup .grid.designs .item:active,.grid a.images:hover .active,.grid a.item:focus,.popup .grid.designs .item:focus,.grid a.images:focus .image { cursor:pointer; outline:2px solid rgba(77,77,77,.2); } .grid .images { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/placeholder.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; display:block; overflow:hidden; margin:0 0 0 0; padding:0; position:relative; } .grid.photos .images { margin:0; padding:0; } .grid.category .images { background-position:50% 50%; background-size:cover; border:0; margin:0; } .grid .image { background:rgba(77,77,77,.05) 50% 50% no-repeat; background-size: cover; display:block; padding:37.5% 0; position:relative; } .grid .image.with-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .grid.photos .image { background-position:50% 50%; background-size:450px 450px; padding:37.5% 0; } .grid.category .image { background-position:50% 50%; background-size:cover; padding:37.5% 0; } .grid.photos.big .image { padding:100% 0; } .grid.category a .images { padding:0; } .grid.category a:hover .images { } .grid .text { display:block; /* -webkit-flex: 1 0 auto; flex: 1 0 auto; */ overflow:hidden; padding:24px; text-align:left; } .grid .image > .text { bottom:0; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.5)); color:rgba(77,77,77,1); left:0; min-height:auto; padding:36px 24px 16px 24px; position:absolute; right:0; text-align:center; } .grid .image > .text .count { color:rgba(255,255,255,.6); } .grid.category .image > .text .count { color:rgba(77,77,77,1); } .grid .brand { color:rgba(77,77,77,.6); display:block; font-weight:900; margin-bottom:4px; } .grid .group { background-position:0 0; background-repeat:no-repeat; background-size:160px 18px; color:rgba(77,77,77,0); display:none; height:18px; margin-bottom:0; padding:0; } .grid .sku { color:rgba(77,77,77,.6); font-weight:900; text-transform:uppercase; } .grid .name { overflow: hidden; display:block; font-weight:900; } .grid .composition { display:block; margin-top:8px; } .grid .bullets { margin-bottom:0; margin-top:8px; } .grid .stock { display:inline-block; font-weight:900; margin-top:4px; padding:0; white-space:nowrap; } .grid .price-container,.grid .actions-container { padding:0 24px 24px 24px; } .grid .price-container { color:rgba(239,84,62,1); display:block; font-weight:900; margin-top:4px; padding: 0; } .grid.categories .price-container { margin-top:0; } .control .price-container .minimal-container, .grid .price-container .minimal-container { border:2px solid rgba(77,77,77,.1); display:block; background:rgba(77,77,77,.1) url(https://prinfab.com/skin/frontend/prinfab2/default/images/bulk.png) 8px 8px/20px 20px no-repeat; color:rgba(77,77,77,1); margin:8px 0 0 0; padding:10px 12px 10px 34px; } .control .price-container .minimal-container .small.minimal-price-link .price, .grid .price-container .minimal-container .small.minimal-price-link .price { color:rgba(239,84,62,1); } .control .price-container .small.minimal-price-link, .grid .price-container .small.minimal-price-link { color:rgba(77,77,77,.6); display:block; font-weight:900; line-height:15px !important; } .grid .price-container .small.old-price { color:rgba(77,77,77,.6); font-weight:900; text-decoration: line-through; } .grid .actions-container { display:block; font-size:0; margin:16px 24px 24px 24px; overflow:hidden; padding:0; } .grid.products .text { margin-bottom:52px; margin-bottom:0; } .grid.products .actions-container { display:none; margin-top:0; position:absolute; bottom:0; left:0; right:0; } .grid .download,.grid .delete,.grid .choose, .grid .create { display:block; margin-top:8px; } .grid .actions-container .button { width:100%; } .grid .description { display:block; margin-top:4px; } .grid .stamp { display:block; margin-bottom:8px; } .grid .stats { color:rgba(77,77,77,.6); display:block; } /* cs_products */ .cs_products .grid.products { margin-top:0; } .cs_products .grid.products h2 { margin-bottom:0; } .cs_products .grid.products h2 ~ h3 { color:rgba(77,77,77,.6); margin-bottom:24px; padding-top:0; } .spot-sizes { background:rgba(148,148,148,1); border-radius:50%; color:rgba(255,255,255,1); display:block; font-weight:900; height:52px; right:16px; position:absolute; text-align:center; text-transform:uppercase; bottom:16px; width:52px; } .spot-sizes .spot-sizes-number { display:block; font-size:22px; line-height:25px; margin-top:6px; } .spot-sizes .spot-sizes-sizes { display:block; font-size:9px; line-height:9px; } /* sample-book */ .sample-book a { color:rgba(77,77,77,1); display:block; margin:0 auto; max-width:966px; padding-top:0; text-align:center; text-decoration:none; } .sample-book .text,.sample-book .name,.sample-book .description,.sample-book .action { display:block; } .sample-book .images.left { float:left; margin-right:16px; } .sample-book .images.right { float:right; margin-left:16px; } .sample-book .images img { height:178px; width:178px; } .sample-book .text { padding:24px; } .sample-book .name { display:block; font-weight:900; } .sample-book .description { margin-top:8px; } .sample-book .action { margin-top:12px; } .add .extra { background: rgba(77,77,77,0.07); margin: 16px -16px -16px; padding: 16px; } /* micro-sample-pack */ .micro-sample-pack { background:rgba(77,77,77,.1); padding:16px; } .micro-sample-pack h4{ padding-bottom:0; } .micro-sample-pack p{ padding-top:0; } /* price-dl */ .price-dls h5 { color:rgba(77,77,77,.6); padding-bottom:0; } .price-dl { padding:8px 8px 0 8px; position:relative; } .price-dl dt,.price-dl dd { margin:0; padding:0 0 8px 0; width:auto; } .price-dl dt { float:left; } .price-dl dt .small { color:rgba(77,77,77,.6); display:block; } .price-dl dd { position:absolute; right:8px; text-align:right; } .price-dl dd .old-price { color:rgba(77,77,77,.6); font-weight:900; text-decoration: line-through; text-transform:capitalize; } .price-dl .suptag { top:6px !important; position:absolute !important; } .price-dls > .price-container { display:block; margin:0 8px 24px 8px; } /* volume-discount */ .price-container-bulk-discount { color:rgba(239,84,62,1); display:block; font-weight:900; overflow:hidden; padding: 8px; } .price-container-bulk-discount .strike { text-decoration: line-through; } .bulk-discounts.heading { display:block; padding:8px 8px 0 8px; font-weight:900; } .bulk-discounts .price-box { display:block; overflow:hidden; padding:0 8px 0 8px; } .bulk-discounts .price-box .discount-level-table-cont { display:block; overflow:hidden; padding:16px 0 8px 0; } .bulk-discounts .price-box .discount-level-table-cont th,.bulk-discounts .price-box .discount-level-table-cont td { border-color:rgba(77,77,77,.1); border-width:2px 0 0 0; padding:0 0; } .bulk-discounts .price-box .discount-level-table-cont thead th,.bulk-discounts .price-box .discount-level-table-cont thead td { border-top:0; } .bulk-discounts .price-box .discount-level-table-cont .discount-price,.bulk-discounts .price-box .discount-level-table-cont .discount-percent { text-align:right; } .bulk-discounts .total-metres { display: block; overflow: hidden; } .bulk-discounts .discount-level-table tr.highlight td { font-weight:900; background: rgba(77,77,77,.1); } /* price */ .price-container { color:rgba(239,84,62,1); display:block; font-weight:900; overflow:hidden; } .price-box { display:inline; } .price-from,.price-to { display:block; float:left; padding:0; } .price-from .price-label,.price-to .price-label { display:none; } .price-from .price, .price-to .price { } .price-from .price:after { content:'-'; } .price-box span,.price-box .label { display:inline; margin:0; padding:0; } .price-box .old-price { display: block; font-size: 15px } .price-box .old-price .price-label { color:rgba(77,77,77,.6); } .price-box .old-price .price { color:rgba(77,77,77,.6); text-decoration:line-through; } .price-box .special-price { } .price-box .special-price .price-label { display:none; } .price-box .special-price .price { } .price-box .regular-price { } .price-box .regular-price .price { } .price-box .minimal-price-link { color:rgba(77,77,77,.6); } .price-box .minimal-price-link .label { } .price-box .minimal-price-link .price { text-decoration:underline; } .configurable-price-from-label { } /* tiered pricing */ .tiered-pricing { margin:0; padding:0 8px 8px 8px; } .tiered-pricing h5 { color:rgba(77,77,77,.6); padding-bottom:4px; padding-left:0; padding-right:0; } .tiered-pricing td { border-color:rgba(77,77,77,.2); } .tiered-pricing tr:first-child td { border-top:0; } .tiered-pricing tr:last-child td { border-bottom:0; padding-bottom:0; } .tiered-pricing td { padding-left:0; padding-right:0; } .tiered-pricing td { border-left:0; border-right:0; } .tiered-pricing .pricing,.tiered-pricing .saving { text-align:right; } /* grouped-list */ .add .grouped-list ul,.add .grouped-list li { list-style:none; overflow:hidden; padding:0; margin:0; } .add .grouped-list ul { border:2px solid rgba(77,77,77,.1); border-width:2px 0; margin:4px 8px 8px 8px; } .add .grouped-list li { border-bottom:2px solid rgba(77,77,77,.1); margin-bottom:-2px; padding:6px 0 0 0; } .add .grouped-list label { font-weight:500; overflow:hidden; } /* key-facts */ .key-facts li { font-weight:900; } /* add */ .add { background-color:rgba(77,77,77,.05); margin:8px -16px -16px -16px; padding:16px; position:relative; } .add .price-container { padding:8px; } .add .product-order-within { padding:8px; display: block; overflow: hidden; } .add h2 { color:rgba(239,84,62,1); padding-bottom:0; padding-top:0; } .add ul,.add li { font-weight:900; list-style:none; margin:0; padding:0; } .add ul { padding:4px 8px 8px 8px; } .add button,.add .button { width:100%; } .wishlist { font-weight:900; } .wishlist a.button { color:rgba(77,77,77,.6); display:block; } /* order-within */ .product-order-within { color:rgba(77,77,77,1); overflow:hidden; } .product-order-within .icon,.product-order-within .text { display:block; } /* please-wait */ .spp-please-wait { display:inline-block; margin:8px; } .spp-please-wait,.please-wait { display:inline-block; opacity:1 !important; } .buttons-set .spp-please-wait, .buttons-set .please-wait { margin-left:8px; } .spp-please-wait img,.please-wait img { display:block; float:left; height:20px; margin-left:0; margin-right:8px; width:20px; } .spp-please-wait img { margin-right:0; } /* certs */ .certs,.cert { display:block; } .cert { background:transparent 0 0/20px 20px no-repeat; padding-left:24px; margin-bottom:4px; width:auto; height:auto; float:none; } .cert:last-child { margin-bottom:0; } .cert a { text-decoration:underline; white-space:nowrap; } .cert a:hover { text-decoration:none; } .cert .crit { display:block; } .cert .crit .val { } .cert .desc { } .cert .desc,.cert .desc a { color:rgba(77,77,77,1); } .cert .crit a.info { color:rgba(77,77,77,.2); display:inline-block; } .cert.oeko-tex { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex.png); } .cert.gots { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/gots.png); } .cert.ecocert { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ecocert.png); } .cert.en713 { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ce.png); display: inline-block; } .cert.oeko-tex_eco-passport { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex_eco-passport.png); display: inline-block; } .cert.fr { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/fire-retardant.png); display: inline-block; } .cert.waterproof { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/waterproof.png); display: inline-block; } .cert.bci { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/bci.png); } /* cert type icon */ .cert-type-icon { width: 20px; height: 20px; margin: 0 4px -4px 0; background:transparent 0 0/20px 20px no-repeat; float:none; display: none; } .cert-type-icon.ce { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ce.png); display: inline-block; } .cert-type-icon.fire { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/fire-retardant.png); display: inline-block; } .cert-type-icon.waterproof { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/waterproof.png); display: inline-block; } /* technical instructions */ .fabric-page-row.technical-instructions section { padding: 0; } .fabric-page-row.technical-instructions h1 { font-size: 1.8rem; } .fabric-page-row.technical-instructions h2 { font-size: 1.4rem; } .fabric-page-row.technical-instructions h3 { font-size: 1.3rem; } .fabric-page-row.technical-instructions .standards-table td, .fabric-page-row.technical-instructions .standards-table th { border-color: #ccc; } .fabric-page-row.technical-instructions .technical-use { padding: 0; } .fabric-page-row.technical-instructions .technical-use:not(:last-child) { padding: 0 0 1rem 0; margin: 0 0 1rem 0; border-bottom: 2px solid #ccc; } /* certficiation page */ .cert-document hr { clear:both; } .cert-document .table { margin:8px 0; padding:8px; } .cert-document th, .cert-document td { vertical-align:top; } .cert-document thead th:first-child { width:25%; } .cert-document thead th:last-child { width:75%; } .cert-document .well { margin-top:0; } .cert-document .well a.button { display:block; } .cert-document-heading { background-color:transparent; background-position:8px 5px; background-repeat:no-repeat; background-size:44px 44px; padding-left: 60px; padding-bottom:16px; padding-top:16px; } .cert-document-heading.cert-document-heading-en713 { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ce.png); } .cert-document-heading.cert-document-heading-oeko-tex { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex.png); } .cert-document-heading.cert-document-heading-gots { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/gots.png); } .cert-document-heading.cert-document-heading-fr { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/fire-retardant.png); } .cert-document-heading.cert-document-heading-waterproof { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/waterproof.png); } .cert-document-heading.cert-document-heading-oeko-tex_eco-passport { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex_eco-passport.png); } .cert-document-heading.cert-document-heading-ecocert { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/ecocert.png); } .cert-document-heading.cert-document-heading-bci { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/bci.png); } .cert-document .cert-list thead th:last-child { width: auto; } /* stock */ .stock-container { padding:8px; } .stock { display:inline-block; font-weight:900; } .stock.back-order { display:inline-block; color:rgba(76,176,80,1); } .stock.available { color:rgba(76,176,80,1); } .stock.unavailable { color:rgba(77,77,77,.6); } .stock .material-icons { margin-bottom:0; margin-top:0; } .stock.available .material-icons { background-color:rgba(76,176,80,1); } .stock.unavailable .material-icons { background-color:rgba(77,77,77,.6); } .stock .material-icons { border-radius:50%; color:rgba(255,255,255,1); float:left; text-align:center; } .stock-assist { padding-bottom:12px; padding-top:0; } /* blogs */ .blogs { margin:0; padding:0; } .blogs ul, .blogs li { list-style:none; margin:0; padding:0; } .blogs li { margin-bottom:16px; } .blogs a { background:rgba(255,255,255,1); color:rgba(77,77,77,1); display:block; margin:8px; overflow:hidden; text-decoration:none; } .blogs .images,.blogs .information { display:block; float:left; } .blogs .images { width:33.3333%; } .blogs .images .image { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; display:block; margin:0 0 0 0; padding:37.5% 0; } .blogs .information { width:66.6666%; } .blogs .text { display:block; padding:24px; } .blogs .blog-category { color:rgba(77,77,77,.6); display:block; font-weight:900; margin-bottom:8px; } .blogs .blog-title { display:block; padding-top:8px; font-weight:900; } .blogs .summary { display:block; margin-top:8px; } .blogs .author { } /* blog-post */ .blog-post { width:100%; } .blog-post img { height:auto; max-width:100%; } .blog-post .cocoen { margin: 8px; } .blog-post .cocoen img, .blog-post .cocoen img.blog-image { margin: 0; } .blog-post .blog-image { border:2px solid rgba(77,77,77,.2); margin: 8px 8px 8px 0; display: inline-block; padding:8px; box-sizing: border-box; } .blog-post .blog-image.inline { margin: 0 4px; display: inline; border: none; } .blog-post .blog-image.float-right { clear:right; float:right; margin:8px; } .blog-post .blog-image.float-left { clear:left; float:left; margin:8px 16px 16px 8px; } .blog-post .blog-image.centered, .blog-post .blog-image.center { display: block; clear: both; margin: 0 auto; } .blog-post .blog-image.width-12-5 { width: calc(12.5% - (4px * 8)/7); } .blog-post .blog-image.width-20 { width: calc(20% - (4px * 5)/4); } .blog-post .blog-image.width-25 { width: calc(25% - (4px * 4)/3); } .blog-post .blog-image.width-33 { width: calc(33% - (4px * 3)/2); } .blog-post .blog-image.width-50 { width: calc(50% - 8px); } .blog-post .blog-image.full-width, .blog-post .blog-image.width-100 { margin-left:8px; margin-right:8px; width: calc(100% - 16px); } .blog-post .image-rows { display: flex; align-items: center; width: calc(100% - 8px); padding: 0 8px; overflow: hidden; } /* blog-banner */ .blog-banner { padding:33.3333% 0; margin:-16px -16px 16px -16px; position:relative; background-size: cover; background-position: 50% 50%; } .blog-banner-picture { margin: -16px -16px 16px -16px; display: block; } .blog-banner .text { background: linear-gradient(rgba(77,77,77,0),rgba(77,77,77,.5)); bottom:0; color:rgba(255,255,255,1); display:none; left:0; padding:16px; position:absolute; right:0; } /* author */ .author { clear:both; display:block; font-weight:900; overflow:hidden; padding:16px 0; } .timestamp2 { float:right; font-weight:900; } .blog-post .author { background:rgba(77,77,77,.1); box-shadow:inset 0px 8px 8px -8px rgba(77,77,77,0.05); box-shadow:none; margin:16px -16px -16px -16px; padding-left:16px; padding-right:16px; } .blogs .author { } .author .bio-image { height:36px; margin:-8px 8px -8px 0; width:36px; } .author .name,.author .timestamp,.timestamp2 { display:inline-block; } .author .timestamp,.timestamp2 { color:rgba(77,77,77,.6); } .blogs .author { display:none; } /* blog-details */ .blog-details { box-shadow:none; clear:both; margin:0 -16px -16px -16px; overflow:hidden; padding:16px 16px 8px 16px; } .blog-details h4 { background:rgba(77,77,77,.1); float:left; margin-right:16px; } .blog-details .tags { float:left; margin-bottom:-8px; } /* clearance-promotion */ .clearance-promotion { color: rgba(239,84,62,1); } /* tag-cloud */ .tag-cloud { background-image: linear-gradient(to bottom, rgba(77,77,77,.05), rgba(77,77,77,0)); } /* tags */ .tags ul,.tags li { list-style:none; margin:0; padding:0; } .tags ul { font-size:0; padding:8px; } .tag-cloud .tags ul { padding:8px 0 0 8px; } .tags li { display:inline-block; padding:0 8px 8px 0; } .tags li,.tags a { color:rgba(77,77,77,1); } .tags a { display:inline-block; border:2px solid rgba(77,77,77,.1); font-weight:900; margin:0; padding:6px 8px; text-decoration:none; } .tags a:hover { border-color:rgba(77,77,77,.6); } /* price-table */ .price-table { clear:both; overflow-x:auto; padding:8px; } .price-table thead { background-color:rgba(77,77,77,.05); } .price-table th,.price-table td { vertical-align:top; } .price-table td { white-space:nowrap; } .price-table .suptag { display:block; margin:4px auto -4px auto; } .price-table thead th { text-align:center; vertical-align:middle; } .price-table thead tr:nth-of-type(1) th:nth-of-type(1) { text-align:left; } .price-table tfoot td { background:rgba(77,77,77,.05); color:rgba(77,77,77,.6); } .price-table tr.group-material { /*cursor:pointer;*/ } .price-table tr td:first-child a { color: inherit; text-decoration: none; } .price-table tr td:first-child a:hover { text-decoration: underline; } .price-table .out-of-stock { color:rgba(77,77,77,.6); text-align:center; } .price-table .price-table-price { padding-left:6px; padding-right:6px; text-align:right; } .price-table .price-table-price .old-price { color: rgba(77,77,77,.6); /*display: none;*/ font-weight:900; font-size:12px; line-height:12px; text-decoration: line-through; text-transform:capitalize; } .price-table .price-table-price .sale-price { display: block; color: rgba(239,84,62,1); font-weight:900; } .price-table .w-1 { width:37%; } .price-table .w-2 { width:9%; } .price-table .w-3 { width:15%; } .price-table .w-4 { width:18%; } .price-table .empty { color:rgba(77,77,77,1); text-align:center; } /* material-group */ .material-group-container-premium { background:rgba(77,77,77,.05); } div.material-group { margin:8px -16px 24px -16px; padding:16px; } .material-group h2, .material-group span { background-position:8px 50%; background-repeat:no-repeat; background-size:240px 27px; color:rgba(77,77,77,0); display:block; } span.material-group span { background-size:160px 18px; } .material-group span { font-size:22px; line-height:25px; margin:8px -6px; } .material-group.material-group-small span { font-size:15px; line-height:18px; } span.material-group.material-group-small span { margin-bottom:4px; margin-top:0; } .material-group h3 { padding-top:0; } .material-group-desc { color:rgba(77,77,77,.6); display:block; margin-bottom:4px; margin-top:-8px; padding-top:0; } /* .material-group h2,.material-group h4 { padding-left:0; padding-right:0; } */ .material-item table { color:rgba(77,77,77,.6); margin-top:8px; } /* stats */ .stats { overflow:hidden; } .stats dl { overflow:visible; margin-top:-8px; padding:0 8px; } .stats dt,.stats dd { float:left; font-weight:900; margin-top:8px; overflow:visible; padding:8px 0; width:50%; } .stats dt { border-bottom:2px dotted rgba(77,77,77,.2); padding-bottom:6px; width:calc(100% - 124px); } .stats dd { padding:0; width:116px; } .stats dd .button { width:100%; } .stats dd .null { background-color:rgba(77,77,77,.05); color:rgba(77,77,77,.6); } /* media */ .media { margin-bottom:16px; } .media .image { background:rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; margin:8px; padding:0; position:relative; padding-bottom: calc(100% - 16px); box-sizing: border-box; height: 0; } .media .image img { height:auto; width:100%; } .media .image .new,.media .image .sale,.media .image .clearance,.media .image .updated { background:rgba(148,148,148,1); color:rgba(255,255,255,1); font-weight:900; padding:8px 0; position: absolute; right:-95px; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); text-transform:uppercase; top: 14px; width:252px; } .media .image .new { background:rgba(77,77,77,.6); color:rgba(255,255,255,1); } .media .image .sale,.media .image .clearance { background:rgba(239,84,62,1); color:rgba(255,255,255,1); } .media .gallery { margin:0; padding:0; } .media .gallery ul,.media .gallery li { list-style:none; margin:0; padding:0; } .media .gallery ul { font-size:0; line-height:0; margin:0; overflow:hidden; padding:0; } .media .gallery li { float:left; font-size:0; line-height:0; overflow:hidden; margin:0; padding:8px 8px 0 8px; width:33.3333%; } .media .gallery a { background:rgba(255,255,255,1); border:2px solid rgba(77,77,77,.1); display:block; margin:0; padding:0; position:relative; transition:none; width: 100%; height: 0; padding-bottom: 100%; } .media .gallery a.current { border-color:rgba(77,77,77,.2); transition:border .2s; } .media .gallery img { display:block; height:auto; width:100%; } .media-hidden #image,.media-hidden #media-container figure.image,.media-hidden .zoomContainer,.media-hidden .product-image-gallery { display: none; } .media .gallery a .credit { background:-moz-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:-webkit-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,.025) 100%); background:linear-gradient(to top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%); bottom:0; color:rgba(255,255,255,1); display:block; font-weight:900; left:0; opacity:0; padding:16px; position:absolute; right:0; text-align:left; text-decoration:none; } .media .gallery a:hover .credit { opacity:1; } /* closeup */ .image .closeup { background:#fff; background-position:0 0; background-size:300px 300px; background-repeat:repeat; border-radius:50%; display:block; display:none; padding:33.3333%; position:absolute; right:-33.3333%; } .grid .image .closeup { bottom:-50%; } .media .image .closeup { bottom:-37.5%; } /* detail */ .detail { background-color:rgba(77,77,77,.05); } /* fabric page rows */ .fabric-page-row-1 { background: rgb(220,220,220); background: rgba(77,77,77,.1); } .fabric-page-row-2 { background: rgb(200,200,200); background-color:rgba(77,77,77,.15); } .fabric-page-row-3 { background: rgb(180,180,180); background-color:rgba(77,77,77,.2); } /* This will override the above if gradients are supported */ .fabric-page-row { background: linear-gradient(180deg, rgba(77,77,77,0.10418427624956228) 0%, rgba(77,77,77,0) 100%); } /* insta-gallery-wrap */ .insta-gallery-wrap { margin-top:0; padding-bottom:12px; } /* related-fabrics */ .related-fabrics { margin-top:0; margin-bottom:-120px; padding-bottom:120px; } /* attributes */ .attributes dl { border-bottom:2px solid #dedede; margin:0 8px; padding:12px 0 0 0; } .attributes dt,.attributes dd { border-top:2px solid #dedede; padding:4px 0; } .attributes dt { clear:both; float:left; white-space:normal; width:120px; } .attributes dd { float:left; width:calc(100% - 120px); } .attributes .fabric-performance { padding:4px 0; } .attributes table { margin:0; width:auto; } .attributes td { border:0; padding:0 16px 0 0; } .attributes tr td:last-child { padding-right:0; } .certification-rating .material-icons { margin-right:0; color:rgba(77,77,77,.6); } .attributes .standards { width: 100%; } .attributes .standards td, .attributes .standards th { padding: 4px 8px; border-style: solid; border-color: #dedede; border-width: 2px 0 2px 0; } .attributes .standards td p, .attributes .standards th p { padding: 2px 0; } .attributes .standards td .pass, .attributes .standards th .pass { font-weight: bold; color: #529e4a; } .attributes .standards td .fail, .attributes .standards th .fail { font-weight: bold; color: rgba(239,84,62,1); } /* prices */ .prices .table { padding:8px; } .prices th,.prices td { border:2px solid #dedede; vertical-align:top; } .prices th.center,.prices td.center { text-align:center; } .prices th.right,.prices td.right { text-align:right; } .prices .sale-price,.prices .old-price { display:block; } .prices .price-cell { font-weight:900; } .prices .sale-price { } .prices .old-price { color: rgba(77,77,77,.6); text-transform:capitalize; text-decoration:line-through; } /* resources */ .resources { background-color:rgba(77,77,77,.05); } .resources ul { padding-bottom:4px; padding-top:4px; } .resources li { padding-bottom:4px; padding-top:4px; } .resources .description { display:block; } /* mask-disclaimer */ .mask-disclaimer { display:block; color:rgba(77,77,77,.6); } /* safety */ .safety { background-color:rgba(77,77,77,.05); } .safety h4 { display:inline-block; float:left; } .safety .pictograms,.safety .pictograms li { list-style:none; margin:0; padding:0; } .safety .pictograms { float:left; font-size:0; } .safety .pictograms li { background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/pictograms.png) 0 0 no-repeat; background-size:36px 288px; display:inline-block; height:36px; margin-right:8px; width:36px; } .safety .pictograms .acute-toxicity { background-position:0 0; } .safety .pictograms .corrosive { background-position:0 -36px; } .safety .pictograms .explosive { background-position:0 -72px; } .safety .pictograms .flammable { background-position:0 -108px; } .safety .pictograms .gas-under-pressure { background-position:0 -144px; } .safety .pictograms .hazardous-to-the-environment { background-position:0 -180px; } .safety .pictograms .health-hazard { background-position:0 -216px; } .safety .pictograms .oxidising { background-position:0 -252px; } .safety .pictograms .serious-health-hazard { background-position:0 -288px; } .safety .bullets { clear:both; } /* fabrics */ .fabrics ul { margin:-16px 0 -8px 0; } .fabrics > ul li { border-top:2px dotted rgba(77,77,77,.2); margin:0 0 0 8px; } .fabrics .images,.fabrics .information { display:block; float:left; } .fabrics .image { background-color:rgba(77,77,77,.05); display:block; overflow:hidden; padding:37.5% 0; position:relative; } .fabrics .image .sale,.fabrics .image .clearance,.fabrics .image .new { background:rgba(239,84,62,1); color:rgba(255,255,255,1); font-weight:900; padding:8px 0; position: absolute; right:-85px; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); text-transform:uppercase; top: 22px; width:252px; } .fabrics .images .sizes th,.fabrics .images .sizes td { padding-left:0; padding-right:0; } .fabrics .data,.fabrics .stock { display:block; } .fabrics .stock { margin:8px 0; } .fabrics .name { font-weight:900; } .fabrics .price-container { margin-top:0; padding-top:0; } .fabrics .minimal-price-link { color:rgba(77,77,77,.6); font-weight:900; } .fabrics .old-price { color:rgba(77,77,77,.6); font-weight:900; text-decoration:line-through; margin: 0 0.3em; } .fabrics .additional { display:block; overflow:hidden; max-height:0; } .fabrics .short_desc { display:block; margin-top:8px; } .fabrics .care { color:rgba(77,77,77,.6); display:block; margin-top:8px; } .fabrics .fabric-filters { display: flex; margin: 0 0 16px 0; } .fabrics .fabric-filters select { margin: 0 8px; } /* fabric-update */ .fabric-update { clear:both; color:rgba(77,77,77,.6); border-top:2px dotted rgba(77,77,77,.2); margin:8px; padding:16px 0; } /* fabric-downloads */ .fabric-downloads { background:rgba(77,77,77,.05); clear:both; margin:16px 8px 8px 8px; padding:16px; } .fabric-downloads ul,.fabric-downloads li { list-style:none; padding:0; margin:0; } .fabric-downloads ul { padding:8px 8px 0 8px; } .fabric-downloads li { padding:0 0 8px 0; } .fabric-downloads a { background-position:0 0; background-repeat:no-repeat; background-size:15px 20px; padding-left:23px; } .fabric-downloads a:hover { text-decoration:none; } .fabric-downloads a.filetype-pdf { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/filetype-pdf.png); } /* care-instructions */ img.care-instructions { display:block; opacity:.75; margin-top:2px; } .care-disclaimer,.performance-notes { display:block; color:rgba(77,77,77,.6); margin-top:8px; } /* about */ .polaroids { padding-bottom:0; padding-top:0; } .polaroids img { display:block; height:auto; width:100%; } /* disclaimer */ .disclaimer,.disclaimer a { color:rgba(77,77,77,.6); } /* social */ .social { background-color:rgba(255,255,255,.9); } .social section { } .social p { background-color:#f6f6f6; border-radius:10px; margin:0 5px 10px 5px; padding:20px; } .social p:before { content: ' '; position: absolute; width: 0; height: 0; right: auto; top: auto; bottom: -10px; border: 10px solid; border-color: transparent transparent transparent #f6f6f6; } .bio-image { background-size:cover; border-radius:40px; float:left; height:80px; width:80px; } /* help */ .help { background-color:rgba(77,77,77,.05); margin:8px; padding:16px; } .help p { padding-top:0; } /* customer-account-index .list.tickets */ .customer-account-index .list.tickets { margin-top:0; } /* footer */ footer { padding:8px 0; z-index:70; } /* slogan */ .slogan { color:rgba(255,255,255,1); margin-top:8px; } .slogan h3 { padding-bottom:0; } /* status */ .status { margin-top:8px; text-align:right; } .status h3 { background:rgba(255,255,255,.1); display:inline-block; padding:0; } .status a { color:rgba(255,255,255,1); display:block; padding:8px 16px; text-decoration:none; } .status a:hover { text-decoration:underline; } /* reviews */ .reviews { margin-bottom:0; margin-top:0; padding-bottom:0; padding-top:0; } /* links */ .links,.contact { margin-top:8px; } .links ul,.links li,.contact ul,.contact li { list-style:none; margin:0; padding:0; } .links ul,.contact ul { padding:6px 8px 6px 8px; } .links li,.contact li { padding:2px 0; } .links,.links a,.contact,.contact a { color:rgba(255,255,255,.6); text-decoration:none; } .links a:hover,.contact a:hover,.links a:active,.contact a:active { text-decoration:underline; } .links svg { fill:rgba(255,255,255,.6); } .social-icon { float:left; margin-right:4px; height:20px; width:20px; } /* payment */ .payment { overflow:hidden; padding:0; } .payment ul,.payment li { display:block; list-style:none; margin:0; padding:0; } .payment ul { font-size:0; margin:0 4px; overflow:hidden; padding-top:8px; } .payment li { background:#fff; border-radius:4px; display:inline-block; margin:0 4px 8px 4px; padding:4px; } .payment span { background-position:50% 50%; background-repeat:no-repeat; background-size:contain; display:block; height:26px; width:39px; } /* legal */ .legal { color:rgba(255,255,255,.2); margin-bottom:8px; } /* cookies */ #cookies { background-color:rgba(77,77,77,.9); color:rgba(255,255,255,1); bottom:0; left:0; position:fixed; right:0; z-index:999; } #cookies p { display:inline-block; float:left; } #cookies button { background-color:rgba(255,255,255,.2); color:rgba(255,255,255,1); margin:0 8px; } #cookies .buttons { display: flex; width: 100%; } #advancedcookies { background-color:rgba(77,77,77,.9); color:rgba(255,255,255,1); bottom:0; left:0; position:fixed; right:0; z-index:999; display: flex; flex-direction: column; padding: 0.75rem; align-content: center; justify-content: center; align-items: center; } #advancedcookies p { display: block; } #advancedcookies .buttons { display: flex; width: 100%; gap: 0.5rem; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; } #advancedcookies button { background-color:rgba(255,255,255,.2); color:rgba(255,255,255,1); } /* Privacy Policy */ .privacy-policy .example { border-left:2px solid rgba(77,77,77,.1); color:rgba(77,77,77,1); display:block; font-style:italic; margin:16px 24px 16px 0; padding-left:16px; } .privacy-policy section > h4 { margin-top: 0; } .privacy-policy section > h4 a { color: rgb(77,77,77); text-decoration: none; } .product-dimensions-table td { font-size: 0.9em; } .savingsPopup { display:none; max-width:270px; opacity:0; position:fixed; right:0; text-align:center; transition:all .6s; transition-delay:.6s; width:100%; z-index:999999; bottom:-270px; } .loaded .savingsPopup { bottom:0; opacity:1; } .savingsPopupContainer { box-shadow: 0px 4px 8px 0px rgba(77,77,77,.2); margin:16px; } .savingsPopupContent { background:rgba(255,255,255,1); margin:0 auto; padding:8px; position:relative; } .savingsPopupClose { background:rgba(255,255,255,1); border-radius:50%; box-shadow: 0px 4px 8px 0px rgba(77,77,77,.2); color:rgba(77,77,77,1); padding:8px 0; position:absolute; right:-12px; text-align:center; top:-12px; width:36px; } .savingsPopupClose .material-icons { float:none; margin-left:0; margin-right:0; } .savingsPopupTitle { background:rgba(239,84,62,1); background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/css/getSkinUrl('images/savingsPopup.jpg'); ?>),url(https://prinfab.com/skin/frontend/prinfab2/default/css/getSkinUrl('images/savingsPopup.jpg'); ?>); background-position:4px 50%,calc(100% - 4px) 50%; background-size:48px 28px; background-repeat:no-repeat; color:rgba(255,255,255,1); display:block; line-height:42px; margin-bottom:8px; padding:0; text-align:center; } .savingsPopupText { color:rgba(77,77,77,1); } .savingsPopupForm { display:block; padding:0 8px; position:relative; } .savingsPopupFormInput { text-align:center; } .savingsPopupFormButton { display:block; margin-top:8px; width:100%; } .savingsPopupGuidance,.savingsPopupGuidance a { color:rgba(77,77,77,.6); } /* ai-banner */ .ai-banner { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/slides/ai.jpg); background-position:100% 0; background-repeat:no-repeat; background-size:100% auto; text-align:center; } .ai-banner .ai-grad { background:linear-gradient(to top,rgba(228,228,228,1), rgba(228,228,228,0)); } .ai-banner .ai-grad .slide { background:transparent; box-shadow:none; margin:0 auto; max-width:810px; } .ai-banner .ai-grad .slide .ai-logo { display:inline-block; margin:0 auto -24px auto; position:relative; } .ai-banner .ai-grad .slide .ai-logo img { height:80px; margin:8px auto 0 auto; width:90px; } .ai-banner .ai-grad .slide .ai-logo sup.suptag { position:absolute !important; right:-8px !important; top:16px !important; transform:translateX(100%); } .ai-banner .ai-grad .slide .form { box-shadow: 0 0 8px 4px rgba(77,77,77,.1); overflow:hidden; margin:16px 8px 0 8px; padding:16px; text-align:left; } /* ad-guidance */ .ai-guidance-link { margin:0; padding-bottom:8px; padding-top:8px; } .ai-guidance-link a:hover { text-decoration:none; } .ai-guidance-link i { color:rgba(77,77,77,.6); } /* ai-usps */ .ai-usps { background-color:rgba(228,228,228,1); background-image: linear-gradient(to right,rgba(228,228,228,1), rgba(228,228,228,0), rgba(228,228,228,0), rgba(228,228,228,1)), linear-gradient(to bottom,rgba(77,77,77,.1) 0, rgba(219,219,219,1) 8px,rgba(219,219,219,1) 100%); text-align:center; } .ai-usps .inner section { padding-bottom:8px; padding-top:8px; } .ai-usps h3 { color:rgba(77,77,77,.6); } .ai-usps p { margin-bottom:-8px; margin-top:-12px; } /* ai-gallery */ .ai-gallery { background:rgba(219,219,219,1); } .ai-gallery h2 { margin-bottom:0; } .ai-gallery h3 { color:rgba(77,77,77,.6); margin-top:0; padding-top:0; } /* ai-guidelines */ .ai-guidelines { background:rgba(210,210,210,1); text-align:center; } .ai-guidelines .col-l,.ai-guidelines .col-r { text-align:left; } .ai-guidelines h3.h2 { color:rgba(77,77,77,.6); } .ai-guidelines .blockquote { display:block; margin:0 auto; } .ai-prompt { display:block; margin:0 auto -16px auto; font-size:0; line-height:0; } .ai-prompt-text,.ai-prompt-operator { display:inline-block; font-weight:900; margin:0; padding:0; text-align:center; } .ai-prompt-text { border:2px solid rgba(77,77,77,.2); color:rgba(255,255,255,1); color:rgba(77,77,77,1); padding:12px 16px; } .ai-prompt-operator { color:rgba(77,77,77,.2); width:24px; } .ai-prompt .h3 { display:block; padding:16px; } .ai-guidelines .row-2 .col-l section { padding-top:0; } .ai-guidelines .attributes { margin-top:0; margin-bottom:0; padding-top:8px; padding-bottom:8px; } .ai-guidelines .elements { padding:8px; } .ai-guidelines th { background:rgba(201,201,201,1); } .ai-guidelines th,.ai-guidelines td,.ai-guidelines dl,.ai-guidelines dt,.ai-guidelines dd { border-color:rgba(193,193,193,1); } .ai-guidelines dt { width:150px; } .ai-guidelines dd { width:calc(100% - 150px); } .ai-faqs { background-color:rgba(77,77,77,.05); } .ai-faqs.faqs.list > ul > li:first-child { border-top:0; } .ai-faqs .help { background-color:rgba(77,77,77,.05); margin:24px -16px -16px -16px; } /* ai-terms */ .ai-terms { background:rgba(201,201,201,1); margin-bottom:-120px; } .ai-terms,.ai-terms a { color:rgba(77,77,77,.6); } .ai-terms a:hover { text-decoration:none; } .scale-display { margin-top: .4rem; } .scale-display td, .scale-display th { padding: 0 0; font-size: 0.8rem; } .form-help { display: block; font-weight: normal; color: rgba(77,77,77,.6); } } @media only screen and (min-width: 1025px) { /* layout */ .col-l,.col-c,.col-c-2 { float:left; } .col-r { float:right; } .row-1 > .col-l { clear:both; float:none; width:100%; } .row-2 > .col-l,.row-2 > .col-r,.row-simple > .col-l { width:50%; } .row-3 > .col-l,.row-3 > .col-c,.row-3 > .col-r { width:33.33%; } .row-3 > .col-c-2 { width:66.67%; } .row-2-l > .col-l { width:25%; } .row-2-r > .col-r,.row-configurable > .col-r,.row-checkout > .col-r { width:25%; } .row-2-l > .col-r { width:75%; } .row-2-r > .col-l,.row-configurable > .col-l, .row-checkout > .col-l { width:75%; } .row-simple > .col-r { padding:8px; width:calc(50% - 32px); } .row-simple > .col-r > .col-r { float:right; margin:0 0 16px 16px; width:calc(50% + 8px); } .row-simple > .col-r > .col-l { display:inline; float:none; } .row-simple > .col-r > .col-r section { margin:0 0 8px 8px; } .row-simple > .col-r > .col-l section { margin-left:-16px; margin-right:0; } .row-simple > .col-r > .col-l section:first-child { display:inline; margin:0; padding:0; } .row-simple > .col-r > .col-l section:nth-of-type(2) { margin-top:24px; } /* grouped-list */ .grouped-list li { display:block; float:left; max-height:32px; width:33.3333%; } /* grid */ .grid li,.quotes li { float:left; width:25%; } .col-r .grid li,.popup .grid li{ float:left; width:33.3333%; } .grid.funnel li{ float:left; width:33.3333%; } .grid.categories li{ float:left; width:20%; } .extended-description li { float:left; width:33.33%; } .quotes li:nth-of-type(4n + 1),.extended-description li:nth-of-type(3n+1) { clear:both; } /* experts */ .experts .image { background-size:360px 360px; } .experts .image-left { background-position:0 0; } .experts .image-right { background-position:100% 0; } .experts .image-right { min-height:280px; } .experts .image .expert-help .col { padding:0 360px; } .experts .image .expert-help .col section { max-width:540px; } /* csLegend */ .csLegend li { width:33.3333%; } } @media only screen and (min-width: 772px) and (max-width: 1024px) { /* layout */ .col-l,.col-c,.col-c-2 { float:left; } .col-r,.row-configurable > .col-r { float:right; } .row-1 > .col-l{ clear:both; float:none; width:100%; } .row-simple > .col-r > .col-l { } .row-2 > .col-l,.row-2 > .col-r { width:50%; } .row-2-l > .col-r,.row-2-r > .col-l { width:66.6666%; } .row-2-l > .col-l,.row-2-r > .col-r { width:33.3333%; } .row-3 > .col-l,.row-3 > .col-c,.row-3 > .col-r { width:33.33%; } .row-simple > .col-l,.row-configurable > .col-l,.row-checkout > .col-l,.row-3 > .col-c-2 { width:66.66%; } .row-simple > .col-l { width:50%; } .row-simple > .col-r > .col-r,.row-configurable > .col-r,.row-checkout > .col-r { width:33.33%; } .row-simple > .col-r > .col-r { width:50%; } .row-simple > .col-r { display:inline; float:none; } /* grid */ .grid li,.grid li,.popup .grid li,.quotes li,.grid.funnel li { float:left; width:33.3333%; } .col-r .grid li { float:left; width:50%; } .extended-description li { float:left; width:50%; } .quotes li:nth-of-type(3n + 1),.extended-description li:nth-of-type(2n+1) { clear:both; } .scroller li { width:33.3333%; } /* csLegend */ .csLegend li { width:50%; } /* experts */ .experts .image { background-size:240px 240px; } .experts .image-right { min-height:240px; } .experts .image .expert-help .col { padding:0 240px; } .experts .image .expert-help .col section { max-width:540px; } } @media only screen and (min-width: 961px) { /* desktop-hide */ .desktop-hide { display:none; } /* logo */ .logo { float:left; } /* secure-checkout */ .secure-checkout h4 { background-image: linear-gradient(to bottom, rgba(255,255,255,.1), rgba(255,255,255,.1)); background-position:0 8px; background-repeat:no-repeat; background-size: 2px calc(100% - 16px); padding-left:18px; } /* nav */ #nav-show,.nav-hide { display:none; } nav > ul:nth-of-type(1) { float:right; } nav > ul:nth-of-type(1) sup { background: #ef543e; /* Old browsers */ background: -moz-linear-gradient(top, #ef543e 0%, #e3503b 100%); background: -webkit-linear-gradient(top, #ef543e 0%,#e3503b 100%); background: linear-gradient(to bottom, #ef543e 0%,#e3503b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef543e', endColorstr='#e3503b',GradientType=0 ); color:rgba(255,255,255,1); line-height:20px; margin-left:12px; margin-top:-12px; } nav > ul > li { background: -moz-linear-gradient(top, rgba(58,58,58,.9), rgba(58,58,58,0)) 100% 0/2px 100% no-repeat; background:-webkit-linear-gradient(top, rgba(58,58,58,.9), rgba(58,58,58,0)) 100% 0/2px 100% no-repeat; background: linear-gradient(to bottom, rgba(58,58,58,.9), rgba(58,58,58,0)) 100% 0/2px 100% no-repeat; display:inline-block; padding-right:2px; background:transparent; padding-right:0; } nav > ul:nth-of-type(2) { background: -moz-linear-gradient(top, rgba(58,58,58,.9), rgba(58,58,58,0)) 0 0/2px 100% no-repeat; background:-webkit-linear-gradient(top, rgba(58,58,58,.9), rgba(58,58,58,0)) 0 0/2px 100% no-repeat; background: linear-gradient(to bottom, rgba(58,58,58,.9), rgba(58,58,58,0)) 0 0/2px 100% no-repeat; padding-left:2px; background:transparent; padding-left:0; } nav .account-link .material-icons,nav .basket-mobile .material-icons,nav .basket-desktop .material-icons { margin-right:0; } nav .mass-settings { float:right; } nav .currency-selector .label,nav .locale-selector .label { display:none; } nav > ul:nth-of-type(2) > li:nth-of-type(2) { display:none; } nav > ul > li > a,nav > ul > li > label { color:rgba(255,255,255,1); padding:18px 16px; transition:none; } nav > ul > li.parent > a,nav > ul > li.parent > label { background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,1) 50%),linear-gradient(135deg, rgba(255,255,255,1) 50%, transparent 50%); background-position: calc(100% - 21.5px) 50%,calc(100% - 16px) 50%; background-repeat:no-repeat; background-size: 6px 6px,6px 6px; padding-right:36px; } nav > ul > li.parent.hover > a,nav > ul > li.parent.hover > label { background-image: linear-gradient(45deg, rgba(255,255,255,1) 50%, transparent 50%),linear-gradient(135deg, transparent 50%, rgba(255,255,255,1) 50%); background-position: calc(100% - 16px) 50%,calc(100% - 21.5px) 50%; background-color:rgba(255,255,255,.1); } nav > ul > li.hover > a,nav > ul > li.hover > label{ background-color:rgba(255,255,255,.1); color:rgba(255,255,255,1); transition:color .2s; } nav > ul > li > a .underline,nav > ul > li > label .underline{ display:block; border-bottom:2px solid rgba(255,255,255,0); margin-bottom:-6px; padding-bottom:4px; } nav > ul > li.hover > a .underline,nav > ul > li.hover > label .underline{ border-color:rgba(255,255,255,1); border-color:transparent; } nav > ul > li > ul { background:rgba(255,255,255,1); box-shadow: 0px 0 24px 0 rgba(77,77,77,.6); margin-top:0px; left:-99999px; opacity:1; padding:16px 0; position:absolute; transition:none; z-index:9999; } nav > ul > li.mass > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } nav > ul > li.mass > ul > li img { max-width: 100%; object-fit: cover; } nav > ul > li.mass a > label { padding: 4px 8px 4px 0; } nav > ul > li.mass-fabrics > ul { padding-bottom:60px; padding-right:176px; margin-left:-176px; } nav > ul > li.mass-products > ul { padding-bottom:60px; padding-left:176px; margin-left:-88px; } nav > ul > li.mass-fabrics > ul > li.all,nav > ul > li.mass-products > ul > li.all { bottom:16px; left:0; position:absolute; width:216px; } nav > ul > li.mass-fabrics > ul > li.sample,nav > ul > li.mass-products > ul > li.fabric { background:rgba(77,77,77,.1); background:-moz-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,0) 100%); background:-webkit-linear-gradient(bottom,rgba(77,77,77,.1) 0,rgba(77,77,77,0) 100%); background:linear-gradient(to top,rgba(77,77,77,0) 0,rgba(77,77,77,.1) 100%); border-right:0; bottom:0; padding:16px 0; position:absolute; top:0; } nav > ul > li.mass-fabrics > ul > li.sample { right:0; } nav > ul > li.mass-products > ul > li.fabric { left:0; } nav > ul > li > ul:before,nav > ul > li > ul:after { content:''; display:inline-block; position:absolute; } nav > ul > li > ul:before { top: -8px; margin-left:16px; border-right:8px solid transparent; border-bottom:8px solid rgba(255,255,255,1); border-left:8px solid transparent; } nav > ul > li.mass-products > ul:before { border-bottom-color:rgba(236,236,236,1); margin-left:-80px; } nav > ul > li.mass-fabrics > ul:before { margin-left:188px; } nav > ul > li.hover > ul { left:auto; } nav > ul > li > ul > li { vertical-align:top; padding:0 8px; width:220px; } nav > ul > li.narrow > ul > li { width:176px; } nav > ul > li.mass > ul > li { border-right:2px dotted #e5e5e5; } nav > ul > li.mass > ul > li:last-child,nav > ul > li.mass-fabrics > ul > li:nth-last-child(2),nav > ul > li.mass-products > ul > li:nth-last-child(2),nav > ul > li.mass > ul > li.all { border-right:0; } nav > ul > li.mass > ul > li.all, { display:block; } nav > ul > li > ul > li.parent { display:inline-block; } nav > ul > li > ul > li.columns,nav > ul > li > ul > li.brand-nav { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-bottom:-16px; margin-top:-16px; padding-bottom:16px; padding-top:16px; } nav > ul > li > ul > li.columns { display:inline-block; width:504px; } nav > ul > li > ul > li.brand-nav { border-left:2px dotted rgba(77,77,77,.2); } nav > ul > li > ul > li label,nav > ul > li > ul > li a,nav > ul > li > ul > li a { color:rgba(77,77,77,1); display:inline-block; padding:4px 8px; } nav > ul > li.mass-fabrics > ul > li.sample > a:hover,nav > ul > li.mass-products > ul > li.fabric > a:hover { text-decoration:none; } nav > ul > li.mass-fabrics > ul > li.sample .label, nav > ul > li.mass-fabrics > ul > li.sample .image, nav > ul > li.mass-fabrics > ul > li.sample .action, nav > ul > li.mass-products > ul > li.fabric .label, nav > ul > li.mass-products > ul > li.fabric .image, nav > ul > li.mass-products > ul > li.fabric .text, nav > ul > li.mass-products > ul > li.fabric .action { display:block; padding:8px; } nav > ul > li.mass-products > ul > li .image { display:none; padding:16px 0 8px 0; } nav > ul > li.mass-products > ul > li .image img:hover { outline:2px solid rgba(77,77,77,1); } nav > ul > li.mass-products > ul > li.fabric .text { display:inline-block; } nav > ul > li.mass-fabrics > ul > li.sample .label,nav > ul > li.mass-products > ul > li.fabric .label { color:rgba(77,77,77,.6); font-weight:900; padding:0 8px 8px 8px; } nav > ul > li.mass-fabrics > ul > li.sample .image img,nav > ul > li.mass-products > ul > li.fabric .image img{ height:auto; width:100%; } nav > ul > li.mass-fabrics > ul > li.sample .button, nav > ul > li.mass-products > ul > li.fabric .button { display:block; } nav .account-link { float:right; } nav > ul > li > ul > li label,nav > ul > li > ul > li a.label { color:rgba(77,77,77,.6); font-weight:900; margin-bottom:4px; } nav > ul > li > ul > li a { color:rgba(77,77,77,1); } nav > ul > li > ul > li.brand-nav > a { display:none; } nav > ul > li > ul > li a:hover,nav > ul > li > ul > li a:active,nav > ul > li.mass-products > ul > li.fabric .text:hover,nav > ul > li.mass-products > ul > li.fabric .label:hover { text-decoration:underline; } nav > ul > li > ul > li.parent > a { color:rgba(77,77,77,.6); font-weight:900; } nav > ul > li > ul > li.columns > ul { -webkit-column-count:3; -moz-column-count:3; column-count:3; } nav > ul > li > .button:hover,nav > ul > li > .button:active,nav > ul > li > .button:focus { outline-color:#fff; } nav .basket-mobile { display:none; } nav .basket-desktop { display:inline-block; margin:0 16px 0 0; } nav > ul > li.mass-settings > ul { /*210 */ margin-left:-264px; } nav > ul > li.mass-settings > ul:before { margin-left:280px; } /* well */ .well { float:right; margin:24px 8px 24px 24px; width:calc(50% - 48px); } .well.no-float { float:none; margin:8px 8px 8px 8px; width:auto; } /* title */ .title .image { background-position:100% 0; background-repeat:no-repeat; background-size:contain; float:right; height:46px; margin:0 8px 0 8px; width:25%; } .title .image img { display:none; } .title ul { float:left; } .title h1 { clear:left; } /* filter */ .filter > ul > li { border-top:2px solid rgba(77,77,77,.1); margin-top:8px; padding:18px 0 0 0; } .filter > ul > li:first-child { border-top:none; margin-top:0; padding:8px 0 0 0; } /* list */ .list .heading.action { text-align:right; } .list .id { float:left; width: 106px; } .list .heading, .list .data { float:left; } .list .data { padding-top:8px; } .list .data.action { padding-top:0; } .list .date { width: 168px; } .list .status { width: calc(100% - 634px); } .list.orders .total { width: 84px; } .list.orders .action { float:right; width: calc(268px); } .list .action .button { float:right; margin-left:8px; width:126px; } .list .action .button .material-icons { margin-left:8px; margin-right:0; } /* thread */ .list.thread .heading { display:block; float:none; margin-bottom:8px; } .list.thread .content { display:block; } /* fabrics */ .fabrics .images { margin-left:-8px; padding:8px 0; width:295px; } .fabrics .information { overflow:hidden; padding:16px 24px; width:calc(100% - 335px); } /* cookies */ #cookies button { float:right; } /* compositor */ .compositor-wrap { padding:12.5% 0; } .compositor-wrap .compositor-init { /* left: 50%; position: absolute; right: 50%; top: calc(50% - 45px);      -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ margin:0 auto; top: calc(50% - 45px); width:624px; } .compositor-container { padding:0 50%; } /* artboard */ .artboard { min-height:400px; } /* spot-promo */ .spot-promo { height:144px; right:-72px; top:-50px; width:144px; text-transform:uppercase; } .spot-promo .numbers { font-size:32px; line-height:32px; margin-top:48px; } .spot-promo .products { font-size:13px; letter-spacing:0; line-height:13px; margin-top:4px; } } @media only screen and (max-width: 961px) { /* header */ header { min-height:50px; text-align:center; } /* logo */ .logo { padding-bottom:7px; padding-top:7px; } .logo,.logo img { display:inline-block; float:none; margin-left: auto; margin-right:auto; text-align:center; } /* secure-checkout */ .secure-checkout { position:absolute; left:0; top:0; } /* nav */ #nav-show { background-image: linear-gradient(to bottom, rgba(58,58,58,.9) 0,rgba(58,58,58,0) 100%); background-position:100% 0; background-repeat:no-repeat; background-size: 2px 100%; background:transparent; display:block; left:0; padding:18px 16px; position:absolute; top:0; z-index:110; } .mobile-search-toggle { background-image: linear-gradient(to bottom, rgba(58,58,58,.9) 0,rgba(58,58,58,0) 100%); background-position:100% 0; background-repeat:no-repeat; background-size: 2px 100%; color:rgba(255,255,255,1); display:block; left:56px; padding:18px 16px; position:absolute; top:0; z-index:110; } #nav-show .material-icons,.mobile-search-toggle .material-icons,.basket-mobile .material-icons { margin-right:0; } nav .nav-hide:nth-of-type(1) { color:rgba(77,77,77,.6); cursor:pointer; display:block; font-weight:900; padding:18px 16px; } nav ~ .nav-hide { opacity:0; transition:opacity .2s; } nav > ul:nth-of-type(2) .material-icons { display:none; } nav > ul:nth-of-type(2) .nav-hide .material-icons { display:inline-block; } .nav-show nav ~ .nav-hide { background:rgba(77,77,77,.6); bottom:0; left:0; opacity:1; position:fixed; right:0; top:0; z-index:990; } nav > ul:nth-of-type(2) { background-color:rgba(255,255,255,1); bottom:0; box-shadow: 0px 0 160px 0 rgba(77,77,77,1); box-shadow:none; left:-252px; opacity:0; overflow-y:scroll; -webkit-overflow-scrolling: touch; padding:0 0 16px 0; position:fixed; text-align:left; top:0; transition:none; width:252px; z-index:999; } .nav-show nav > ul:nth-of-type(2) { left:0; opacity:1; transition:all .2s; } nav > ul:nth-of-type(2) li { background-repeat:no-repeat; border-top:2px solid rgba(77,77,77,.1); position:relative; } nav > ul:nth-of-type(2) > li:nth-of-type(1) { border-top:none; } nav > ul:nth-of-type(2) > li:last-child { border-bottom:2px solid rgba(255,255,255,.1); } nav > ul:nth-of-type(2) li.parent { background-image: linear-gradient(to bottom, #4d4d4d,#4d4d4d),linear-gradient(to bottom, #4d4d4d,#4d4d4d); background-position: calc(100% - 16px) 18px,calc(100% - 22px) 12px; background-size: 14px 2px, 2px 14px; } nav > ul:nth-of-type(2) li.parent.hover { background-image: linear-gradient(to bottom,#4d4d4d,#4d4d4d),linear-gradient(to bottom,#4d4d4d,#4d4d4d); background-position: calc(100% - 16px) 18px,calc(100% - 22px) 12px; background-size: 14px 2px, 0 14px; } nav > ul:nth-of-type(2) a,nav > ul:nth-of-type(2) label { color:rgba(77,77,77,1); padding:12px 16px; } .no-touch nav > ul:nth-of-type(2) a:hover,nav > ul:nth-of-type(2) a:active,.no-touch nav > ul:nth-of-type(2) label:hover,nav > ul:nth-of-type(2) label:active { text-decoration:underline; } nav > ul:nth-of-type(2) ul { display:none; } nav > ul:nth-of-type(2) li.hover > ul { display:block; } nav > ul:nth-of-type(2) li.parent > .toggle { bottom:0; cursor:pointer; display:block; position:absolute; right:0; top:0; width:52px; } nav > ul:nth-of-type(2) li.parent > a,nav > ul:nth-of-type(2) li.parent > label { font-weight:900; } nav > ul:nth-of-type(2) > li > ul > li > a,nav > ul:nth-of-type(2) li.columns > ul > li > a,nav > ul:nth-of-type(2) > li > ul > li > label,nav > ul:nth-of-type(2) li.columns > ul > li > label { padding-left:32px; } nav > ul:nth-of-type(2) > li > ul > li > ul > li > a,nav > ul:nth-of-type(2) > li > ul > li > ul > li > label { padding-left:48px; } nav > ul:nth-of-type(1) { position:absolute; right:0; top:0; z-index:110; } nav > ul:nth-of-type(1) > li { float:left; font-size:0; } nav > ul:nth-of-type(1) > li sup { font-size:14px; line-height:20px; } nav > ul:nth-of-type(1) > li > a,nav > ul:nth-of-type(1) > li > label { background-image: linear-gradient(to bottom, rgba(58,58,58,.9) 0,rgba(58,58,58,0) 100%); background-position:0 0; background-repeat:no-repeat; background-size: 2px 100%; background:transparent; padding:18px 16px; } nav .basket-mobile { display:inline-block; margin:0 0 0 0; } nav .basket-desktop { display:none; } nav .curr_country { display:none; } nav .currency-symbol,nav .locale-selector img { margin-right:8px; } nav .currency-symbol { background:rgba(77,77,77,.6); color:rgba(255,255,255,1); } nav > ul > li.mass-fabrics > ul > li.sample .image,nav > ul > li.mass-fabrics > ul > li.sample .action, nav > ul > li.mass-products > ul > li.fabric .image,nav > ul > li.mass-products > ul > li.fabric .action,.search-toggle { display:none; } nav > ul > li.mass a > label { padding: 2px 0; } .mobile-search-toggle { display:none; } /* search */ /* tree */ .tree ul { padding-bottom:134px; } .tree ul > li { width:25%; } .tree ul > li.sample { bottom:0; height:122px; left:0; right:0; top:auto; width:100%; text-align:center; } .tree > ul > li.sample a .ctasp { margin-left:90px; margin-right:90px; } .tree > ul > li.sample a .ctasp .mobh { display:none; } .tree > ul > li.sample a .image { position:absolute; top:0; height:122px; width:122px; overflow:hidden; } .tree > ul > li.sample a .image-left { display:block; left:0; } .tree > ul > li.sample a .image-right { display:block; right:0; } .tree > ul > li.sample a .image img { height:183px; width:183px; } .tree > ul > li.sample a .image-left img { margin-left:-61px; margin-top:0; } .tree > ul > li.sample a .button { display:inline-block; margin:8px auto 0 auto; max-width:162px; width:calc(100% - 276px); } /* well */ .well { margin:8px 8px 16px 8px; } /* title */ .title .image { background-image:none !important; } .title .image img { display:block; height:20px; margin:16px 0 0 8px; } /* spot-promo */ .spot-promo { height:78px; right:-16px; top:-24px; width:78px; } .spot-promo .numbers { font-size:16px; line-height:16px; margin-top:28px; } .spot-promo .products { font-size:7px; line-height:9px; } /* certification */ .grid .image .oeko-tex-standard-100 { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex-standard-100_small.png); background-size:42px 14px; height:14px; width:42px; } .grid .image .oeko-tex { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/oeko-tex_small.png); background-size:14px 14px; height:14px; width:14px; } .grid .image .gots { background-image:url(https://prinfab.com/skin/frontend/prinfab2/default/images/gots_small.png); background-size:14px 14px; height:14px; width:14px; } .image .attribute { height:26px; width:26px; } .grid .price-container { margin-bottom:0; padding-bottom:0; } .control .price-container .minimal-container, .grid .price-container .minimal-container { background:rgba(77,77,77,.1) url(https://prinfab.com/skin/frontend/prinfab2/default/images/bulk.png) 8px 7px/20px 20px no-repeat; line-height:12px !important; margin:8px 0 -4px 0; padding:6px 8px 6px 34px; } .control .price-container .minimal-container .small.minimal-price-link, .grid .price-container .minimal-container .small.minimal-price-link { line-height:10px !important; } /* list */ .list li:first-child { display:none; } .fabrics.list li:first-child { display:block; } .list span { display:block; } .list span.price,.list span.minimal-price-link { display:inline-block; } .list span.bullet { display:list-item; } .list.orders .action { margin-top:8px; } .list.orders .action a:nth-of-type(1){ margin-top:8px; } /* fabrics */ .fabrics > ul > li { padding:16px 0 0 0; } .fabrics .images { display:block; width:100%; } .fabrics .images .image { padding:25% 0; } .fabrics .information { padding:16px 0; } /* certification page */ .cert-document-heading { background-position:8px 4px; background-size:30px 30px; padding-left: 46px; padding-top:8px; padding-bottom:8px; } .cert-document .well { margin-top:16px; } /* payment */ .payment ul,.payment li { float:none; } /* experts */ .experts .image { background-size:180px 180px; } .experts .image-left { background-position:0 100%; } .experts .image-right { background-position:100% 100%; } .experts .image-right { } .experts .image .expert-help .col { padding:0 180px; } } @media only screen and (min-width: 521px) { /* close */ .close { display:block; position:absolute; right:0; z-index:999; } .close .button { background-color:rgba(246,246,246,1); color:rgba(77,77,77,1); margin:-8px 0 0 -52px; padding:16px 0; position:fixed; } .close .button:hover { outline:0; } .close .button .material-icons { margin:0; } .close .button .label { display:none; } /* order */ .order .heading-product { width:calc(100% - 230px); } .order .text { float:left; display:block; padding:24px; width:calc(100% - 376px); } .order .heading-quantity,.order .quantity { width:85px; } /* reviews */ .reviews-container { float:right; margin:0 0 0 0; overflow:hidden; padding:8px; } /* compositor */ .compositor-hide-on-notvisible { margin-right:8px; } .compositor-wrap.active .compositor-container .compositor { width: calc(100% - 34px); } .compositor-wrap.active .compositor-container.has-ruler-right .compositor,.compositor-wrap.active .compositor-container.has-ruler-left .compositor { width: calc(100% - 76px); } .compositor-wrap.active .compositor-container.has-ruler-right.has-ruler-left .compositor { width: calc(100% - 118px); } .compositor-wrap.active .compositor-container .ruler-width { margin: 0 50px; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); } .compositor-wrap.active .compositor-container .ruler-height.show { display: block; } .compositor-wrap.active .compositor-container .ruler-width.show { display: block; opacity: 1; } } @media only screen and (min-width: 520px) and (max-width: 772px) { /* layout */ .col-l,.col-c { float:left; } .col-r,.row-configurable > .col-r { float:right; } .row-1 > .col-l,.row-simple > .col-r > .col-l,.row-checkout > .col-l,.row-checkout > .col-r { clear:both; float:none; width:100%; } .row-2 > .col-l,.row-2 > .col-r,.row-simple > .col-l,.row-simple > .col-r > .col-r,.row-configurable > .col-l,.row-configurable > .col-r { width:50%; } .row-2-l > .col-r,.row-2-r > .col-l { width:50%; } .row-2-l > .col-l,.row-2-r > .col-r { width:50%; } .row-3 > .col-l,.row-3 > .col-c,.row-3 > .col-c-2,.row-3 > .col-r,.row-3 .row-2 .col-l,.row-3 .row-2 .col-r { float:none; width:100%; } .row-simple > .col-r { display:inline; float:none; } /* grid */ .grid li,.col-r .grid li,.popup .grid li,.quotes li { float:left; width:50%; } .grid.funnel li { float:left; width:33.3333%; } .grid.categories li { width:100%; } .col-r .grid li { float:left; width:100%; } .extended-description li { float:none; width:100%; } .quotes li:nth-of-type(2n + 1),.extended-description li:nth-of-type(1n+1) { clear:both; } .scroller li { width:33.3333%; } } @media only screen and (min-width: 751px) and (max-width: 1024px) { /* */ #nav-show,nav > ul:nth-of-type(1) > li > a,.mobile-search-toggle { padding-bottom:14px; padding-top:14px; } } @media only screen and (min-width: 0) and (max-width: 1024px) { .prinfab-guide-fabrics-index .row-2-l .col-l,.prinfab-guide-fabrics-index .row-2-l .col-r { width:100%; } .prinfab-guide-fabrics-index .grid li { width:33.3333%; } /* filter */ .filter-toggle { display:block; margin:8px; } .filter-toggle span { background-image: linear-gradient(45deg, transparent 50%, rgba(77,77,77,1) 50%),linear-gradient(135deg, rgba(77,77,77,1) 50%, transparent 50%); background-position: calc(100% - 22px) 50%,calc(100% - 16px) 50%; background-repeat:no-repeat; background-size: 6px 6px,6px 6px; display:inline-block; padding-right:36px; } .filter-toggle.show span { background-image: linear-gradient(45deg, rgba(77,77,77,1) 50%, transparent 50%),linear-gradient(135deg, transparent 50%, rgba(77,77,77,1) 50%); background-position: calc(100% - 16px) 50%,calc(100% - 22px) 50%; } .filter-toggle ~ .filter { margin-top:16px; display:none; } .filter-toggle.show ~ .filter { display:block; } .filter > ul > li legend { border-bottom:2px solid rgba(77,77,77,.1); padding-bottom:12px; } .filter > ul > li fieldset ul > li { border-bottom:2px solid rgba(77,77,77,.1); padding:12px 0; } .filter > ul > li fieldset ul > li label { display:block; } } @media only screen and (min-width: 0) and (max-width: 772px) { /* hide progress on small screens */ .checkout-onepage-index .row-checkout > .col-r { display:none; } /* status */ .status { margin:12px 8px 0 8px; text-align:left; } .status h3 { display:block; } .status a { padding:8px; } /* footer */ .links .col-l,.links .col-c,.links .col-r { float:left; overflow:hidden; width:33.3333%; } .links .col-l ul,.links .col-c ul,.links .col-r ul { padding-bottom:0; } .links .contact { margin-top:0; } .links .contact ul { padding-top:0; } .contact .material-icons { display:none; } .social-icon { float:left; } .legal,.payment { width:100%; } .payment { margin-top:8px; } /* csLegend */ .csLegend-container,.csLegend-container section { margin:0; padding:0; } .csLegend { border:0; padding:0 8px; } .csLegend ul { overflow:hidden; padding:0 0 8px 0; } .csLegend li { padding:8px 8px 0 8px; width:16.6666%; } .csLegend .icon { height:10px; margin-right:4px; width:10px; } .csLegend .icon svg { height:10px; width:10px; } .csLegend .text { color:rgba(77,77,77,.6); padding:0; width:calc(100% - 22px); } .csLegend .text .name { padding:0; } .csLegend .text .desc { display:none; } } @media only screen and (min-width: 0) and (max-width: 520px) { .showcase { margin-left:0; margin-right:0; } .showcase .inner { padding:0; } .scroller li { width:33.3333%; } /* .scroller { margin:0 0 16px 0; padding:8px 16px 0 16px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; overflow-scrolling:touch; } .scroller li { display:inline-block; float:none; width:25%; white-space:normal; vertical-align:top; } .scroller li:nth-of-type(2n + 1) { clear:both; } */ /* roller */ .roller li { width:50%; } .roller .text .desc { display:none; } .roller .text { padding:16px; } .roller .image { padding:37.5% 0; } /* mobile-hide */ .mobile-hide { display:none; } /* currency symbol */ .currency-symbol { font-size:7px; } /* templates mobile */ .templates thead tr th:nth-of-type(4),.templates tbody tr td:nth-of-type(4) { display:none; } /* special-promotions */ .cms-home main section.special-promotions { margin-bottom:0; } .special-promotions ul { padding:0 8px 42px 8px; } /* sample-book */ .sample-book { margin-left:0; margin-right:0; padding-left:0; padding-right:0; } .sample-book .text { padding:0; } .sample-book .images img { height:100px; margin-top:-16px; width:100px; } .sample-book .action { margin-top:8px; } .sample-book .description { display:none; } /* tree */ .tree { margin-bottom:8px; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; } .tree > ul { margin:16px 0 16px 0; padding-top:16px; padding-left:0; padding-right:0; } .tree > ul > li { width:33.3333% } .tree > ul > li:nth-of-type(5),.tree > ul > li.all { display:none; } .tree > ul > li:nth-of-type(4) { border-right:0; } .tree ul { padding-bottom:112px; } .tree ul > li.sample { height:96px; padding-top:16px; } .tree ul > li.sample > .small { display:none; } .tree ul > li.sample .ctasp { white-space:nowrap; } .tree > ul > li.sample a .image { height:96px; width:96px; } .tree > ul > li.sample a .image img { height:144px; width:144px; } .tree > ul > li.sample a .image-left img { margin-left:-48px; } .tree > ul > li.sample a .button { margin-top:4px; width:calc(100% - 192px); } /* announcements */ .cms-home .announcements { left:0; right:0; top:50px; position:absolute; } /* hiw */ .cms-home main section.hiw { margin:0 -24px; width:auto; } .hiw .number { width:30px; } /* trustpilot */ .tp-rating .trustpilot-stars img { height:18px; margin:0 1px; width:18px; } .tp-rating img.trustpilot-2020 { height:24px; margin:-4px 0 -4px 4px; width:99px; } /* tp-inter */ .tp-inter a .stars { margin:2px 4px -2px 8px; width:86px; height:16px; } .tp-inter a .tplogo { margin:2px 4px -3px 4px; width:96px; height:23px; } /* as-seen-in */ .as-seen-in { margin-top:8px; } .as-seen-in ul { margin:0 -8px; } .as-seen-in li { padding:0 4px; } .as-seen-in li.mobile-hide { display:none; } .as-seen-in li:first-child { display:block; } .as-seen-in .seperator { border-right:none; margin-right:0; padding-right:0; } .as-seen-in .bbc { height:20px; width:46px; } .as-seen-in .simply-sewing { height:20px; width:55px; } .as-seen-in .mollie-makes { height:20px; width:52px; } .as-seen-in .love-patchwork-and-quilting { height:20px; width:58px; } .as-seen-in .sewing-directory { height:20px; width:72px; } /* experts */ .experts .inner { padding-left:0; padding-right:0; } .experts .image { background-size:140px 140px; } .experts .image-left { background-position:-36px 100%; } .experts .image-right { background-position:calc(100% + 36px) 100%; min-height:140px; padding-bottom:24px; } .experts .image .expert-help .col { padding:0 30px; } .expert-help h3 { display:none; } /* usps */ .usps { padding:8px 0; } .usps .row-3 { padding:0; } .usps .col-l { display:block; overflow:hidden; padding:4px 0; } .usps h2,.usps h3 { text-align:center; } .usps .motif { width:62px; height:62px; } .usps .text { width:calc(100% - 78px); } /* close */ .close { display:block; padding:8px; } .close .button { width:100%; } /* secure-checkout */ .secure-checkout { display:none; } /* slide */ .slide-container { padding:16px 16px 0 16px; } .slide { margin-top:0; } .slideshow > div > span { left:0; padding:16px; text-align:center; } .slide h1 { padding-bottom:4px; } .slide .top-features .icon img { width:60px; height:20px; } /* quotes */ .quotes { margin-left:0; margin-right:0; } .quotes ul { margin:0 -24px; padding:0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; overflow-scrolling:touch; } .quotes li { display:inline-block; float:none; width:40%; white-space:normal; vertical-align:top; } .quotes li:nth-of-type(2n + 1) { clear:both; } .quotes .bio-image { border-radius:9px; height:18px; margin-bottom:-2px; margin-right:4px; margin-top:-2px; width:18px; } .quotes .stars { height:10px; margin-right:4px; width:54px; } /* extended-description */ .extended-description .feature-box { margin-left:8px; margin-right:8px; } /* title */ .title img { height:41px; } /* menu */ .menu-toggle { display:block; margin:0 8px; } .menu-toggle span { background-image: linear-gradient(45deg, transparent 50%, rgba(77,77,77,1) 50%),linear-gradient(135deg, rgba(77,77,77,1) 50%, transparent 50%); background-position: calc(100% - 22px) 50%,calc(100% - 16px) 50%; background-repeat:no-repeat; background-size: 6px 6px,6px 6px; display:inline-block; padding-right:36px; } .menu-toggle.show span { background-image: linear-gradient(45deg, rgba(77,77,77,1) 50%, transparent 50%),linear-gradient(135deg, transparent 50%, rgba(77,77,77,1) 50%); background-position: calc(100% - 16px) 50%,calc(100% - 22px) 50%; } .menu-toggle ~ .menu { margin-top:16px; display:none; } .menu-toggle.show ~ .menu { display:block; } .menu-toggle,.menu { display:none; } /* toolbar */ .toolbar h4 { padding-top:0; } .toolbar dt,.toolbar li { display:none; } .toolbar dl,.toolbar dd { float:none; width:100%; } .toolbar li.previous,.toolbar li.next { display:block; position:static; width:calc(50% - 8px); } .toolbar li.previous { float:left; } .toolbar li.next { float:right; } .toolbar li a { width:100%; } /* straplines */ .image .sale,.image .clearance,.image .express,.image .bestseller,.image .new { font-size:8px; line-height:8px; padding:4px 0; right:-102px; top: 16px; } /* spot */ .spot { border-radius:50%; top:8px; font-weight:900; height:38px; left:8px; width:38px; } .spot .number { font-size:10px; letter-spacing:-.05em; line-height:10px; margin-top:12px; } .spot .days { font-size:5px; line-height:5px; } /* certification */ .image .certification { bottom:16px; right:16px; } .grid .image .att { height:14px; margin:0 4px 0 0; width:14px; } .grid .image .att.larger { height:14px; margin:0 4px 0 0; width:14px; } /* grid */ .grid.categories li { width:100%; } .grid.products li { display:block; float:none; width:100%; } .grid.products .item { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-direction: row; flex-direction: row; } .grid.products .images { border:0; display:block; height:123px; margin:0 0 0 0; padding:0 0 0 0; position:relative; width:132px; width:164px; } .grid.products .image { background-position:50% 50%; background-size:225px 225px; background-size:cover; margin:0; padding:0; position:absolute; top:0;left:0;right:0;bottom:0; } .grid .sale { } .grid.products .information{ width:calc(100% - 196px); } .grid.products .text { padding:16px 16px 0 16px; width:calc(100% - 196px); } .grid.products .group { background-size:106px 12px; height:12px; } .grid.products .price-container,.grid .actions-container { padding:0; } .grid.products .text { margin-bottom:0; max-height:107px; overflow: hidden; text-overflow: ellipsis; } .grid.products .price-container { margin-bottom:0; margin-top:0; padding-bottom:16px; padding-bottom:4px; } .grid.products .short-description,.grid .suffix-label { display:none; } .grid.products .minimal-container,.grid.products .minimal-container .minimal-price-link { background:none; border:0; display:block; margin:0; padding:0; } .grid.products .minimal-container { margin-top:4px; } .grid.products .minimal-container * { color:rgba(77,77,77,.6) !important; } .grid.products .bullets { margin:0; } .grid.products .bullets .bullet { background:none; display:inline; list-style:none; margin:0; padding:0; } .grid.products .bullets .bullet:nth-of-type(1):after,.grid.products .bullets .bullet:nth-of-type(2):after { content:"."; } .grid.products .actions-container { display:none; margin:8px 16px 16px 0; padding:0; } /* starry */ .image .starry { height:28px; left:8px; top:8px; width:28px; } .mini-starry { height:14px; margin:-3px 0; width:14px; } /* price-dls */ .price-dls { overflow:hidden; } .price-dls dl { float:left; overflow:hidden; width:33.3333%; } .price-dls .suptag { top:6px; position:absolute; z-index:99; } .price-dl { padding:8px; position:relative; text-align:center; } .price-dl dt,.price-dl dd { padding:0; } .price-dl dt { float:none; text-align:left; } .price-dl dd { position:relative; right:auto; text-align:left; } .price-dls > .price-container { clear:both; display:block; margin:0 8px 16px 8px; overflow:hidden; padding-bottom:8px; } .price-dls .small.minimal-price-link { display:block !important; margin-bottom:8px; overflow:hidden !important; padding-top:6px; } /* prices */ .prices .suptag { float:right; margin-bottom:-2px; margin-top:2px; } .detail { } .detail .inner { padding:0; } .detail .attributes,.detail .prices { margin:0 -8px; padding:32px; } .detail .attributes { } .detail .attributes dt { width:80px; } .detail .attributes dd { float:left; width:calc(100% - 80px); } .cert { background-size:14px 14px; background-position:0 0; padding-left:18px; } .fabric-downloads a { background-size:10px 14px; padding-left:18px; } /* weight .weight { top:8px; font-size:6px; height:32px; left:8px; line-height:7px; width:32px; } .weight .number { font-size:10px; margin-top:10px; } */ /* closeup */ .grid.products .image .closeup { bottom:-37.5%; } /* compositor */ .compositor-wrap.active.has-design .compositor-container { padding:0px 0px 7px 33px; } /* special-promotions */ .special-promotions { padding-bottom:8px; } .special-promotions ul { display:block; } .special-promotions li { display:block; float:none; margin-top:8px; width:100%; } .special-promotions li:first-child { margin-top:0; } /* order */ .order ul { margin-top:-16px; padding-top:0; } .sales-order-view .order ul { padding-top:16px; } .order form > ul > li:first-child { display:none; } .order .images { width:52px; } .order .information { float:left; display:block; padding:16px 0 8px 16px; width:calc(100% - 94px); } .order .text { display:block; overflow:hidden; padding-right:8px; } .sales-order-view .order .text { padding-bottom:0; } .order .quantity, .order .heading-total,.order .total { display:block; } .order .quantity { clear:left; float:left; padding-left:0; width:142px; } .sales-order-view .order .quantity { margin-top:0; } .order .total { float:right; } /* shipping-options */ ul.shipping-options { margin-top:0; padding-top:8px; } /* brands */ .brands img { height:20px; } /* promise */ .promise { display:none; } /* manufacture */ .manufacture { display:none; } /* reviews */ .reviews-container { float:left; margin:0 0 0 -30px; } /* footer */ .links .col-l,.links .col-c,.links .col-r { float:left; overflow:hidden; width:33.3333%; } .links .col-l ul,.links .col-c ul,.links .col-r ul { padding-bottom:0; } .links .contact { margin-top:0; } .links .contact ul { padding-top:0; } .contact .material-icons { display:none; } .social-icon { float:left; margin-right:4px; height:14px; width:14px; } /* payment */ .payment span { height:14px; width:21px; } /*price-table */ .price-table { } /* material-group */ h2.material-group { line-height:21px; padding:0 8px; } .material-group span { background-size:160px 18px; font-size:19px; line-height:17px; margin-top:2px; margin-bottom:2px; } /* studentdiscount-contact-index */ .studentdiscount-contact-index main { background-size:638px 355px; padding-bottom:355px; } /* blogs */ .blogs .text { padding:16px; } .blogs .images .image { padding:50% 0; } .blogs .author { display:none; padding-bottom:0; padding-top:8px; } .blogs .summary,.blogs .bio-image,.blogs .name { display:none; } .blogs .blog-title { padding-top:0; } } @media only screen and (min-width: 0) and (max-width: 1000px) { .detail .row-2 > .col-l,.detail .row-2 > .col-r { width:100%; float:none; } } @media only screen and (min-width: 0) and (max-width: 320px) { .logo-text { display:none !important; } } /** Flash Success */ .flash-success { animation: flashSuccess 2s; } @keyframes flashSuccess { 0% { background: #72e957; outline: 12px solid #72e957; } 50% { background: rgba(114, 233, 87, 0.9); outline: 12px solid rgba(114, 233, 87, 0.9); } 100% { background: rgba(114, 233, 87, 0); outline: 12px solid rgba(114, 233, 87, 0); } } /** Visually Hidden **/ .hidden { display: none; } /** Loader */ /* * Usage: *
* */ .loadingSpinner.sk-circle { margin: 40px auto; width: 40px; height: 40px; position: relative; } .loadingSpinner.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .loadingSpinner.sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: rgba(77,77,77,1); border-radius: 100%; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .loadingSpinner.sk-circle .sk-circle2 { transform: rotate(30deg); } .loadingSpinner.sk-circle .sk-circle3 { transform: rotate(60deg); } .loadingSpinner.sk-circle .sk-circle4 { transform: rotate(90deg); } .loadingSpinner.sk-circle .sk-circle5 { transform: rotate(120deg); } .loadingSpinner.sk-circle .sk-circle6 { transform: rotate(150deg); } .loadingSpinner.sk-circle .sk-circle7 { transform: rotate(180deg); } .loadingSpinner.sk-circle .sk-circle8 { transform: rotate(210deg); } .loadingSpinner.sk-circle .sk-circle9 { transform: rotate(240deg); } .loadingSpinner.sk-circle .sk-circle10 { transform: rotate(270deg); } .loadingSpinner.sk-circle .sk-circle11 { transform: rotate(300deg); } .loadingSpinner.sk-circle .sk-circle12 { transform: rotate(330deg); } .loadingSpinner.sk-circle .sk-circle2:before { animation-delay: -1.1s; } .loadingSpinner.sk-circle .sk-circle3:before { animation-delay: -1s; } .loadingSpinner.sk-circle .sk-circle4:before { animation-delay: -0.9s; } .loadingSpinner.sk-circle .sk-circle5:before { animation-delay: -0.8s; } .loadingSpinner.sk-circle .sk-circle6:before { animation-delay: -0.7s; } .loadingSpinner.sk-circle .sk-circle7:before { animation-delay: -0.6s; } .loadingSpinner.sk-circle .sk-circle8:before { animation-delay: -0.5s; } .loadingSpinner.sk-circle .sk-circle9:before { animation-delay: -0.4s; } .loadingSpinner.sk-circle .sk-circle10:before { animation-delay: -0.3s; } .loadingSpinner.sk-circle .sk-circle11:before { animation-delay: -0.2s; } .loadingSpinner.sk-circle .sk-circle12:before { animation-delay: -0.1s; } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } /* Noscroll Class */ .noscroll { overflow: hidden; } /* Modal Overlay */ .modal-overlay { z-index: 996; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: rgba(77,77,77,.2); } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999999; /* Sit on top */ padding-top: 64px; /* Location of the box */ padding-top: calc(max(64px, min(100px, 2vh))); /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .modal.show { display: block; } /* Modal Content */ .modal-content { box-sizing: border-box; display: flex; background-color: #fff; border: 1px solid #888; min-height: 300px; margin: 0 auto; padding: 20px; min-width: 50%; width: 100%; /* max-width: 95%; */ width: calc(min(100% - 32px, 600px)); flex-direction: column; } .modal-content .header { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-bottom: 1rem; } .modal-content .body { display: flex; width: 100%; flex-direction: column; justify-content: space-between; margin-bottom: 1rem; } .modal-content .body .printpreview-container { width: 100%; display: flex; justify-content: center; } .modal-content .footer { display: flex; width: 100%; flex-direction: row; justify-content: space-between; } .modal-content .footer .buttons { display: flex; width: 100%; flex-direction: row; } .modal-content .footer .buttons.right {display: flex; justify-content: right; gap: 1rem; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .printpreview { position: relative; height: min(500px, 70vh); box-shadow: 1px 1px 8px rgba(0,0,0,0.3); } .printpreview.occlude .csdportal { fill-opacity: 0.85; } .printpreview div { z-index: 2; } .printpreview img { z-index: 1; } .printpreview div, .printpreview svg, .printpreview img { position: absolute; width: 100%; height: 100%; } /* line 4, ../sass/_offline-theme-base.sass */ .offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 7, ../sass/_offline-theme-base.sass */ .offline-ui { display: none; position: fixed; background: white; z-index: 2000; margin: auto; top: 0; left: 0; right: 0; } /* line 17, ../sass/_offline-theme-base.sass */ .offline-ui .offline-ui-content:before { display: inline; } /* line 20, ../sass/_offline-theme-base.sass */ .offline-ui .offline-ui-retry { -webkit-user-select: none; -moz-user-select: none; user-select: none; display: none; } /* line 24, ../sass/_offline-theme-base.sass */ .offline-ui .offline-ui-retry:before { display: inline; } /* line 29, ../sass/_offline-theme-base.sass */ .offline-ui.offline-ui-up.offline-ui-up-5s { display: block; } /* line 32, ../sass/_offline-theme-base.sass */ .offline-ui.offline-ui-down { display: block; } /* line 37, ../sass/_offline-theme-base.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry { display: block; } /* line 42, ../sass/_offline-theme-base.sass */ .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry { display: none; } @-webkit-keyframes offline-dropin { /* line 40, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 0; } /* line 43, ../sass/_keyframes.sass */ 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 0; } /* line 48, ../sass/_keyframes.sass */ 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 1; } /* line 51, ../sass/_keyframes.sass */ 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-moz-keyframes offline-dropin { /* line 40, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 0; } /* line 43, ../sass/_keyframes.sass */ 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 0; } /* line 48, ../sass/_keyframes.sass */ 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 1; } /* line 51, ../sass/_keyframes.sass */ 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-ms-keyframes offline-dropin { /* line 40, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 0; } /* line 43, ../sass/_keyframes.sass */ 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 0; } /* line 48, ../sass/_keyframes.sass */ 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 1; } /* line 51, ../sass/_keyframes.sass */ 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-o-keyframes offline-dropin { /* line 40, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 0; } /* line 43, ../sass/_keyframes.sass */ 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 0; } /* line 48, ../sass/_keyframes.sass */ 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 1; } /* line 51, ../sass/_keyframes.sass */ 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @keyframes offline-dropin { /* line 40, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 0; } /* line 43, ../sass/_keyframes.sass */ 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 0; } /* line 48, ../sass/_keyframes.sass */ 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); opacity: 1; } /* line 51, ../sass/_keyframes.sass */ 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-webkit-keyframes offline-dropout { /* line 57, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* line 59, ../sass/_keyframes.sass */ 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); } } @-moz-keyframes offline-dropout { /* line 57, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* line 59, ../sass/_keyframes.sass */ 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); } } @-ms-keyframes offline-dropout { /* line 57, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* line 59, ../sass/_keyframes.sass */ 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); } } @-o-keyframes offline-dropout { /* line 57, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* line 59, ../sass/_keyframes.sass */ 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); } } @keyframes offline-dropout { /* line 57, ../sass/_keyframes.sass */ 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* line 59, ../sass/_keyframes.sass */ 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); } } @-webkit-keyframes offline-rotation { /* line 64, ../sass/_keyframes.sass */ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* line 66, ../sass/_keyframes.sass */ 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-moz-keyframes offline-rotation { /* line 64, ../sass/_keyframes.sass */ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* line 66, ../sass/_keyframes.sass */ 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-ms-keyframes offline-rotation { /* line 64, ../sass/_keyframes.sass */ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* line 66, ../sass/_keyframes.sass */ 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-o-keyframes offline-rotation { /* line 64, ../sass/_keyframes.sass */ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* line 66, ../sass/_keyframes.sass */ 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @keyframes offline-rotation { /* line 64, ../sass/_keyframes.sass */ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } /* line 66, ../sass/_keyframes.sass */ 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } /* line 21, ../sass/offline-theme-slide.sass */ .offline-ui { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; font-family: "Helvetica Neue", sans-serif; padding: 1em; width: 38em; max-width: 100%; overflow: hidden; } @media (max-width: 38em) { /* line 21, ../sass/offline-theme-slide.sass */ .offline-ui { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } /* line 32, ../sass/offline-theme-slide.sass */ .offline-ui .offline-ui-retry { position: absolute; right: 3em; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); text-decoration: none; color: inherit; line-height: 3.5em; height: 3.5em; margin: auto; padding: 0 1em; } /* line 45, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-up { -webkit-animation: offline-dropout forwards 0.5s 2s; -moz-animation: offline-dropout forwards 0.5s 2s; -ms-animation: offline-dropout forwards 0.5s 2s; -o-animation: offline-dropout forwards 0.5s 2s; animation: offline-dropout forwards 0.5s 2s; -webkit-backface-visibility: hidden; background: #d6e9c6; color: #468847; } /* line 50, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-down { -webkit-animation: offline-dropin 0.5s; -moz-animation: offline-dropin 0.5s; -ms-animation: offline-dropin 0.5s; -o-animation: offline-dropin 0.5s; animation: offline-dropin 0.5s; -webkit-backface-visibility: hidden; background: #ec8787; color: #551313; } /* line 55, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting { background: #f8ecad; color: #7c6d1f; padding-right: 3em; } /* line 60, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after { -webkit-animation: offline-rotation 0.7s linear infinite; -moz-animation: offline-rotation 0.7s linear infinite; -ms-animation: offline-rotation 0.7s linear infinite; -o-animation: offline-rotation 0.7s linear infinite; animation: offline-rotation 0.7s linear infinite; -webkit-backface-visibility: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: " "; display: block; position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; height: 1em; width: 1em; border: 2px solid rgba(0, 0, 0, 0); border-top-color: #7c6d1f; border-left-color: #7c6d1f; opacity: 0.7; } /* line 77, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-down.offline-ui-waiting { padding-right: 11em; } /* line 80, ../sass/offline-theme-slide.sass */ .offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s { padding-right: 0; } /* line 6, ../sass/_content.sass */ .offline-ui .offline-ui-retry:before { content: "Reconnect"; } /* line 11, ../sass/_content.sass */ .offline-ui.offline-ui-up .offline-ui-content:before { content: "Your computer is connected to the internet."; } @media (max-width: 1024px) { /* line 11, ../sass/_content.sass */ .offline-ui.offline-ui-up .offline-ui-content:before { content: "Your device is connected to the internet."; } } @media (max-width: 568px) { /* line 11, ../sass/_content.sass */ .offline-ui.offline-ui-up .offline-ui-content:before { content: "Your device is connected."; } } /* line 22, ../sass/_content.sass */ .offline-ui.offline-ui-down .offline-ui-content:before { content: "Your computer lost its internet connection."; } @media (max-width: 1024px) { /* line 22, ../sass/_content.sass */ .offline-ui.offline-ui-down .offline-ui-content:before { content: "Your device lost its internet connection."; } } @media (max-width: 568px) { /* line 22, ../sass/_content.sass */ .offline-ui.offline-ui-down .offline-ui-content:before { content: "Your device isn't connected."; } } /* line 33, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before { content: "Attempting to reconnect..."; } /* line 42, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds..."; } @media (max-width: 568px) { /* line 42, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before { content: "Reconnecting in " attr(data-retry-in-value) "s..."; } } /* line 50, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second..."; } @media (max-width: 568px) { /* line 50, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before { content: "Reconnecting in " attr(data-retry-in-value) "s..."; } } /* line 58, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes..."; } @media (max-width: 568px) { /* line 58, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before { content: "Reconnecting in " attr(data-retry-in-value) "m..."; } } /* line 66, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute..."; } @media (max-width: 568px) { /* line 66, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before { content: "Reconnecting in " attr(data-retry-in-value) "m..."; } } /* line 74, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours..."; } @media (max-width: 568px) { /* line 74, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before { content: "Reconnecting in " attr(data-retry-in-value) "h..."; } } /* line 82, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before { content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour..."; } @media (max-width: 568px) { /* line 82, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before { content: "Reconnecting in " attr(data-retry-in-value) "h..."; } } /* line 90, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry { display: none; } /* line 93, ../sass/_content.sass */ .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before { content: "Connection attempt failed."; } .floating-contents { display: none; } @media only screen and (min-width: 772px) { .floating-contents { position: fixed; right: 16px; top: 62px; background: white; border: 2px solid rgba(77,77,77,.2); opacity: 0; max-width: calc( 25% - 16px ); width: calc( 25% - 16px ); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .floating-contents ol, .floating-contents ol li, .floating-contents ol li a { font-size: 11px } .floating-contents ol ol { padding: 0; } .floating-contents.visible { display: block; z-index:9999; } .floating-contents.fade-in { opacity: 1; } .floating-contents li > a { text-decoration: none; } .floating-contents li.highlight > a { font-weight: bold; } } @media only screen and (min-width: 1025px) { .floating-contents ol, .floating-contents ol li, .floating-contents ol li a { font-size: 12px } } @media only screen and (min-width: 1280px) { .floating-contents { top: 62px; transform: translateX(930px); max-width: 303px; width: 303px; right: initial; } .floating-contents ol, .floating-contents ol li, .floating-contents ol li a { font-size: 13px; } } .data-list-result { white-space: pre-wrap; /*border: 1px solid grey;*/ display: block; max-height: 8em; overflow-y: auto; padding: 0; position: relative; } .data-list-result.has-result { border: 2px solid rgba(77,77,77,0.2); border-width: 0 2px 2px 2px; } #institutiondl:disabled ~ .data-list-result { display: none; } #institutiondl:focus ~ .data-list-result.has-result { border: 2px solid rgba(77,77,77,0.5); border-width: 0 2px 2px 2px; } .data-list-result .result-item, .data-list-result .no-result { cursor: pointer; break-after: always; display: block; margin: 1px 0; padding: 4px 6px; } .result-item:hover, .result-item.highlight { background: rgba(40,40,255,0.1); } input[type=number]:disabled, input[type=tel]:disabled, input[type=email]:disabled, input[type=text]:disabled, input[type=search]:disabled { color: rgba(77,77,77,0.5); cursor: not-allowed; background-image: linear-gradient(to bottom, rgba(77,77,77,.5), rgba(77,77,77,.5)), linear-gradient(to bottom, rgba(77,77,77,.1), rgba(77,77,77,.1)); } mark.marked-search-hit { background: transparent; font-weight:900; color: rgba(239,84,62,1); } .em { font-style: italic; } .comparison { padding: 0; } .comparison h2 { margin-bottom: 16px; padding-left: 0; padding-right: 0; text-align: left; } .comparison table td, .comparison table th { font-size: 14px; } .comparison table .rating i { font-size: 18px; line-height: 22px; color:rgb(255,225,20); } .comparison table .rating i.blank { color:rgba(77,77,77,0.5); } .comparison table .rating { white-space: nowrap; } .comparison table th { white-space: nowrap; } @media only screen and (max-width: 1024px) { .comparison-table-cont { overflow-x: auto; width: 100%; } .comparison table { position: relative; } .comparison table td:first-child, .comparison table th:first-child { position: -webkit-sticky; position: sticky; left: -1px; background: #fff; } .comparison table td, .comparison table th { font-size: 12px; } .comparison table .name, .comparison table .composition { min-width: 130px; } .comparison table .processing, .comparison table .weave, .comparison table .ink { display: none; } .comparison td.rating i { font-size: 18px; line-height: 22px; } } header { /*transition: top 300ms ease-in-out;*/ } .scrollDown header { /*top: -112px;*/ } .showcase .photogrid { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:20px; } .showcase .photogrid figure .name,.showcase .photogrid figure .material, .showcase .photogrid figure .attribution { overflow: hidden; font-weight:900; display:block; } .showcase .photogrid .item { flex-basis: calc((100% / 4) - 12px); height: 33.3333vh; position: relative; margin: 0 0 12px 0; overflow: hidden; } .showcase .photogrid .blank { flex-basis: calc((100% / 4) - 12px); position: relative; overflow: hidden; } .showcase .photogrid figure figcaption { background:rgba(255,255,255,1); position: absolute; min-height:88px; width: 100%; bottom:0; left: 0; right: 0; text-align: left; padding: 24px; color: rgba(77,77,77,1); box-sizing: border-box; transition:none; } .showcase .photogrid figure figcaption a { color: rgba(77,77,77,1); text-decoration: none; cursor: pointer; font-weight:900; position:relative; } .showcase .photogrid .attribution { background:rgba(255,255,255,.6); color:rgba(77,77,77,1); padding:4px; position:absolute; right:0; top:0; } .showcase .photogrid figure figcaption a:hover { text-decoration: underline; } .showcase .photogrid .item:hover { outline: rgba(77, 77, 77, 0.2) solid 2px; } .showcase .photogrid figure img { width: 100%; height: 100%; object-fit: cover; transition: all 190ms ease-in-out; } @media only screen and (max-width: 1024px) { .showcase .photogrid .item , .showcase .photogrid .blank { flex-basis: calc((100% / 3) - 12px); } } @media only screen and (max-width: 772px) { .showcase .photogrid .item , .showcase .photogrid .blank { flex-basis: calc((100% / 3) - 12px); } } @media only screen and (max-width: 520px) { .showcase .photogrid .item , .showcase .photogrid .blank { flex-basis: calc((100% / 2) - 6px); } .showcase .photogrid .item { height: 16.6666vh; } } /*.showcase .photogrid figure:hover img { width: 150%; height: 150%; object-fit: cover; margin: -25%; }*/ #design-list .image { background-size: cover; } #design-list .design.selected .item, #design-list .design.checked .item { outline: 2px solid rgba(77,77,77,1); } #toolchest { position: fixed; bottom: 0; left: 0; right: 0; height: 64px; background: white; margin: 0; padding: 12px; border-top: 2px solid grey; box-sizing: border-box; } #design-list .design .checkboxtick { display: none; position: absolute; left: 12px; top: 12px; width: 32px; height: 32px; font-size: 2em; } #design-list .design input[type='checkbox'] { display: none; } #design-list .design .checkboxtick.checked, #design-list .design input[type='checkbox']:checked + .checkboxtick { display: block; } #design-list .design:hover .checkboxtick { display: block; } #design-list .design .item { justify-content: space-between; } #design-list .design .item .editable .edit-icon { display: none; position: relative; left: 2px; width: 0; } #design-list .design .item .editable .edit-field:hover + .edit-icon { display: inline-block; } #design-list .design .item .editable:hover .editing + .edit-icon { display: none; } #design-list .design .item .editable:hover .editing + .edit-icon { display: none; } #design-list .design .item .editable textarea { height: 28px; padding: 0; } #design-list .actions-container { margin: 0 24px 12px 24px; padding: 0; } #design-list .actions-container ul { display: block; float: none; } #design-list .actions-container ul li { display: block; float: none; width:100%; } #design-list .actions-container ul li a { display: block; text-decoration: none; } #design-list .actions-container ul li a:hover { } .grid.designs .name { /*white-space: nowrap;*/ /*text-overflow: ellipsis;*/ overflow: initial; } @media only screen and (max-width: 520px) { #design-list li { width: 100%; } } #design-edit-form { display: flex; flex-direction: column; } #design-edit-form .form-body { display: flex; flex-direction: column; } #design-edit-form .col { width: 100%; } #design-edit-form .col { margin-bottom: 12px; } #design-edit-form .gallery { display: flex; flex-direction: column; } #design-edit-form .gallery .main-image figure { width: 100%; background: rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(77,77,77,.05); box-shadow:none; } #design-edit-form .gallery .main-image figure img { object-fit: contain; max-height: 50vh; width: 100%; } #design-edit-form .gallery .thumbs { display: flex; flex-direction: row; /*justify-content: space-between;*/ margin: 0 -12px 0; } #design-edit-form .gallery .thumbs figure { margin: 12px; max-width: 33%; cursor: pointer; background: rgba(255,255,255,1); border: 2px solid rgba(77,77,77,.1); } #design-edit-form .gallery .thumbs figure img { object-fit: cover; width: 100%; height: 100%; } #design-edit-form .input-field { display: block; margin-bottom: 12px; } #design-edit-form .input-field:last-child { margin-bottom: 0; } #design-edit-form .messages { width: 100%; display: block; float: left; padding: 6px; } #design-edit-form .messages .success { margin-bottom: 0; } @media only screen and (min-width: 1024px) { #design-edit-form .form-body { display: flex; flex-direction: row; justify-content: space-between; } #design-edit-form .col { width: auto; flex-grow: 1; } #design-edit-form .col.right { order: 1; } #design-edit-form .col.left { order: 2; } #design-edit-form .col.left { width: calc(50% - 24px); margin-left: 24px; } } @media only screen and (min-width: 1280px) { #design-edit-form .col.left { width: calc(33% - 24px); } } @media only screen and (min-width: 1424px) { #design-edit-form .col.left { width: calc(25% - 24px); } } @media only screen and (min-width: 1624px) { #design-edit-form .col.left { width: calc(18% - 24px); } } label sup.required { color: rgba(239,84,62,1); margin-left: 0.2rem; } .awhdu3-ticketform-file-list { margin-top: 1rem } .awhdu3-ticketform-file-list li { display: flex; align-items: flex-end; justify-content: space-between; } .awhdu3-ticketform-file-list li span { max-width: calc(70% - 12px); overflow: hidden; text-overflow: ellipsis; } .awhdu3-ticketform-file-list li span label { text-overflow: ellipsis; white-space: nowrap; } .awhdu3-ticketform-file-list img { max-width: 30%; max-height: 10vh; object-fit: contain; border: 2px solid rgba(77,77,77,0.1); margin-left: 12px; } .stripe-new .stripe-payments-brand { top: 4px; } kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; box-shadow:none; color: #333; display: inline-block; font-size: .85em; font-weight:900; line-height: 1; padding: 2px 4px; white-space: nowrap; } .ticket.thread { display: flex; flex-direction: column; margin-top: 16px; } .ticket.thread .message { display: flex; flex-direction: column; border-bottom: 2px solid rgba(239,84,62,0.3); padding: 16px; margin-bottom: 12px; background: rgba(239,84,62,0.1); } .ticket.thread .message.is-agent { background: rgba(77,77,77,0.05); border-bottom: 2px solid rgba(77,77,77,.1); } .ticket.thread .heading { display: flex; color: rgba(77,77,77,.6); font-weight:900; padding: 8px 0 0; justify-content: space-between; flex-wrap: wrap; } .ticket.thread .heading .author { padding: 0; } .ticket.thread .heading .date { text-align: right; } .ticket.thread .content, .ticket.thread .attachments { padding: 8px 0 0 0; } .ticket.thread .heading .additional { font-weight: normal; flex-basis: 100%; } .ticket.thread .heading .additional b { font-weight: normal; } .ticket.thread .attachments { display: flex; flex-direction: column; } .ticket.thread .attachments .attachment { padding-top: 8px; } /* Flex List */ .flex-list .action { text-align: right; } .flex-list td, .flex-list th { border-width: 0 0 2px 0; padding: 8px; } .flex-list th { color: rgba(77,77,77,.6); font-weight:900; } .flex-list.tickets .status-closed { color: rgba(77,77,77,.6); } .flex-list.tickets .status { margin-top: 0; } .flex-list.tickets .subject { text-overflow: ellipsis; white-space: nowrap; max-width: 20vw; overflow: hidden; } .flex-list .toolbar.bottom { margin-top: 8px; } .flex-list.orders .total { text-align: right; } .flex-list.orders .data.image { } .flex-list.orders img { width: 64px; height: 64px; } .flex-list.orders .action { width: 128px; } .flex-list .action .button { margin-bottom:8px; width:126px; } .flex-list .action .button .material-icons { margin-left:8px; margin-right:0; } /** Customer Account Order View */ .flex-list.cart-view .qty label { display: none; } .flex-list.cart-view .im, .flex-list.order-view .im { flex-basis: 100%; } .flex-list.cart-view .im img, .flex-list.order-view .im img { display: flex; align-items: center; object-fit: contain; } .flex-list.cart-view .im img, .flex-list.order-view .im img { width: 64px; height: 64px; } .flex-list.cart-view .im .mobile-im, .flex-list.order-view .im .mobile-im { display: none; } .flex-list.cart-view .qty, .flex-list.order-view .qty { min-width: 128px; text-align: right; } .flex-list.cart-view .quantities, .flex-list.order-view .quantities { display: flex; flex-direction: column; width: 100%; text-align: right; } .flex-list.cart-view .actions, .flex-list.order-view .actions { width: 100%; display: flex; flex-direction: column; } .flex-list.cart-view .actions > span, .flex-list.order-view .actions > span { width: 100%; margin-top: 12px; } .flex-list.cart-view .actions > span .button, .flex-list.order-view .actions > span .button { width: 100%; } .flex-list .only-small, .flex-list .only-xsmall { display: none; } .flex-list.cart-view .totals, .flex-list.order-view .totals { text-align: right; } .flex-list.cart-view tfoot .label, .flex-list.order-view tfoot .label, .flex-list.cart-view tfoot .value, .flex-list.order-view tfoot .value { float: none; } .flex-list.order-view tfoot { font-weight:900; } .flex-list.cart-view tfoot .label, .flex-list.order-view tfoot .label, .flex-list.cart-view tfoot .value, .flex-list.order-view tfoot .value { text-align: right; font-size: 16px; } .flex-list.cart-view tfoot tr td, .flex-list.order-view tfoot tr td { padding: 16px 8px; } .flex-list.cart-view tfoot .grand_total .label, .flex-list.order-view tfoot .grand_total .label, .flex-list.cart-view tfoot .grand_total .value, .flex-list.order-view tfoot .grand_total .value, .flex-list.cart-view tfoot .grand_total_incl .label, .flex-list.order-view tfoot .grand_total_incl .label, .flex-list.cart-view tfoot .grand_total_incl .value, .flex-list.order-view tfoot .grand_total_incl .value { font-size: 20px; } .flex-list.cart-view .totals, .flex-list.order-view .totals { order: 50; font-weight:900; font-size: 14px; } .flex-list.order-view tr.item-row:first-child, .flex-list.cart-view.checkout tr.item-row:first-child { border-top: none; } .flex-list.cart-view .price-container { margin-right: 8px; } .flex-list.cart-view .cart-actions { display: inline-flex; white-space: nowrap; padding-top: 3px; margin-left: -8px; } @media only screen and (max-width: 960px) { .flex-list .only-small { display: initial; } .flex-list .toolbar.bottom { margin-top: 8px; } .flex-list table { display: flex; flex-direction: column; border-bottom: 2px solid rgba(77,77,77,.1); } .flex-list table thead { display: none; } .flex-list table tbody { display: flex; flex-direction: column; } .flex-list table tr { display: flex; flex-wrap: wrap; border-top: 2px solid rgba(77,77,77,.1); } .flex-list table td, .flex-list table th { border: none; padding: 8px 0; } .flex-list td.action { order: 10; flex-basis: 100%; display: flex; flex-direction: row; } .flex-list td.action .button { flex-basis: 100%; margin-right: 6px; } .flex-list td.action .button:last-child { margin-right: 0; } /* Customer Orders List */ .flex-list.orders td.id, .flex-list.orders td.date, .flex-list.orders td.total, .flex-list.orders td.status { flex-basis: 50%; margin: 0; } .flex-list.orders td { order: 99; } .flex-list.orders td.image { flex-basis: 100%; order: 1; display: flex; align-items: center; flex-direction: column; } .flex-list.orders img { width: 50%; height: 10vh; object-fit: contain; } .flex-list.orders td.id { order: 2; } .flex-list.orders td.date { order: 4; text-align: right; } .flex-list.orders td.status { order: 6; text-align: left; } .flex-list.orders td.total { order: 8; text-align: right; } /** Cart view, Customer Account Order View */ .flex-list.cart-view .qty label { display: initial; } .flex-list.cart-view table { border-bottom: none; } .flex-list.cart-view .cart-actions { display: flex; white-space: nowrap; width: 100%; padding-top: 3px; flex-wrap: wrap; } .flex-list.cart-view .cart-actions { margin-left: -8px; } .flex-list.cart-view td.im, .flex-list.order-view td.im { flex-basis: 80px; width: 80px; height: 64px; order: -1; display: flex; flex-direction: column; } .flex-list.cart-view td.im a, .flex-list.order-view td.im a, .flex-list.cart-view td.im img, .flex-list.order-view td.im img { /*width: 100%;*/ object-fit: cover; } .flex-list.cart-view td.im, .flex-list.order-view td.im { position: relative; padding: 0 16px 0 0; margin: 8px 0; overflow: hidden; border-right: 2px solid rgba(77,77,77,.1) } .flex-list.cart-view .item-row, .flex-list.order-view .item-row { justify-content: flex-end; padding: 8px 0; } .flex-list.cart-view .details, .flex-list.order-view .details { flex-basis: calc(100% - (64px + 32px)); flex-grow: 0; width: calc(100% - (64px + 32px)); margin-left: 16px; } .flex-list.cart-view td.im .mobile-im, .flex-list.order-view td.im .mobile-im { display: none; } .flex-list.cart-view tbody .totals, .flex-list.order-view tbody .totals { text-align: right; display: flex; flex-direction: row; justify-content: flex-end; width: 30%; align-self: flex-end; order: 50; max-width: 120px; } .flex-list.cart-view tbody .totals .price, .flex-list.order-view tbody .totals .price { padding-left: 12px; } .flex-list.order-view .qty { flex-basis: 100%; } .flex-list.cart-view .qty { flex-basis: calc(100% - (64px + 32px + 30%)); max-width: 120px; } .flex-list.cart-view .qty, .flex-list.order-view .qty { text-align: left; order: 49; min-width: 64px; } .flex-list.cart-view.checkout .qty { text-align: right; font-weight:900; } .flex-list.cart-view .quantities, .flex-list.order-view .quantities { text-align: left; display: flex; flex-direction: row; padding-bottom: 6px; } .flex-list.cart-view .quantities span, .flex-list.order-view .quantities span { margin-right: 6px; } .flex-list.cart-view .actions, .flex-list.order-view .actions { flex-direction: row; } .flex-list.cart-view .actions span, .flex-list.order-view .actions span { margin-right: 6px; } .flex-list.cart-view .actions span:last-child, .flex-list.order-view .actions span:last-child { margin-right: 0; } .flex-list.cart-view tfoot, .flex-list.order-view tfoot { display: table; } .flex-list.cart-view tfoot tr, .flex-list.order-view tfoot tr { display: table-row; } .flex-list.cart-view tfoot tr td, .flex-list.order-view tfoot tr td { display: table-cell; padding: 16px 0; } .flex-list.cart-view tfoot .label, .flex-list.order-view tfoot .label { width: 100%; float: none; } .flex-list.cart-view tfoot .value, .flex-list.order-view tfoot .value { padding-left: 18px; width: auto; float: none; } .flex-list.cart-view tfoot .label, .flex-list.order-view tfoot .label, .flex-list.cart-view tfoot .value, .flex-list.order-view tfoot .value { font-size: 14px; } /* Customer Tickets List */ .flex-list.tickets td.id, .flex-list.tickets td.date, .flex-list.tickets td.status { flex-basis: 33.33%; margin: 0; } .flex-list.tickets td.id { order: 1; } .flex-list.tickets td.date { order: 2; } .flex-list.tickets td.status { order: 3; text-align: right; } .flex-list.tickets td.subject { display: flex; order: 4; flex-basis: 100%; } .flex-list.tickets td.action { order: 5; } .flex-list.tickets .status { margin-top: 0; } /** Customer ticket thread view */ .ticket.thread .heading { flex-wrap: wrap; } .ticket.thread .heading .additional { font-weight: normal; } .ticket.thread .heading .date { text-align: left; } } @media only screen and (max-width: 520px) { .flex-list .only-xsmall { display: initial; } .flex-list.orders td.id { font-weight:900; } .flex-list.orders td.image { flex-basis: 100%; order: 5; display: flex; align-items: center; flex-direction: column; } .flex-list.orders img { width: 100%; height: 16vh; object-fit: cover; } /** Customer Account Order View */ .flex-list.cart-view td.im, .flex-list.order-view td.im { flex-basis: 100%; width: 100%; height: 15vh; padding: 0; margin: 8px 0; display: flex; align-items: center; flex-direction: column; border-right: none; } .flex-list.cart-view td.im a, .flex-list.order-view td.im a, .flex-list.cart-view td.im img, .flex-list.order-view td.im img { width: 100%; height: 16vh; object-fit: cover; } .flex-list.cart-view td.details, .flex-list.order-view td.details { flex-basis: 100%; margin-left: 0; } .flex-list.cart-view .qty, .flex-list.order-view .qty { flex-basis: 100%; max-width: 100%; margin-left: 0; } .flex-list.cart-view td.im .mobile-im, .flex-list.order-view td.im .mobile-im { display: initial; } .flex-list.cart-view td.im .regular-im, .flex-list.order-view td.im .regular-im { display: none; position: absolute; bottom: -8vh; left: -8vh; border-radius: 100vh; width: 20vh; height: 20vh; border: 2px solid rgba(77,77,77,0.8); box-shadow: 2px 1px 6px rgba(0,0,0,0.3); box-shadow:none; } } table.no-border td { border: none; } .price-table.product table { margin-top: 8px; } .price-table.product table + table { margin-top: 16px; } .prices-selector { margin: 16px 0 0 0; } .prices-selector select { margin: 0 8px; width: calc(100% - 16px); } .fabric-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); grid-gap: 1rem; justify-content: space-between; } .fabric-products .prices h3 { padding-bottom: 0; } .fabric-products-section { margin-top: -1rem; } .prinfab-guide-fabrics-fabric .detail .section { padding-bottom: 0; } .markdown-body a { background: transparent; } .markdown-body a:active, .markdown-body a:hover { outline: 0; } .markdown-body b, .markdown-body strong { font-weight: bold; } .markdown-body mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } .markdown-body sub, .markdown-body sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .markdown-body sup { top: -0.5em; } .markdown-body sub { bottom: -0.25em; } .markdown-body h1 { font-size: 2em; margin: 0.67em 0; } .markdown-body img { border: 0; } .markdown-body hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } .markdown-body pre { overflow: auto; } .markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp { font-family: monospace, monospace; font-size: 1em; } .markdown-body input { color: inherit; font: inherit; margin: 0; } .markdown-body html input[disabled] { cursor: default; } .markdown-body input { line-height: normal; } .markdown-body input[type="checkbox"] { box-sizing: border-box; padding: 0; } .markdown-body table { border-collapse: collapse; border-spacing: 0; } .markdown-body td, .markdown-body th { padding: 0; } .markdown-body .codehilitetable, .markdown-body .highlighttable { border: 0; border-spacing: 0; } .markdown-body .codehilitetable tr, .markdown-body .highlighttable { border: 0; } .markdown-body .codehilitetable pre, .markdown-body .codehilitetable div.codehilite, .markdown-body .highlighttable pre, .markdown-body .highlighttable div.highlight { margin: 0; } .markdown-body .linenos, .markdown-body .code, .markdown-body .codehilitetable td, .markdown-body .highlighttable td { border: 0; padding: 0; } .markdown-body td:not(.linenos) .linenodiv { padding: 0 !important; } .markdown-body .code { width: 100%; } .markdown-body .linenos div pre, .markdown-body .linenodiv pre, .markdown-body .linenodiv { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .markdown-body .code div pre, .markdown-body .code div { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .markdown-body * { -moz-box-sizing: border-box; box-sizing: border-box; } .markdown-body input { font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.4; } .markdown-body a { color: #4183c4; text-decoration: none; } .markdown-body a:hover, .markdown-body a:focus, .markdown-body a:active { text-decoration: underline; } .markdown-body hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #ddd; } .markdown-body hr:before, .markdown-body hr:after { display: table; content: " "; } .markdown-body hr:after { clear: both; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 15px; margin-bottom: 15px; line-height: 1.1; } .markdown-body h1 { font-size: 30px; } .markdown-body h2 { font-size: 21px; } .markdown-body h3 { font-size: 16px; } .markdown-body h4 { font-size: 14px; } .markdown-body h5 { font-size: 12px; } .markdown-body h6 { font-size: 11px; } .markdown-body blockquote { margin: 0; } .markdown-body ul, .markdown-body ol { padding: 0; margin-top: 0; margin-bottom: 0; } .markdown-body ol ol, .markdown-body ul ol { list-style-type: lower-roman; } .markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol { list-style-type: lower-alpha; } .markdown-body dd { margin-left: 0; } .markdown-body code, .markdown-body pre, .markdown-body samp, .markdown-body code span, .markdown-body pre span, .markdown-body samp span, .markdown-body pre>code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; } .markdown-body pre code { } .markdown-body kbd { background-color: #e7e7e7; background-image: -moz-linear-gradient(#fefefe, #e7e7e7); background-image: -webkit-linear-gradient(#fefefe, #e7e7e7); background-image: linear-gradient(#fefefe, #e7e7e7); background-repeat: repeat-x; border-radius: 2px; border: 1px solid #cfcfcf; color: #000; padding: 3px 5px; line-height: 10px; font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; display: inline-block; } .markdown-body>*:first-child { margin-top: 0 !important; } .markdown-body>*:last-child { margin-bottom: 0 !important; } .markdown-body .headerlink { font: normal 400 16px fontawesome-mini; vertical-align: middle; margin-left: -16px; float: left; display: inline-block; text-decoration: none; opacity: 0; color: #333; } .markdown-body .headerlink:focus { outline: none; } .markdown-body h1 .headerlink { margin-top: 0.8rem; } .markdown-body h2 .headerlink, .markdown-body h3 .headerlink { margin-top: 0.6rem; } .markdown-body h4 .headerlink { margin-top: 0.2rem; } .markdown-body h5 .headerlink, .markdown-body h6 .headerlink { margin-top: 0; } .markdown-body .headerlink:hover, .markdown-body h1:hover .headerlink, .markdown-body h2:hover .headerlink, .markdown-body h3:hover .headerlink, .markdown-body h4:hover .headerlink, .markdown-body h5:hover .headerlink, .markdown-body h6:hover .headerlink { opacity: 1; text-decoration: none; } .markdown-body h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #eee; } .markdown-body h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #eee; } .markdown-body h3 { font-size: 1.5em; line-height: 1.43; } .markdown-body h4 { font-size: 1.25em; } .markdown-body h5 { font-size: 1em; } .markdown-body h6 { font-size: 1em; color: #777; } .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body .admonition { margin-top: 0; margin-bottom: 16px; } .markdown-body hr { height: 4px; padding: 0; margin: 16px 0; background-color: #e7e7e7; border: 0 none; } .markdown-body ul, .markdown-body ol { padding-left: 2em; } .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } .markdown-body li>p { margin-top: 16px; } .markdown-body dl { padding: 0; } .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } .markdown-body blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd; } .markdown-body blockquote>:first-child { margin-top: 0; } .markdown-body blockquote>:last-child { margin-bottom: 0; } .markdown-body table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; } .markdown-body table th { font-weight: bold; } .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #ddd; } .markdown-body table tr { background-color: #fff; border-top: 1px solid #ccc; } .markdown-body table tr:nth-child(2n) { background-color: #f8f8f8; } .markdown-body img { max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .markdown-body code, .markdown-body samp { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(0,0,0,0.04); border-radius: 3px; } .markdown-body code:before, .markdown-body code:after { letter-spacing: -0.2em; content: "\00a0"; } .markdown-body pre>code { padding: 0; margin: 0; /*font-size: 100%;*/ word-break: normal; white-space: pre; background: transparent; border: 0; } .markdown-body .codehilite, .markdown-body .highlight { margin-bottom: 16px; } .markdown-body .floating-contents .highlight { margin-bottom: 0; } .markdown-body .codehilite pre, .markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background: rgb(40,40,60); border-radius: 3px; } .markdown-body .codehilite pre, .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } .markdown-body pre { word-wrap: normal; } .markdown-body pre code { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .markdown-body pre code:before, .markdown-body pre code:after { content: normal; } /* Admonition */ .markdown-body .admonition { -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; border-radius: 3px; border: 1px solid #e0e0e0; border-left: 6px solid #333; padding: 10px 10px 10px 30px; } .markdown-body .admonition table { color: #333; } .markdown-body .admonition p { padding: 0; } .markdown-body .admonition-title { font-weight: bold; margin: 0; } .markdown-body .admonition>.admonition-title { color: #333; } .markdown-body .attention>.admonition-title { color: #a6d796; } .markdown-body .caution>.admonition-title { color: #d7a796; } .markdown-body .hint>.admonition-title { color: #96c6d7; } .markdown-body .danger>.admonition-title { color: #c25f77; } .markdown-body .question>.admonition-title { color: #96a6d7; } .markdown-body .note>.admonition-title { color: #d7c896; } .markdown-body .admonition:before, .markdown-body .attention:before, .markdown-body .caution:before, .markdown-body .hint:before, .markdown-body .danger:before, .markdown-body .question:before, .markdown-body .note:before { font: normal normal 16px fontawesome-mini; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.5; color: #333; position: absolute; left: 0; top: 0; padding-top: 10px; padding-left: 10px; } .markdown-body .admonition:before { content: "\f056\00a0"; color: 333; } .markdown-body .attention:before { content: "\f058\00a0"; color: #a6d796; } .markdown-body .caution:before { content: "\f06a\00a0"; color: #d7a796; } .markdown-body .hint:before { content: "\f05a\00a0"; color: #96c6d7; } .markdown-body .danger:before { content: "\f057\00a0"; color: #c25f77; } .markdown-body .question:before { content: "\f059\00a0"; color: #96a6d7; } .markdown-body .note:before { content: "\f040\00a0"; color: #d7c896; } .markdown-body .admonition::after { content: normal; } .markdown-body .attention { border-left: 6px solid #a6d796; } .markdown-body .caution { border-left: 6px solid #d7a796; } .markdown-body .hint { border-left: 6px solid #96c6d7; } .markdown-body .danger { border-left: 6px solid #c25f77; } .markdown-body .question { border-left: 6px solid #96a6d7; } .markdown-body .note { border-left: 6px solid #d7c896; } .markdown-body .admonition>*:first-child { margin-top: 0 !important; } .markdown-body .admonition>*:last-child { margin-bottom: 0 !important; } /* progress bar*/ .markdown-body .progress { display: block; width: 300px; margin: 10px 0; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ededed; position: relative; box-shadow: inset -1px 1px 3px rgba(0, 0, 0, .1); } .markdown-body .progress-label { position: absolute; text-align: center; font-weight: bold; width: 100%; margin: 0; line-height: 24px; color: #333; text-shadow: 1px 1px 0 #fefefe, -1px -1px 0 #fefefe, -1px 1px 0 #fefefe, 1px -1px 0 #fefefe, 0 1px 0 #fefefe, 0 -1px 0 #fefefe, 1px 0 0 #fefefe, -1px 0 0 #fefefe, 1px 1px 2px #000; -webkit-font-smoothing: antialiased !important; white-space: nowrap; overflow: hidden; } .markdown-body .progress-bar { height: 24px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #96c6d7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .1); background-size: 30px 30px; background-image: -webkit-linear-gradient( 135deg, rgba(255, 255, 255, .4) 27%, transparent 27%, transparent 52%, rgba(255, 255, 255, .4) 52%, rgba(255, 255, 255, .4) 77%, transparent 77%, transparent ); background-image: -moz-linear-gradient( 135deg, rgba(255, 255, 255, .4) 27%, transparent 27%, transparent 52%, rgba(255, 255, 255, .4) 52%, rgba(255, 255, 255, .4) 77%, transparent 77%, transparent ); background-image: -ms-linear-gradient( 135deg, rgba(255, 255, 255, .4) 27%, transparent 27%, transparent 52%, rgba(255, 255, 255, .4) 52%, rgba(255, 255, 255, .4) 77%, transparent 77%, transparent ); background-image: -o-linear-gradient( 135deg, rgba(255, 255, 255, .4) 27%, transparent 27%, transparent 52%, rgba(255, 255, 255, .4) 52%, rgba(255, 255, 255, .4) 77%, transparent 77%, transparent ); background-image: linear-gradient( 135deg, rgba(255, 255, 255, .4) 27%, transparent 27%, transparent 52%, rgba(255, 255, 255, .4) 52%, rgba(255, 255, 255, .4) 77%, transparent 77%, transparent ); } .markdown-body .progress-100plus .progress-bar { background-color: #a6d796; } .markdown-body .progress-80plus .progress-bar { background-color: #c6d796; } .markdown-body .progress-60plus .progress-bar { background-color: #d7c896; } .markdown-body .progress-40plus .progress-bar { background-color: #d7a796; } .markdown-body .progress-20plus .progress-bar { background-color: #d796a6; } .markdown-body .progress-0plus .progress-bar { background-color: #c25f77; } .markdown-body .candystripe-animate .progress-bar{ -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; animation: animate-stripes 3s linear infinite; } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @-moz-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } .markdown-body .gloss .progress-bar { box-shadow: inset 0 4px 12px rgba(255, 255, 255, .7), inset 0 -12px 0 rgba(0, 0, 0, .05); } /* MultiMarkdown Critic Blocks */ .markdown-body .critic_mark { background: #ff0; } .markdown-body .critic_delete { color: #c82829; text-decoration: line-through; } .markdown-body .critic_insert { color: #718c00 ; text-decoration: underline; } .markdown-body .critic_comment { color: #8e908c; font-style: italic; } .markdown-body .headeranchor { font: normal normal 16px fontawesome-mini; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .headeranchor-link { text-decoration: none; } .headeranchor:before { content: '\1F517'; } .markdown-body .task-list-item { list-style-type: none; } .markdown-body .task-list-item+.task-list-item { margin-top: 3px; } .markdown-body .task-list-item input { margin: 0 4px 0.25em -20px; vertical-align: middle; } .markdown-body diagram-div, .markdown-body div.uml-sequence-diagram, .markdown-body, div.uml-flowchart { overflow: auto; } /* Media */ @media only screen and (min-width: 480px) { .markdown-body { font-size:14px; } } @media only screen and (min-width: 768px) { .markdown-body { font-size:16px; } } @media print { .markdown-body * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; } .markdown-body { font-size:12pt; max-width:100%; outline:none; border: 0; } .markdown-body a, .markdown-body a:visited { text-decoration: underline; } .markdown-body .headeranchor-link { display: none; } .markdown-body a[href]:after { content: " (" attr(href) ")"; } .markdown-body abbr[title]:after { content: " (" attr(title) ")"; } .markdown-body .ir a:after, .markdown-body a[href^="javascript:"]:after, .markdown-body a[href^="#"]:after { content: ""; } .markdown-body pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .markdown-body pre, .markdown-body blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; } .markdown-body .progress, .markdown-body .progress-bar { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .markdown-body .progress { border: 1px solid #ddd; } .markdown-body .progress-bar { height: 22px; border-right: 1px solid #ddd; } .markdown-body tr, .markdown-body img { page-break-inside: avoid; } .markdown-body img { max-width: 100% !important; } .markdown-body p, .markdown-body h2, .markdown-body h3 { orphans: 3; widows: 3; } .markdown-body h2, .markdown-body h3 { page-break-after: avoid; } } .markdown-body .material-icons.code-badge-copy-icon { font-size: 1.6em; padding: 0; } /*GitHub*/ .markdown-body .highlight {background-color:#fff;color:#333333;} .markdown-body .highlight .hll {background-color:#ffffcc;} .markdown-body .highlight .c{color:#999988;font-style:italic} .markdown-body .highlight .err{color:#a61717;background-color:#e3d2d2} .markdown-body .highlight .k{font-weight:bold} .markdown-body .highlight .o{font-weight:bold} .markdown-body .highlight .cm{color:#999988;font-style:italic} .markdown-body .highlight .cp{color:#999999;font-weight:bold} .markdown-body .highlight .c1{color:#999988;font-style:italic} .markdown-body .highlight .cs{color:#999999;font-weight:bold;font-style:italic} .markdown-body .highlight .gd{color:#000000;background-color:#ffdddd} .markdown-body .highlight .ge{font-style:italic} .markdown-body .highlight .gr{color:#aa0000} .markdown-body .highlight .gh{color:#999999} .markdown-body .highlight .gi{color:#000000;background-color:#ddffdd} .markdown-body .highlight .go{color:#888888} .markdown-body .highlight .gp{color:#555555} .markdown-body .highlight .gs{font-weight:bold} .markdown-body .highlight .gu{color:#800080;font-weight:bold} .markdown-body .highlight .gt{color:#aa0000} .markdown-body .highlight .kc{font-weight:bold} .markdown-body .highlight .kd{font-weight:bold} .markdown-body .highlight .kn{font-weight:bold} .markdown-body .highlight .kp{font-weight:bold} .markdown-body .highlight .kr{font-weight:bold} .markdown-body .highlight .kt{color:#445588;font-weight:bold} .markdown-body .highlight .m{color:#009999} .markdown-body .highlight .s{color:#dd1144} .markdown-body .highlight .n{color:#333333} .markdown-body .highlight .na{color:teal} .markdown-body .highlight .nb{color:#0086b3} .markdown-body .highlight .nc{color:#445588;font-weight:bold} .markdown-body .highlight .no{color:teal} .markdown-body .highlight .ni{color:purple} .markdown-body .highlight .ne{color:#990000;font-weight:bold} .markdown-body .highlight .nf{color:#990000;font-weight:bold} .markdown-body .highlight .nn{color:#555555} .markdown-body .highlight .nt{color:navy} .markdown-body .highlight .nv{color:teal} .markdown-body .highlight .ow{font-weight:bold} .markdown-body .highlight .w{color:#bbbbbb} .markdown-body .highlight .mf{color:#009999} .markdown-body .highlight .mh{color:#009999} .markdown-body .highlight .mi{color:#009999} .markdown-body .highlight .mo{color:#009999} .markdown-body .highlight .sb{color:#dd1144} .markdown-body .highlight .sc{color:#dd1144} .markdown-body .highlight .sd{color:#dd1144} .markdown-body .highlight .s2{color:#dd1144} .markdown-body .highlight .se{color:#dd1144} .markdown-body .highlight .sh{color:#dd1144} .markdown-body .highlight .si{color:#dd1144} .markdown-body .highlight .sx{color:#dd1144} .markdown-body .highlight .sr{color:#009926} .markdown-body .highlight .s1{color:#dd1144} .markdown-body .highlight .ss{color:#990073} .markdown-body .highlight .bp{color:#999999} .markdown-body .highlight .vc{color:teal} .markdown-body .highlight .vg{color:teal} .markdown-body .highlight .vi{color:teal} .markdown-body .highlight .il{color:#009999} .markdown-body .highlight .gc{color:#999;background-color:#EAF2F5} .grecaptcha-badge { z-index: 99999; } .insta-gallery { display: grid; grid-template-columns: 1fr; gap: 0.5rem; width: 100%; } .insta-gallery .instagram-media { width: 100%; max-width: 100% !important; min-width: 220px !important; } @media only screen and (max-width: 960px) and (min-width: 560px) { .insta-gallery { grid-template-columns: 1fr 1fr; } } @media only screen and (min-width: 960px) { .insta-gallery { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (min-width: 1200px) { .insta-gallery { grid-template-columns: 1fr 1fr 1fr 1fr; } } /** Usage Instructions on fabric page */ .technical-use details { border: 1px solid rgb(77, 77, 77); margin-top: 1rem; padding: 0.5rem; } .technical-use details summary { cursor: pointer; display: list-item; list-style-image: none; list-style-position: inside; list-style-type: disclosure-closed; counter-increment: list-item 0; margin: 0 8px; } .technical-use details[open] summary { list-style-type: disclosure-open; border-bottom: none; margin: 0 8px 8px 8px; } .technical-use details summary * { color: rgb(77, 77, 77); } .highlight-color { --min: 0; --max: 1; --incs: oklch; --value: 0.5; --c1: #F8696B; --c2: #FFEB84; --c3: #63BE7B; --high-color: var(--c1); --middle-color: var(--c2); --low-color: var(--c3) } .highlight-color.highlight-inverse, .highlight-color .highlight-inverse { --high-color: var(--c3); --low-color: var(--c1) } .highlight-color.highlight-theme-excel { --c1: #F8696B; --c2: #FFEB84; --c3: #63BE7B } .highlight-color.highlight-theme-hot-and-cold { --c1: #F8696B; --c2: #FFFFFF; --c3: #6369F8 } .highlight-color.highlight-theme-italy { --c1: #F8696B; --c2: #FFFFFF; --c3: #63BE7B } .highlight-color.highlight-theme-green { --c1: #63BE7B; --c3: #FFFFFF } .highlight-color.highlight-theme-green-yellow { --c1: #63BE7B; --c3: #FFEB84 } .highlight-color.highlight-theme-hot { --c1: #F8696B; --c3: #FFFFFF } .highlight-color.highlight-theme-cold { --c1: #6369F8; --c3: #FFFFFF } .highlight-color .highlight-me { --normed: calc(100% * (var(--value) - var(--min))/(var(--max) - var(--min))); --bg: var(--low-color); background-color: var(--bg) } .highlight-color.highlight-2color .highlight-legend, .highlight-color.highlight-theme-2color .highlight-legend, .highlight-color.highlight-theme-hot .highlight-legend, .highlight-color.highlight-theme-cold .highlight-legend, .highlight-color.highlight-theme-green .highlight-legend, .highlight-color.highlight-theme-green-yellow .highlight-legend { background: linear-gradient(90deg, var(--low-color) 0%, var(--high-color) 100%) } .highlight-color.highlight-2color .highlight-me, .highlight-color.highlight-theme-2color .highlight-me, .highlight-color.highlight-theme-hot .highlight-me, .highlight-color.highlight-theme-cold .highlight-me, .highlight-color.highlight-theme-green .highlight-me, .highlight-color.highlight-theme-green-yellow .highlight-me { --bg: color-mix(in var(--incs), var(--high-color) var(--normed), var(--low-color)) } .highlight-color.highlight-3color .highlight-legend, .highlight-color.highlight-theme-3color .highlight-legend, .highlight-color.highlight-theme-excel .highlight-legend, .highlight-color.highlight-theme-hot-and-cold .highlight-legend, .highlight-color.highlight-theme-italy .highlight-legend { background: linear-gradient(90deg, var(--low-color) 0%, var(--middle-color) 50%, var(--high-color) 100%) } .highlight-color.highlight-3color .highlight-me, .highlight-color.highlight-theme-3color .highlight-me, .highlight-color.highlight-theme-excel .highlight-me, .highlight-color.highlight-theme-hot-and-cold .highlight-me, .highlight-color.highlight-theme-italy .highlight-me { --n1: calc((var(--normed) - 50%) * 2); --n2: calc(var(--normed) * 2); --col1: color-mix(in var(--incs), var(--high-color) var(--n1), var(--middle-color)); --col2: color-mix(in var(--incs), var(--middle-color) var(--n2), var(--low-color)); --bg: color-mix(in var(--incs), var(--col1) var(--normed), var(--col2)) } .highlight-color.highlight-graph .highlight-me { background: linear-gradient(90deg, var(--bg) var(--normed), transparent var(--normed)) } @media only print{body{font-size:12pt}body a{text-decoration:none;color:#4d4d4d}body .material-icons{font-size:14pt}body small,body .small{font-size:9pt}body section.promise{display:none}body video,body audio,body object,body embed{display:none}body h2,body h3{page-break-after:avoid}body ul,body img{page-break-inside:avoid}body .button,body .help,body .upsell-create{display:none}body table{max-width:calc(100% - 4mm);margin:1mm 2mm}form.search,.mobile-search-toggle,.control.filter,.grid .group,.toolbar.top{display:none}.image .new,.image .starry,.image .best-vale{display:none}.prinfab-guide-fabrics-fabric figure.image{width:10cm;height:10cm;object-fit:cover}.prinfab-guide-fabrics-fabric .gallery ul{display:flex;margin:2mm 0}.prinfab-guide-fabrics-fabric .gallery ul li{list-style:none;margin:0 2mm 0 0}.prinfab-guide-fabrics-fabric .gallery ul li a img{width:3cm}.prinfab-guide-fabrics-fabric .price-dls{display:flex}.prinfab-guide-fabrics-fabric .price-dls .price-dl dt .small{margin-left:1mm}.prinfab-guide-fabrics-fabric .price-dls .price-dl .suptag{display:none}.compositor-wrap.has-design .compositor-init{display:none}.compositor-wrap .ruler{display:none}.compositor-wrap .compositor .tile{width:100%;height:100%}.row-configurable .control fieldset dl{margin-top:6mm;display:flex;flex-wrap:wrap}.row-configurable .control fieldset dl dt{min-width:30mm;break-after:avoid;padding-right:3mm;flex-basis:20%}.row-configurable .control fieldset dl dd{min-width:30mm;break-before:avoid;padding-right:3mm;flex-basis:30%}.row-configurable .control fieldset dl dd .design-offset{display:flex}.row-configurable .control fieldset dl dd .rotate-flip{display:flex}.row-configurable .control fieldset dl dd+dd{display:none}.hover-zoom{display:none}.grid.products span.image{min-height:3cm;min-width:3cm;display:inline-block;vertical-align:middle;background-size:cover}.grid.products ul{page-break-inside:auto}.grid.products ul li{page-break-inside:avoid;list-style:none;margin:0 0 2mm 0}.grid.products ul li .item{display:flex;align-items:center}.grid.products ul li .item .text{margin-left:2mm;display:flex;flex-direction:column}.grid.products ul li .item .text .name{font-weight:bold}.grid.products ul li .item .text .price-container{margin:1mm 0}.grid.products ul li .item .text .bullets{display:flex;flex-direction:column}.grid.products ul li .item .text .bullets .bullet{display:list-item;list-style:square;margin-left:4mm}img{max-width:100%}header #nav-show{display:none}header .wrap .inner{padding:4mm 2mm}header .logo .customer-group.student{display:none}header .logo img{height:8mm;display:none}header .logo:after{content:'Prinfab\00ae';color:#4d4d4d;font-size:18pt;text-decoration:none}header nav{display:none}header nav ul{list-style:none}header nav ul li{list-style:none}main .title ul li{list-style:none;display:inline;padding:0;margin:0}main .title ul li a{color:rgba(77,77,77,0.5)}main .title ul li:not(:last-child):after{content:" / ";color:rgba(77,77,77,0.5)}main .control.menu,main .button.menu-toggle{display:none}main .row-3{display:flex}main .row-3 [class^="col"]{width:33.3%}main section.customer-service{display:none}main .order .review-info{padding-bottom:3mm}main .order .shipping-method-review h4{padding-bottom:1mm}main .order .shipping-method-review p{padding-top:1mm}main .order .row-1 .information .text .sku{display:block;color:rgba(77,77,77,0.5);font-weight:700;font-size:10pt}main .order .row-1 .information .text .name{display:block;font-weight:700;font-size:13pt;margin-bottom:1mm}main .order .row-1 .information .text .data>.attribute>.label{font-weight:900}main .order .row-1 .information .text .data .attribute .label:after{content:": "}main .order .row-1 .information .text .data .attribute .attribute:not(:last-child) .value:after{content:", "}main .order .row-1 .information .text .price-container{margin-top:1mm;display:block;font-weight:700}main .order .row-1 .totals h4,main .order .row-1 .totals h2{border-bottom:0.6mm solid rgba(77,77,77,0.1);display:flex;text-align:right}main .order .row-1 .totals h4 .label,main .order .row-1 .totals h2 .label{width:85%;padding:0mm 2mm}main .order .row-1 .totals h4 .value,main .order .row-1 .totals h2 .value{width:15%;padding:0mm 2mm}main .order .row-1 ul{padding:0}main .order .row-1 ul li{margin-left:0}main .order .row-1 ul li:first-child{display:flex;width:100%}main .order .row-1 ul li:first-child span{border-top:0.6mm solid rgba(77,77,77,0.1);border-bottom:0.6mm solid rgba(77,77,77,0.1);padding:3mm 2mm;font-weight:bold}main .order .row-1 ul li:first-child span.heading-product{width:70%}main .order .row-1 ul li:first-child span.heading-quantity{width:15%;text-align:right}main .order .row-1 ul li:first-child span.heading-total{width:15%;text-align:right}main .order .row-1 ul li:not(:first-child){border-bottom:0.6mm solid rgba(77,77,77,0.1);display:block;width:100%}main .order .row-1 ul li:not(:first-child) span.images{display:none}main .order .row-1 ul li:not(:first-child) span.information{width:100%;display:flex}main .order .row-1 ul li:not(:first-child) span.information>span{padding:3mm 2mm}main .order .row-1 ul li:not(:first-child) span.information span.text{width:70%}main .order .row-1 ul li:not(:first-child) span.information span.quantity{width:15%;text-align:right}main .order .row-1 ul li:not(:first-child) span.information span.total{width:15%;text-align:right}footer{padding-top:4mm}footer .payment{display:none}footer .reviews,footer .links{display:none}footer ul{list-style:none}footer ul li{list-style:none}.blog-post-view main h1{font-size:20pt}.blog-post-view main h2{font-size:12pt}.blog-post-view main p{text-align:justify}.safety .pictograms li{background:url(https://prinfab.com/skin/frontend/prinfab2/default/images/pictograms.png) 0 0 no-repeat;background-size:18mm 144mm;display:inline-block;height:18mm;margin:0;margin-right:1mm;width:18mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.safety .pictograms li.acute-toxicity{background-position:0 0}.safety .pictograms li.corrosive{background-position:0 -18mm}.safety .pictograms li.explosive{background-position:0 -36mm}.safety .pictograms li.flammable{background-position:0 -54mm}.safety .pictograms li.gas-under-pressure{background-position:0 -72mm}.safety .pictograms li.hazardous-to-the-environment{background-position:0 -90mm}.safety .pictograms li.health-hazard{background-position:0 -108mm}.safety .pictograms li.oxidising{background-position:0 -126mm}.safety .pictograms li.serious-health-hazard{background-position:0 -144mm}.document.list.fabrics .fabric-filters{display:none}.document.list.fabrics .material-group{page-break-after:avoid}.document.list.fabrics .material-group h2{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-top:4mm;background-position:10pt 50%;background-repeat:no-repeat;background-size:80mm;color:rgba(77,77,77,0);page-break-after:avoid}.document.list.fabrics .material-group h3{page-break-after:avoid}.document.list.fabrics .group-list{page-break-inside:initial;border-top:0.5mm solid rgba(77,77,77,0.1);border-bottom:0.5mm solid rgba(77,77,77,0.1);padding:0;margin:2mm 2mm 0}.document.list.fabrics .group-list .material-item{page-break-inside:avoid;list-style:none;margin:0;display:flex;border-top:0.5mm solid rgba(77,77,77,0.1);border-bottom:0.5mm solid rgba(77,77,77,0.1);padding:3mm 0}.document.list.fabrics .group-list .material-item .images{width:30mm;height:30mm;margin-right:5mm}.document.list.fabrics .group-list .material-item .images .image{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:30mm;height:30mm;display:inline-block;background-size:contain}.document.list.fabrics .group-list .material-item .information .name{font-weight:900;display:block}.document.list.fabrics .group-list .material-item .information .stock{display:none}.document.list.fabrics .group-list .material-item .information .price-container{display:block;font-weight:700}.document.list.fabrics .group-list .material-item .information .price-container span{font-weight:normal}.document.list.fabrics .group-list .material-item .information .price-container span .price{font-weight:700}.document.list.fabrics .group-list .material-item .information .bullets{display:block;margin:2mm 0 0 0}.document.list.fabrics .group-list .material-item .information .bullets .bullet{margin:0 0 1mm 4mm;display:block}} /*# sourceMappingURL=print.css.map */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.8 - http://noelboss.github.io/featherlight/ * * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { html.with-featherlight { overflow: hidden; } .featherlight { display: none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background:rgba(77,77,77,.2); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background:rgba(77,77,77,.2); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ box-shadow: 0px 0px 160px 0px rgba(77,77,77,0.2); position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 16px 16px 0; border-bottom: 16px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: rgba(246,246,246,1); cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right:0; /* dimensions: 25px x 25px */ height:52px; line-height: 52px; width: 52px; /* styling */ cursor: pointer; text-align: center; background: #fff; /* Set the background in case it overlaps the content */ background: transparent; color: rgba(77,77,77,1); border: none; padding: 0; } .featherlight .featherlight-close-icon:hover { outline:0; } .featherlight .featherlight-close-icon .material-icons { line-height:52px; margin:0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ box-shadow: 0px 4px 8px 0px rgba(77,77,77,0.05); width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 24px; margin-right: 24px; max-height: 9%0%; max-width:90%; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.8 - http://noelboss.github.io/featherlight/ * * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0,0,0,0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255,255,255,0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } /* Hide navigation while loading */ .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display:none; } /* Hide navigation in case of single image */ .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-next { display:none; } } /* Always display arrows on touch devices */ @media only screen and (max-device-width: 1024px){ .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } div.block-related-category .aw-arp-block-content { padding: 5px 0 0 5px; overflow: hidden; clear: both; } div.block-related-category .aw-arp-item { text-align: center; width: 100px; min-height: 100px; display: -moz-inline-stack; display: inline-block !important; vertical-align: top; zoom: 1; _height: 250px; margin: 5px 5px 20px; } div.block-related-category .aw-arp-item img { border: 1px solid #A9A9A9; width: 75px; margin-bottom: 10px; } div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p { margin-bottom: 5px; } div.block-related-category .footer .aw-arp-block-content li { display: inline-block !important; } div.block-related-category .footer .aw-arp-block-content a { color: #1E7EC8; } .multishipping-authorization .authentication.message { margin: 2em 0; display: inline-block; border: 1px solid #ccc; box-shadow: 0px 1px 3px 0px #ccc; padding: 1em 2em 1em 2em; } /* ccType */ #stripe-payments-accepted-cards img { -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; display: inline-block; } #stripe-payments-accepted-cards.stripe-payments-detected img { opacity: 0.3; } #stripe-payments-accepted-cards.stripe-payments-detected img.active { opacity: 1; } input#stripe_payments_cc_number { background-repeat: no-repeat; background-position: right center; background-size: contain; background-position-x: 80%; -moz-transition: background-position-x 0.25s ease-in-out; -webkit-transition: background-position-x 0.25s ease-in-out; transition: background-position-x 0.25s ease-in-out; } input#stripe_payments_cc_number.cctype-detected { background-position-x: 99%; } .adminhtml-sales-order-create-index #payment_form_stripe_payments input[type="text"] { width: 200px; } .dialog_content { background-color: #fff; } .img-preload { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; } /* Customer Account */ .saved-cards label { display: inline; } .saved-cards { font-size: 1.15em; } .saved-cards li { margin: 4px 0; } #new-card .form-list select { width: auto; } #new-card .form-list label { float: none; } #stripe_payments_cc_cid { width: 40px; } /* Checkout */ #mandates.saved-cards label { font-weight: normal; margin-left: 4px; } ul#payment_form_stripe_payments { padding-left: 20px; padding-top: 15px; } .adminhtml-sales-order-create-index ul#payment_form_stripe_payments { padding: 5px 0 10px; } ul#payment_form_stripe_payments li { display: block; } ul#payment_form_stripe_payments li.stripe-new { display: none; } ul#payment_form_stripe_payments.stripe-new li.stripe-new { display: block; margin-left: 20px; } /* Idev OSC 3-column fixes */ .onestepcheckout-column-middle ul#payment_form_stripe_payments.stripe-new li.stripe-new { margin-left: 0; } .onestepcheckout-column-middle ul#payment_form_stripe_payments { margin: 10px 0; padding-left: 0px; } /* ~Idev OSC */ .sp-methods .saved-cards li label { float: none; } .saved-cards { margin-top: 14px; } .saved-cards input.select { position: relative; top: -1px; } .saved-cards span { display: inline-block; } .saved-cards span.type { font-weight: bold; margin-left: 3px; } .saved-cards span.exp { float: right; } .saved-cards label { display: inline; } .saved-cards span.stripe-payments-fade { color: #aaa; font-weight: normal; } .form-list .saved-cards label { float: none; } #stripe-payments-card-errors { border: 0; border-radius: 3px; height: 0; margin: 0 auto; transition: height 1s, margin 1s, border 1s, padding 1s; display: inline-block; padding: 0 1em; } #stripe-payments-card-errors.populated { border: 1px hsla(0,100%,50%,0.5) dashed; padding: 5px 1em; color: #D20; height: auto; margin: 0.5em auto 1em; } /* Card Icons */ #payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/visa.png) no-repeat; } #payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/amex.png) no-repeat; } #payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/mastercard.png) no-repeat; } #payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/discover.png) no-repeat; } #payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/diners.png) no-repeat; } #payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/jcb.png) no-repeat; } #payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa, #payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex, #payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard, #payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover, #payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners, #payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { padding-left: 30px; background-position-y: -3px; background-size: 24px; } /* Apple Pay */ #co-payment-form #stripe-apple-pay-section #apple-pay-button, ul#payment_form_stripe_payments li#apple-pay-section #apple-pay-button { background-color: black; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 24px; background-origin: content-box; background-repeat: no-repeat; width: 100%; min-height: 44px; padding: 10px 0; border-radius: 10px; } #co-payment-form #stripe-apple-pay-section, ul#payment_form_stripe_payments li#apple-pay-section { display: none; text-align: center; margin-top: 20px; margin-bottom: 20px; } #co-payment-form.payment-request-api-supported #stripe-apple-pay-section, ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section { display: block; } #co-payment-form.payment-request-api-supported #stripe-apple-pay-section #apple-pay-button, ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section #apple-pay-button { display: none; } #co-payment-form #stripe-apple-pay-section label, ul#payment_form_stripe_payments li#apple-pay-section label { font-weight: bold; margin: 10px 0; float: none; display: block; } #stripe-apple-pay-result { margin-bottom: 20px; } #co-payment-form.apple-pay-success .sp-methods { display: none; } /* Authorized Apple Pay Result */ #co-payment-form #stripe-apple-pay-result label, .form-list #apple-pay-result label { display: inline-block; float: none; } #co-payment-form #stripe-apple-pay-result, ul#payment_form_stripe_payments li#apple-pay-result { text-align: center; font-size: 1.1em; display: none; } #stripe-apple-pay-result > div, #apple-pay-result > div { display: block; margin: 5px 0; } #co-payment-form.apple-pay-success #stripe-apple-pay-result, ul#payment_form_stripe_payments.apple-pay-success li#apple-pay-result { display: block; } #co-payment-form.payment-request-api-supported.apple-pay-success #stripe-apple-pay-section, ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success li#apple-pay-section { display: none; } ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new { display: none; } ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li#stripe_payments_cc_save_div.stripe-new { display: block; } ul#payment_form_stripe_payments.apple-pay-success ul#saved-cards { display: none; } /* Stripe Elements */ #card-details-label { display: block; } #stripe-payments-card-number { width: 225px; display: inline-block; } .stripe-payments-brand { opacity: 0.5; height: 24px; width: 32px; display: inline-block; font-size: 20px; margin-left: -49px; position: relative; top: -9px; } #stripe-payments-card-expiry { width: 93px; display: inline-block; } #stripe-payments-card-cvc { width: 68px; display: inline-block; } .stripe-elements-field { display: inline-block; margin: 5px 0 0 0; padding: 4px 14px; border-style: none; background-color: #fefefe; box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #fefefe; border-radius: 4px; } li.stripe-payments-elements.no-wrap { white-space: nowrap; } .pci-dss-info-block { margin: 10px 15px -16px 25px; width: 240px; } #pci-svg { position: relative; left: -25px; top: 5px; opacity: 0.5; fill: green; } .pci-dss-info-text { display: inline-block; position: relative; top: -20px; } /* ACH */ ul.ach-bank-account-details { margin: 1em auto; } ul.ach-bank-account-details label { min-width: 140px; } ul.ach-bank-account-details .account-number, ul.ach-bank-account-details .account-holder-name { width: 210px; } ul.ach-bank-account-details .account-holder-type { width: 215px; } #ach-bank-account-details .ach-token .validation-advice { display: none; } #ach-bank-account-details.showVerificationError .ach-token .validation-advice { display: block; } #stripe-ach-account-verified { color: #47a722; font-style: italic; display: none; } #stripe-ach-account-verified img { display: inline; height: 1em; padding: 2px; } /*! * PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io * License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:PaymentFont;src:url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.eot);src:url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff2'),url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff'),url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"} .product-view #payment-request-button { margin-bottom: 10px; } .cart #payment-request-button { width: 184px; display: inline-block; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } #payment-request-button.disabled, #payment-request-button.disabled * { pointer-events: none !important; } #payment-request-button.disabled { opacity: 0.5; filter: grayscale(50%); } #payment-request-button.disabled::after { position: relative; height: 1em; width: 1em; display: block; left: 50%; margin-left: -.5em; margin-top: -1.2em; content: ''; -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(https://prinfab.com/skin/frontend/prinfab2/default/stripe_payments/img/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75) }