.xoo-wsc-footer{ background-color: #ffffff; color: #1e73be; padding: 10px 20px; box-shadow: 0 -5px 10px #0000001a; } .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{ font-size: 18px; } .xoo-wsc-ft-buttons-cont{ grid-template-columns: auto; } .xoo-wsc-basket{ top: 12px; right: 0px; background-color: #ffffff; color: #1168bf; box-shadow: 0 1px 4px 0; border-radius: 50%; display: flex; width: 60px; height: 60px; } .xoo-wsc-bki{ font-size: 30px} .xoo-wsc-items-count{ top: -9px; left: -8px; height: 28px; line-height: 28px; width: 28px; } .xoo-wsc-items-count, .xoo-wsch-items-count{ background-color: #4182bf; color: #ffffff; } .xoo-wsc-container, .xoo-wsc-slider{ max-width: 320px; right: -320px; top: 0;bottom: 0; top: 0; font-family: } .xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider-active .xoo-wsc-slider{ right: 0; } .xoo-wsc-cart-active .xoo-wsc-basket{ right: 320px; } .xoo-wsc-slider{ right: -320px; } span.xoo-wsch-close { font-size: 20px; } .xoo-wsch-top{ justify-content: center; } span.xoo-wsch-close { right: 10px; } .xoo-wsch-text{ font-size: 20px; } .xoo-wsc-header{ color: #ffffff; background-color: #1e73be; border-bottom: 2px solid #eee; padding: 15px 15px; } .xoo-wsc-body{ background-color: #ffffff; } .xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a{ font-size: 16px; color: #000000; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{ padding: 20px 15px; margin: 0; border-radius: 0px; box-shadow: 0 0; background-color: transparent; } .xoo-wsc-sum-col{ justify-content: center; } /** Shortcode **/ .xoo-wsc-sc-count{ background-color: #000000; color: #ffffff; } .xoo-wsc-sc-bki{ font-size: 28px; color: #000000; } .xoo-wsc-sc-cont{ color: #000000; } .xoo-wsc-product dl.variation { display: block; } .xoo-wsc-product-cont{ padding: 10px 10px; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{ width: 30%; } .xoo-wsc-pattern-card .xoo-wsc-img-col img{ max-width: 100%; height: auto; } .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col{ width: 70%; } .xoo-wsc-pattern-card .xoo-wsc-product-cont{ width: 50% } @media only screen and (max-width: 600px) { .xoo-wsc-pattern-card .xoo-wsc-product-cont { width: 50%; } } .xoo-wsc-pattern-card .xoo-wsc-product{ border: 0; box-shadow: 0px 10px 15px -12px #0000001a; } .xoo-wsc-sm-front{ background-color: #eee; } .xoo-wsc-pattern-card, .xoo-wsc-sm-front{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .xoo-wsc-pattern-card, .xoo-wsc-img-col img, .xoo-wsc-img-col, .xoo-wsc-sm-back-cont{ border-top-left-radius: 5px; border-top-right-radius: 5px; } .xoo-wsc-sm-back{ background-color: #fff; } .xoo-wsc-pattern-card, .xoo-wsc-pattern-card a, .xoo-wsc-pattern-card .amount{ font-size: 16px; } .xoo-wsc-sm-front, .xoo-wsc-sm-front a, .xoo-wsc-sm-front .amount{ color: #000; } .xoo-wsc-sm-back, .xoo-wsc-sm-back a, .xoo-wsc-sm-back .amount{ color: #000; } .magictime { animation-duration: 0.5s; }