/* Theme Name: Woostify Theme URI: https://woostify.com Author: Woostify Author URI: https://woostify.com/about Description: Woostify is fast, lightweight, responsive and super flexible WooCommerce theme built with SEO, speed, and usability in mind. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, etc. Therefore, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Woostify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://woostify.com Version: 2.5.1 Requires at least: 4.7 Tested up to: 6.1 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: woostify Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, rtl-language-support, footer-widgets, sticky-post, theme-options ====== Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS. ====== */ .row { margin-left: -15px; margin-right: -15px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } } .ht-grid { margin-left: -15px; margin-right: -15px; min-height: 1px; } .ht-grid:after { content: ""; display: block; clear: both; } .ht-grid-item { padding-left: 15px; padding-right: 15px; float: left; min-height: 1px; min-height: 1px; } @media (min-width: 1024px) { .ht-grid-1 .ht-grid-item { width: calc( 100% / 1 ); } .ht-grid-2 .ht-grid-item { width: calc( 100% / 2 ); } .ht-grid-2 .ht-grid-item:nth-of-type(2n+3) { clear: both; } .ht-grid-3 .ht-grid-item { width: calc( 100% / 3 ); } .ht-grid-3 .ht-grid-item:nth-of-type(3n+4) { clear: both; } .ht-grid-4 .ht-grid-item { width: calc( 100% / 4 ); } .ht-grid-4 .ht-grid-item:nth-of-type(4n+5) { clear: both; } .ht-grid-5 .ht-grid-item { width: calc( 100% / 5 ); } .ht-grid-5 .ht-grid-item:nth-of-type(5n+6) { clear: both; } .ht-grid-6 .ht-grid-item { width: calc( 100% / 6 ); } .ht-grid-6 .ht-grid-item:nth-of-type(6n+7) { clear: both; } .ht-grid-7 .ht-grid-item { width: calc( 100% / 7 ); } .ht-grid-7 .ht-grid-item:nth-of-type(7n+8) { clear: both; } .ht-grid-8 .ht-grid-item { width: calc( 100% / 8 ); } .ht-grid-8 .ht-grid-item:nth-of-type(8n+9) { clear: both; } .ht-grid-9 .ht-grid-item { width: calc( 100% / 9 ); } .ht-grid-9 .ht-grid-item:nth-of-type(9n+10) { clear: both; } .ht-grid-10 .ht-grid-item { width: calc( 100% / 10 ); } .ht-grid-10 .ht-grid-item:nth-of-type(10n+11) { clear: both; } .ht-grid-11 .ht-grid-item { width: calc( 100% / 11 ); } .ht-grid-11 .ht-grid-item:nth-of-type(11n+12) { clear: both; } .ht-grid-12 .ht-grid-item { width: calc( 100% / 12 ); } .ht-grid-12 .ht-grid-item:nth-of-type(12n+13) { clear: both; } } @media (min-width: 768px) and (max-width: 1023px) { .ht-grid-tablet-1 .ht-grid-item { width: calc( 100% / 1 ); } .ht-grid-tablet-2 .ht-grid-item { width: calc( 100% / 2 ); } .ht-grid-tablet-2 .ht-grid-item:nth-of-type(2n+3) { clear: both; } .ht-grid-tablet-3 .ht-grid-item { width: calc( 100% / 3 ); } .ht-grid-tablet-3 .ht-grid-item:nth-of-type(3n+4) { clear: both; } .ht-grid-tablet-4 .ht-grid-item { width: calc( 100% / 4 ); } .ht-grid-tablet-4 .ht-grid-item:nth-of-type(4n+5) { clear: both; } .ht-grid-tablet-5 .ht-grid-item { width: calc( 100% / 5 ); } .ht-grid-tablet-5 .ht-grid-item:nth-of-type(5n+6) { clear: both; } .ht-grid-tablet-6 .ht-grid-item { width: calc( 100% / 6 ); } .ht-grid-tablet-6 .ht-grid-item:nth-of-type(6n+7) { clear: both; } .ht-grid-tablet-7 .ht-grid-item { width: calc( 100% / 7 ); } .ht-grid-tablet-7 .ht-grid-item:nth-of-type(7n+8) { clear: both; } .ht-grid-tablet-8 .ht-grid-item { width: calc( 100% / 8 ); } .ht-grid-tablet-8 .ht-grid-item:nth-of-type(8n+9) { clear: both; } .ht-grid-tablet-9 .ht-grid-item { width: calc( 100% / 9 ); } .ht-grid-tablet-9 .ht-grid-item:nth-of-type(9n+10) { clear: both; } .ht-grid-tablet-10 .ht-grid-item { width: calc( 100% / 10 ); } .ht-grid-tablet-10 .ht-grid-item:nth-of-type(10n+11) { clear: both; } .ht-grid-tablet-11 .ht-grid-item { width: calc( 100% / 11 ); } .ht-grid-tablet-11 .ht-grid-item:nth-of-type(11n+12) { clear: both; } .ht-grid-tablet-12 .ht-grid-item { width: calc( 100% / 12 ); } .ht-grid-tablet-12 .ht-grid-item:nth-of-type(12n+13) { clear: both; } } @media (max-width: 767px) { .ht-grid-mobile-1 .ht-grid-item { width: calc( 100% / 1 ); } .ht-grid-mobile-2 .ht-grid-item { width: calc( 100% / 2 ); } .ht-grid-mobile-2 .ht-grid-item:nth-of-type(2n+3) { clear: both; } .ht-grid-mobile-3 .ht-grid-item { width: calc( 100% / 3 ); } .ht-grid-mobile-3 .ht-grid-item:nth-of-type(3n+4) { clear: both; } .ht-grid-mobile-4 .ht-grid-item { width: calc( 100% / 4 ); } .ht-grid-mobile-4 .ht-grid-item:nth-of-type(4n+5) { clear: both; } .ht-grid-mobile-5 .ht-grid-item { width: calc( 100% / 5 ); } .ht-grid-mobile-5 .ht-grid-item:nth-of-type(5n+6) { clear: both; } .ht-grid-mobile-6 .ht-grid-item { width: calc( 100% / 6 ); } .ht-grid-mobile-6 .ht-grid-item:nth-of-type(6n+7) { clear: both; } .ht-grid-mobile-7 .ht-grid-item { width: calc( 100% / 7 ); } .ht-grid-mobile-7 .ht-grid-item:nth-of-type(7n+8) { clear: both; } .ht-grid-mobile-8 .ht-grid-item { width: calc( 100% / 8 ); } .ht-grid-mobile-8 .ht-grid-item:nth-of-type(8n+9) { clear: both; } .ht-grid-mobile-9 .ht-grid-item { width: calc( 100% / 9 ); } .ht-grid-mobile-9 .ht-grid-item:nth-of-type(9n+10) { clear: both; } .ht-grid-mobile-10 .ht-grid-item { width: calc( 100% / 10 ); } .ht-grid-mobile-10 .ht-grid-item:nth-of-type(10n+11) { clear: both; } .ht-grid-mobile-11 .ht-grid-item { width: calc( 100% / 11 ); } .ht-grid-mobile-11 .ht-grid-item:nth-of-type(11n+12) { clear: both; } .ht-grid-mobile-12 .ht-grid-item { width: calc( 100% / 12 ); } .ht-grid-mobile-12 .ht-grid-item:nth-of-type(12n+13) { clear: both; } } /* filter */ .flex, .yith-wcwl-share ul a, .product-loop-image-wrapper .tinv-wraper .tinvwl_add_to_wishlist_button, .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce-form-coupon-toggle, .woocommerce-form-login-toggle, .mini-cart-product-infor .mini-cart-product-qty, .cart-sidebar-content .woocommerce-mini-cart__buttons a.checkout, .cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout), #close-cart-sidebar-btn, .quantity .product-qty, .product-loop-meta a, .loop-wrapper-wishlist a, .loop-wrapper-wishlist .feedback, .product-loop-action .loop-add-to-cart-icon-btn, .product-loop-action .added_to_cart, .product-loop-action .yith-wcwl-add-to-wishlist a, .product-loop-action .yith-wcwl-add-to-wishlist .feedback, .quick-view-with-icon, .woocommerce-store-notice a, .onsale, .woostify-out-of-stock-label, .pagination ul .page-numbers:not(.prev):not(.next), .woocommerce-pagination ul .page-numbers:not(.prev):not(.next), .product_list_widget .remove_from_cart_button, .search-form .search-form-icon, .woocommerce-product-search .search-form-icon, #scroll-to-top, .woostify-icon-bar, #woostify-login-form-popup .woostify-login-form-popup-content .dialog-account-close-icon, .dialog-search-content .dialog-search-close-icon, .site-dialog-search, .error404 .site-content, .woostify-pezshop-subsbrice-form .wrapper-submit, .wpcf7 .wpcf7-form.submitting .ajax-loader, .wpcf7 .wpcf7-form.submitting .wpcf7-spinner, .wpcf7 .ajax-loader.is-active, .wpcf7 .wpcf7-spinner.is-active, .tns-controls [data-controls] { display: flex; justify-content: center; align-items: center; } .inline-flex, .has-multi-step-checkout .item-text:before, .has-multi-step-checkout .multi-step-inner, .woocommerce-cart-form__contents:not(.elementor-menu-cart__products) .product-remove a, .cart.wishlist_table:not(.elementor-menu-cart__products) .product-remove a, .shop-cart-count, .wishlist-item-count, .single_add_to_cart_button, .quantity, .woostify-footer-social-icon li a, .page-links .post-page-numbers { display: inline-flex; justify-content: center; align-items: center; } /* skew */ /* translate */ .duration, .woocommerce-address-fields .button:hover, .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit], .has-multi-step-checkout .woostify-before-order-review .woostify-before-order-review-icon, .has-multi-step-checkout .multi-step-checkout-button[data-action=back], #woostify-overlay, #close-cart-sidebar-btn, #shop-cart-sidebar:after, .product-loop-image-wrapper.zoom-hover img, .button, .product-loop-image-wrapper > .added_to_cart, .woocommerce-widget-layered-nav-dropdown__submit, .checkout-button, .product-loop-action .yith-wcwl-add-to-wishlist, .product-loop-action, .woocommerce-store-notice a .woostify-svg-icon, #toggle-sidebar-mobile-button, #commentform input[type=submit], #commentform #email, #commentform #author, #commentform #comment, .woostify-shop-category .elementor-widget-wrap > .elementor-widget-image .wp-caption .wp-caption-text, .search-form .search-form-icon, .woocommerce-product-search .search-form-icon, #scroll-to-top, .sidebar-menu .primary-navigation:not(.elementor-inner) a:before, .sidebar-menu .arrow-icon, .sidebar-menu, .header-search-icon, .woostify-product-navigation .product-nav-item-content, a, .page-links .post-page-numbers, .woostify-simple-subsbrice-form-dark input[type=submit], .woostify-simple-subsbrice-form-dark input:not([type=submit]), .woostify-simple-subsbrice-form input[type=submit], .woostify-simple-subsbrice-form input:not([type=submit]), .woostify-contact-form textarea, .woostify-contact-form input, .woostify-subscribe-form input[type=email] { transition-duration: 0.3s; } .delay { transition-delay: 0.3s; } /* loading animation */ @keyframes circle-loading { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .circle-loading:before, .updating-cart.ajax-single-add-to-cart .single_add_to_cart_button.loading:before, .updating-cart #shop-cart-sidebar:before, .image-loading:before, body:not(.yith-wcms-pro) .processing:not(.um-woo-status):before, .tns:not(.tns-slider):before { content: ""; z-index: 2; position: absolute; border: 1px solid #ddd; border-top-color: #222; border-radius: 50%; height: 20px; width: 20px; top: calc( 50% - 10px ); left: calc( 50% - 10px ); transform: translateY(-50%) translateX(-50%); animation: circle-loading 0.35s linear infinite; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ez-zoom { position: relative; } .easyzoom-flyout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; overflow: hidden; background: #fff; transition: opacity 0.5s ease; } .easyzoom-flyout img { max-width: initial; opacity: 1 !important; } .easyzoom-flyout:hover { opacity: 1; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp img { max-width: none; opacity: 1 !important; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; max-width: none; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*