/*! Theme Name: Storefront Theme URI: https://woocommerce.com/storefront/ Author: Automattic Author URI: https://woocommerce.com/ Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further! Version: 3.7.0 Tested up to: 5.7.0 Requires PHP: 5.6.0 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: storefront Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio. You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL Images License: GNU General Public License v2 or later *//*! * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ body{ margin: 0; padding: 0; } body.product-template-default.single.single-product img.wp-post-image { width: 100%; height: 100%; } .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images{ width: 58%; margin: unset; } body.product-template-default.single.single-product img.zoomImg, body.product-template-default.single.single-product a.woocommerce-product-gallery__trigger{ display: none!important; } .first-block-slider .swiper-slide-bg { background-position: top !important; } .lang_block { position: absolute; bottom: 35px; } .woocommerce-products-header{ text-align: center; } .storefront-sorting{ display: none; margin-left: 2%; } .products{ padding-right: 3%; padding-left: 3%; } .single-product .woocommerce-product-gallery__image.flex-active-slide a{ display:flex; } li.product.type-product.product-type-simple a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img{ width: 100%; } ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img{ display: flex; min-width: 100%; height: auto; } body { opacity: 0.1; } @media all and (max-width: 1024px) { .single-product div.product { flex-direction: column; } .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, div#primary .product.type-product .summary { width: 100% !important; } } @media all and (max-width: 767px) { .single-product-main-block { width: 90% !important; margin: 0 auto; } .add_cart_price { width: 100% !important; } h1.product_title.entry-title { font-size: 28px !important; } span.text-amount-single-product, span.number-amount-single-product, span.instock-text-single-product, .stock-block span.number-amount-single-product, .single_add_to_cart_button.button.alt { font-size: 15px !important; } .single-product div.product p.price { font-size: 20px !important; } .bottom-product-single { width: 100% !important; } ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{ margin-left: auto; margin-right: auto; } ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img{ min-width: auto; } @media all and (max-width: 425px) { .amount-single-product { width: auto !important; } } .eael-woo-checkout .woocommerce .woocommerce-message { background-color: #f5f5f5; color: #333333; } .woocommerce-message .button { color: #333333 !important; } .woocommerce-message .button:hover { color: #333333 !important; } #payment .payment_methods > li .payment_box, #payment .place-order { background-color: #F6F6F6 !important; } .woocommerce-checkout table:not( .has-background ) tbody td, table:not( .has-background ) th { color: #555555; font-weight: normal; font-size: 16px; padding-left: 7% !important; text-align: left !important; } #order_review_heading { transform: translate(7%, 0); } #payment .form-row.place-order { display: flex; flex-direction: column; margin: 0; } .woocommerce-terms-and-conditions-wrapper { order: 2; } #place_order { order: 1; } #payment a { color: #333333; } #payment .payment_box.payment_method_bacs { display: none !important; } .woocommerce-checkout #payment .place-order .button { margin-top: 5px; } table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend, table:not( .has-background ) th { background-color: transparent !important; } .checkout table tfoot .cart-subtotal { display: none !important; } @media all and (max-width: 1024px) { .slide-text p { font-size: 20px !important; } } @media all and (max-width: 767px) { .slide-text p { font-size: 15px !important; } .nextend-thumbnail-inner { padding: 0!important; } } @media all and (max-width: 600px) { .slide-text p { font-size: 10px !important; } .nextend-thumbnail-inner { padding: 0!important; } } @media (max-height: 1000px) and (min-width: 1024px){ a.menu-item{ font-size: 14px; font-weight: 500; } ul.products-show li{ font-size: 16px; } } @media(min-width:1024px){ .single-product div.product .woocommerce-product-gallery .flex-viewport figure a img{ padding: 10%;} }