OwlCyberSecurity - MANAGER
Edit File: 8dd19cd7d2a1487d
LSCH�&�g%a�g �R < R �R 9 /product/dark-gray/?add_to_wishlist=1950&_wpnonce=22ba2da1e2193_HTTP.200,193_product,193_URL.68d4ca3d475bc98bf461eec10e419647,193_Po.1930,193_x-powered-by: PHP/8.1.31 content-type: text/html; charset=UTF-8 set-cookie: wdt_shop_recently_viewed=1930; expires=Tue, 01-Apr-2025 00:29:40 GMT; Max-Age=1314000; path=/; secure link: <https://ibnearif.com/wp-json/>; rel="https://api.w.org/" link: <https://ibnearif.com/wp-json/wp/v2/product/1930>; rel="alternate"; title="JSON"; type="application/json" link: <https://ibnearif.com/?p=1930>; rel=shortlink x-litespeed-cache-control: public,max-age=604800 x-litespeed-tag: 193_HTTP.200,193_product,193_URL.68d4ca3d475bc98bf461eec10e419647,193_Po.1930,193_ etag: "12416-1742153381;;;" <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="profile" href="https://gmpg.org/xfn/11"> <script>document.documentElement.className = document.documentElement.className + ' yes-js js_active js'</script> <title>Dark Gray – Ibn e Arif</title> <meta name='robots' content='max-image-preview:large, noindex, follow' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Ibn e Arif » Feed" href="https://ibnearif.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Ibn e Arif » Comments Feed" href="https://ibnearif.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Ibn e Arif » Dark Gray Comments Feed" href="https://ibnearif.com/product/dark-gray/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/ibnearif.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://ibnearif.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-selectBox-css' href='https://ibnearif.com/wp-content/plugins/yith-woocommerce-wishlist/assets/css/jquery.selectBox.css?ver=1.2.0' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce_prettyPhoto_css-css' href='//ibnearif.com/wp-content/plugins/woocommerce/assets/css/prettyPhoto.css?ver=3.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='yith-wcwl-main-css' href='https://ibnearif.com/wp-content/plugins/yith-woocommerce-wishlist/assets/css/style.css?ver=4.3.0' type='text/css' media='all' /> <style id='yith-wcwl-main-inline-css' type='text/css'> :root { --rounded-corners-radius: 16px; --feedback-duration: 3s } :root { --rounded-corners-radius: 16px; --feedback-duration: 3s } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #000000;--wp--preset--color--secondary: #686868;--wp--preset--color--tertiary: #F8F8F8;--wp--preset--color--body-bg: #FFFFFF;--wp--preset--color--body-text: #808080;--wp--preset--color--alternate: #000000;--wp--preset--color--transparent: rgba(0,0,0,0);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://ibnearif.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.5' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-plus-elementor-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/elementor/assets/css/elementor.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-plus-common-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/assets/css/common.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-pro-widget-css' href='https://ibnearif.com/wp-content/plugins/neytri-pro/assets/css/widget.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-elementor-addon-core-css' href='https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/assets/css/core.css?ver=1.0.0' type='text/css' media='all' /> <style id='wdt-elementor-addon-core-inline-css' type='text/css'> :root { --wdt-elementor-color-primary: #000000; --wdt-elementor-color-primary-rgb: 0,0,0; --wdt-elementor-color-secondary: #000000; --wdt-elementor-color-secondary-rgb: 0,0,0; --wdt-elementor-color-text: #808080; --wdt-elementor-color-text-rgb: 128,128,128; --wdt-elementor-color-accent: #FFFFFF; --wdt-elementor-color-accent-rgb: 255,255,255; --wdt-elementor-color-custom-1: #9E9E9E; --wdt-elementor-color-custom-1-rgb: 158,158,158; --wdt-elementor-color-custom-2: #F8F8F8; --wdt-elementor-color-custom-2-rgb: 248,248,248; --wdt-elementor-color-custom-3: #FF0000; --wdt-elementor-color-custom-3-rgb: 255,0,0; --wdt-elementor-color-custom-4: #FF00F3; --wdt-elementor-color-custom-4-rgb: 255,0,243; --wdt-elementor-typo-primary-font-family: Jost; --wdt-elementor-typo-primary-font-weight: 600; --wdt-elementor-typo-secondary-font-family: Jost; --wdt-elementor-typo-secondary-font-weight: 600; --wdt-elementor-typo-text-font-family: Jost; --wdt-elementor-typo-text-font-weight: 400; --wdt-elementor-typo-accent-font-family: Roboto; --wdt-elementor-typo-accent-font-weight: 500; } </style> <link rel='stylesheet' id='photoswipe-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=9.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='photoswipe-default-skin-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=9.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-layout-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=9.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=9.7.1' type='text/css' media='only screen and (max-width: 768px)' /> <link rel='stylesheet' id='woocommerce-general-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.7.1' type='text/css' media='all' /> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='woo-variation-swatches-css' href='https://ibnearif.com/wp-content/plugins/woo-variation-swatches/assets/css/frontend.min.css?ver=1739724228' type='text/css' media='all' /> <style id='woo-variation-swatches-inline-css' type='text/css'> :root { --wvs-tick:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 2px rgb(0 0 0 / .8))' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E"); --wvs-cross:url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E"); --wvs-single-product-item-width:30px; --wvs-single-product-item-height:30px; --wvs-single-product-item-font-size:16px} </style> <link rel='stylesheet' id='jquery-colorbox-css' href='https://ibnearif.com/wp-content/plugins/yith-woocommerce-compare/assets/css/colorbox.css?ver=1.4.21' type='text/css' media='all' /> <link rel='stylesheet' id='yith-quick-view-css' href='https://ibnearif.com/wp-content/plugins/yith-woocommerce-quick-view/assets/css/yith-quick-view.css?ver=2.3.0' type='text/css' media='all' /> <style id='yith-quick-view-inline-css' type='text/css'> #yith-quick-view-modal .yith-quick-view-overlay{background:rgba( 0, 0, 0, 0.8)} #yith-quick-view-modal .yith-wcqv-main{background:#ffffff;} #yith-quick-view-close{color:#cdcdcd;} #yith-quick-view-close:hover{color:#ff0000;} </style> <link rel='stylesheet' id='brands-styles-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/css/brands.css?ver=9.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='3c10ce638b3032a2784975cd3339db7e-css' href='//fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&subset=latin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-css' href='https://ibnearif.com/wp-content/themes/neytri/style.css?ver=1.0.4' type='text/css' media='all' /> <style id='neytri-inline-css' type='text/css'> :root {--wdtPrimaryColor:#000000;--wdtPrimaryColorRgb:0,0,0;--wdtSecondaryColor:#686868;--wdtSecondaryColorRgb:104,104,104;--wdtTertiaryColor:#f8f8f8;--wdtTertiaryColorRgb:248,248,248;--wdtBodyBGColor:#ffffff;--wdtBodyBGColorRgb:255,255,255;--wdtBodyTxtColor:#808080;--wdtBodyTxtColorRgb:128,128,128;--wdtHeadAltColor:#000000;--wdtHeadAltColorRgb:0,0,0;--wdtLinkColor:#000000;--wdtLinkColorRgb:0,0,0;--wdtLinkHoverColor:#9e9e9e;--wdtLinkHoverColorRgb:158,158,158;--wdtBorderColor:#c4c4c4;--wdtBorderColorRgb:196,196,196;--wdtAccentTxtColor:#ffffff;--wdtAccentTxtColorRgb:255,255,255;--wdtFontTypo_Base: 'Jost', sans-serif;--wdtFontWeight_Base: 400;--wdtFontSize_Base: 16px;--wdtLineHeight_Base: 1.63;--wdtFontTypo_Alt: 'Jost', sans-serif;--wdtFontWeight_Alt: 600;--wdtFontSize_Alt: 55px;--wdtLineHeight_Alt: 1.3;--wdtFontTypo_H1: 'Jost', sans-serif;--wdtFontWeight_H1: 600;--wdtFontSize_H1: 55px;--wdtLineHeight_H1: 1.3;--wdtFontTypo_H2: 'Jost', sans-serif;--wdtFontWeight_H2: 600;--wdtFontSize_H2: 45px;--wdtLineHeight_H2: 1.3;--wdtFontTypo_H3: 'Jost', sans-serif;--wdtFontWeight_H3: 600;--wdtFontSize_H3: 35px;--wdtLineHeight_H3: 1.3;--wdtFontTypo_H4: 'Jost', sans-serif;--wdtFontWeight_H4: 600;--wdtFontSize_H4: 25px;--wdtLineHeight_H4: 1.3;--wdtFontTypo_H5: 'Jost', sans-serif;--wdtFontWeight_H5: 600;--wdtFontSize_H5: 20px;--wdtLineHeight_H5: 1.3;--wdtFontTypo_H6: 'Jost', sans-serif;--wdtFontWeight_H6: 600;--wdtFontSize_H6: 18px;--wdtLineHeight_H6: 1.3;--wdtFontTypo_Ext: "Jost", sans-serif;--wdtFontWeight_Ext: 500;--wdtFontSize_Ext: 14px;--wdtLineHeight_Ext: 1;} </style> <link rel='stylesheet' id='neytri-icons-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/icons.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-base-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/base.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-grid-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/grid.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-layout-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/layout.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-widget-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/widget.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='site-breadcrumb-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/breadcrumb/assets/css/breadcrumb.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='site-header-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/header/assets/css/header.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='site-loader-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/site-loader/layouts/loader-2/assets/css/loader-2.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='site-to-top-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/site-to-top/assets/css/totop.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='site-sidebar-css' href='https://ibnearif.com/wp-content/plugins/neytri-pro/modules/sidebar/assets/css/sidebar.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-blog-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/css/blog.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-blog-archive-simple-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/blog/templates/simple/assets/css/blog-archive-simple.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-bxslider-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/css/jquery.bxslider.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-breadcrumb-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/breadcrumb/assets/css/breadcrumb.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-comments-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/comments/assets/css/comments.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-footer-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/footer/assets/css/footer.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-header-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/header/assets/css/header.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-pagination-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/pagination/assets/css/pagination.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-magnific-popup-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/post/assets/css/magnific-popup.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-quick-search-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/search/assets/css/search.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-secondary-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/sidebar/assets/css/sidebar.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='sp-style-css' href='https://ibnearif.com/wp-content/plugins/neytri-pro/modules/woocommerce/others/suggested-products/assets/css/style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-woo-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/woocommerce/assets/css/default.css?ver=1.0.4' type='text/css' media='all' /> <style id='neytri-woo-inline-css' type='text/css'> /*--------------------------------------------------------------*/ /* #region - Product Listing */ /*--------------------------------------------------------------*/ .woocommerce .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering { float: right; } .woocommerce ul.products { clear: both; margin: 0; padding: 0; } .woocommerce ul.products:after, .woocommerce ul.products:before, .woocommerce-page ul.products:after, .woocommerce-page ul.products:before { content: none; } .woocommerce ul.products li.product { margin: 0; padding: 0; } .woocommerce ul.products li.product, .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products li.product, .woocommerce-page ul.products[class*="columns-"] li.product { margin: 0; width: 100%; } /* .woocommerce ul.products:not(.swiper-wrapper) li.product, .woocommerce ul.products[class*="columns-"]:not(.swiper-wrapper) li.product, .woocommerce-page ul.products:not(.swiper-wrapper) li.product, .woocommerce-page ul.products[class*="columns-"]:not(.swiper-wrapper) li.product { display: inline; float: none; } */ .woocommerce ul.products li.first, .woocommerce ul.products li.first .column { clear: both; } .woocommerce ul.products li.first .column { margin-left: 0; } .woocommerce ul.products:not(.swiper-wrapper) { display: block; float: none; margin: 0 -15px; width: auto; } .woocommerce ul.products:not(.swiper-wrapper) li.product { display: inline; /*float: none; width: auto;*/ } /*.woocommerce ul.products:not(.swiper-wrapper) li.product, .woocommerce ul.products:not(.swiper-wrapper) li.product.first { clear: none; }*/ .woocommerce ul.products.product-loader .wdt-col { -webkit-transition: var(--wdtBaseTransition); -moz-transition: var(--wdtBaseTransition); -ms-transition: var(--wdtBaseTransition); -o-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .woocommerce ul.products li.product.isotope-grid-sizer .wdt-col { min-height: 0; } .woocommerce ul.products li.product.isotope-grid-sizer .wdt-col:empty { padding: 0; } .woocommerce ul.products li.product .product-wrapper { display: inline-block; float: left; margin: 0 0 35px; width: 100%; } .page-template-tpl-fullwidth-php .woocommerce ul.products { overflow: hidden; padding-bottom: 80px; } .woocommerce ul.products li.product .product-wrapper, .woocommerce ul.products li.product .product-wrapper:before, .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-thumb .image img, .woocommerce ul.products li.product .product-thumb a.image > div[class*="image"] img { -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); } /* WooCommerce Default - Product Listing */ /* .woocommerce ul.products { background-color: #f2f2f2; margin-left: -15px; margin-right: -15px; } .woocommerce ul.products:not([style*="height"]) li.product { display: inline; float: none; margin: 0; width: 100%; } .woocommerce ul.products:not([style*="height"]) li.product .product-wrapper { margin: 0 0 35px; } .woocommerce ul.products:not([style*="height"]) li.product.isotope-grid-sizer, .woocommerce ul.products:not([style*="height"]) li.product.isotope-grid-sizer .wdt-col { display: none; } .woocommerce ul.products:not([style*="height"]) li.product.product-category .product-details mark.count { background: none; font-style: normal; } */ /* Product Listing - Thumb */ .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-thumb .image img { float: left; line-height: 0; margin: 0; width: 100%; } .woocommerce ul.products li.product .product-thumb { position: relative; overflow:hidden; } .woocommerce ul.products li.product .product-thumb .image { display: block; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay { height: 100%; position: relative; z-index: 1; } .woocommerce ul.products.product-thumb-bg-image li.product .product-thumb .image .primary-image, .woocommerce ul.products.product-thumb-bg-image li.product .product-thumb .image .secondary-image { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 100%; } .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .primary-image, .woocommerce ul.products li.product .product-thumb .image .secondary-image { height: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; } .woocommerce ul.products li.product .product-thumb a.image:focus > div[class*="image"] { outline: none; outline-offset: 0; } .woocommerce ul.products[class*="product-overlay-"] li.product .product-thumb .image .product-thumb-overlay { display: block; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } .woocommerce ul.products[class*="product-overlay-"] li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; } .woocommerce ul.products li.product .product-thumb .image .primary-image { margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-thumb .product-thumb-content > * { line-height: normal; position: relative; z-index: 1; } .woocommerce ul.products li.product-category .product-thumb .image, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > .primary-image { position: relative; width: 100%; } .woocommerce ul.products li.product-category .product-thumb:before, .woocommerce ul.products li.product-category .product-thumb:after, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb:before, .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb:after { content: none; } .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"], .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"] img { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products:not(.product-thumb-bg-image) li.product .product-thumb a.image > div[class*="image"] img { position: relative;} /* Product Listing - Buttons */ .woocommerce ul.products li.product .product-buttons-wrapper { display: inline-block; margin: auto; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper .wc_inline_buttons { display: inline-block; } .woocommerce ul.products li.product a.add_to_cart_button.added, .woocommerce ul.products li.product .product-thumb .yith-wcwl-add-button.hide a, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none !important; } /* Product Listing - Content */ .woocommerce ul.products li.product .product-details { display: block; float: left; padding: 0; position: relative; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb-content { display: inline-block; padding: 15px; width: 100%; } .woocommerce ul.products[class*="product-thumb-iconsgroup-position"]:not(.product-thumb-bg-image) li.product .product-thumb-content { padding: 0; } .woocommerce ul.products li.product .product-thumb-content > div, .woocommerce ul.products li.product .product-details > div { clear: both; display: inline-block; float: left; margin: 6px 0 0; width: 100%; line-height: 1; } .woocommerce ul.products li.product .selection-box:after { border-width: 0; } /* Transitions */ .woocommerce ul.products li.product .product-wrapper, .woocommerce ul.products li.product a img, .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb-content, .woocommerce ul.products li.product .product-thumb .image div[class*="image"], .woocommerce ul.products li.product .product-thumb .image div[class*="image"] img, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper:before, .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-thumb .image:before { -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } /*----*****---- << Product Listing Options >> ----*****----*/ /* Product Listing - Thumb Content Alignment */ .woocommerce ul.products li.product .product-thumb-content { text-align: center; } .woocommerce ul.products li.product .product-thumb:before, .woocommerce ul.products li.product .product-thumb:after { content: ""; display: block; } .woocommerce ul.products li.product .product-thumb:before { padding-top: 50% } .woocommerce ul.products li.product .product-thumb:after { padding-bottom: 50% } /* Product Listing - IconGroup Position */ .woocommerce ul.products:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb .product-buttons-wrapper.product-icons { position: static; text-align: inherit; } /* Product Listing - Content Alignment */ .woocommerce ul.products.product-content-alignment-center li.product .product-details { text-align: center; } /* Product Listing - Overall Hover Effects */ .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper { position: relative; } .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper:before, .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-thumb .image:before { content: ""; position: absolute; pointer-events: none; } .woocommerce ul.products[class*="product-hover-thumb"] li.product .product-wrapper:before { content: none; } /* Product Listing - Image Hover Effects */ .woocommerce ul.products li:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { -webkit-transform: none; transform: none; } /* #endregion - Product Listing */ /*--------------------------------------------------------------*/ /* #region - Product - Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .out-of-stock, .woocommerce ul.products li.product .product-labels > span { display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 1.6px; margin: 0; padding: 0; position: relative; left: auto; top: auto; text-align: center; text-transform: uppercase; } .woocommerce.single-product div.product .onsale, .woocommerce.single-product div.product .out-of-stock { font-weight: normal; } .woocommerce ul.products li.product .out-of-stock { font-size: 9px; } .woocommerce ul.products li.product .product-labels .new { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } .woocommerce ul.products li.product .product-labels span span { display: inline-block; width: 100%; } .woocommerce ul.products li.product .product-labels { position: absolute; right: 0; top: 0; text-align: right; z-index: 2; } /* Featured */ .woocommerce ul.products li.product .featured-tag { height: 25px; line-height: 25px; position: absolute; left: 0; top: 10px; z-index: 9; display: none; } .woocommerce.single-product .images .featured-tag, .wdt-product-image-gallery-container .featured-tag { height: 25px; line-height: 25px; position: absolute; right: 0; top: 0; z-index: 9; } .woocommerce ul.products li.product .featured-tag i, .woocommerce.single-product .images .featured-tag i, .wdt-product-image-gallery-container .featured-tag i { font-size: 12px; line-height: inherit; position: absolute; right: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .featured-tag > div, .woocommerce.single-product .images .featured-tag > div, .wdt-product-image-gallery-container .featured-tag > div { height: 100%; line-height: inherit; position: relative; width: 25px; z-index: 99; -webkit-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; } .woocommerce ul.products li.product .featured-tag span, .woocommerce.single-product .images .featured-tag span, .wdt-product-image-gallery-container .featured-tag span { display: none; float: left; font-weight: 400; overflow: hidden; padding-right: 20px; width: 3em; -webkit-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; -webkit-transition-duration: 0.3s, 0.25s, 0.25s; transition-duration: 0.3s, 0.25s, 0.25s; -webkit-transition-property: opacity, padding, width; transition-property: opacity, padding, width; -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .woocommerce ul.products li.product:hover .featured-tag > div span, .woocommerce.single-product .images .featured-tag > div span, .wdt-product-image-gallery-container .featured-tag > div span { padding-left: 10px; width: 100%; } .woocommerce ul.products li.product .featured-tag:after, .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { background-color: transparent; border-style: solid; border-width: 12px; content: ""; position: absolute; bottom: 0; right: -15px; top: 0; z-index: 9; } .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { left: -15px; right: auto; } .woocommerce ul.products li.product .featured-tag span { opacity: 0; filter: alpha(opacity=0); } .woocommerce ul.products li.product:hover .featured-tag > div span { opacity: 1; filter: alpha(opacity=100); } /* #endregion - Product - Labels */ /*--------------------------------------------------------------*/ /* #region - Product - Rating */ /*--------------------------------------------------------------*/ .woocommerce .star-rating, .woocommerce ul.products li.product .star-rating { font-size: var(--wdtFontSize_Base); text-indent: -9999px; width: calc(5em + 16px); } .woocommerce .star-rating span, .woocommerce ul.products li.product .star-rating span { height: 100%; padding-top: 0; } .woocommerce .star-rating:before, .woocommerce .star-rating span:before { font-family: "WooCommerce"; letter-spacing: 4px; text-align: left; text-indent: 0; } .woocommerce .star-rating:before { content: "\e021\e021\e021\e021\e021"; } .woocommerce .star-rating > span:before { content: "\e020\e020\e020\e020\e020"; } .woocommerce .star-rating:before, .woocommerce ul.products li.product .star-rating:before { color: var(--wdtBorderColor); } .woocommerce .star-rating > span:before, .woocommerce ul.products li.product .star-rating > span:before { color: var(--wdtPrimaryColor); } /* #endregion - Product - Rating */ /*--------------------------------------------------------------*/ /* #region - Product - Swatches */ /*--------------------------------------------------------------*/ /* .zoo-cw-variations .zoo-cw-group-attribute { width: auto; } .zoo-cw-wrap-shop .zoo-cw-group-attribute { margin-bottom: 8px; } .zoo-cw-wrap-shop .zoo-cw-group-attribute:last-child { margin-bottom: 0; } .zoo-cw-group-attribute .zoo-cw-attribute-option { display: inline-block; float: none; margin: 3px; } .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item { border-width: 0 !important; overflow: visible; padding: 0; position: relative; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35); } .zoo-cw-wrap-shop .zoo-cw-group-attribute[data-attribute-display-type] .selection-box { display: inline-block; width: auto; } .zoo-cw-wrap-shop .zoo-cw-group-attribute[data-attribute-display-type] .select2 { max-width: 100%; } .zoo-cw-active select:not(.zoo-cw-attribute-select), .zoo-cw-active select:not(.zoo-cw-attribute-select) + .select2, .variations_form:not(.no-cw-data) .zoo-cw-group-attribute select:not(.zoo-cw-attribute-select), .variations_form:not(.no-cw-data) .zoo-cw-group-attribute select:not(.zoo-cw-attribute-select) + select { display: none !important; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item), .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item { box-shadow: none !important; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color::after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item) img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { background: none; content: ""; height: auto; opacity: 0; margin: -2px; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; -webkit-border-radius: inherit; border-radius: inherit; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span::after, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: -2px; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item):hover img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected:hover img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item:after, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item { z-index: 0; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: 0; z-index: -1; -webkit-box-shadow: none; box-shadow: none; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active { box-shadow: none; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { height: auto; line-height: normal; padding: 0; width: auto; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after { border-radius: 10px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span { font-size: 14px; padding: 2px 8px; -webkit-border-radius: 3px; border-radius: 3px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text { font-size: inherit; line-height: inherit; } .zoo-cw-attribute-option .zoo-cw-attr-item:before, .zoo-cw-attribute-option .zoo-cw-attr-item:hover:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:before { background: none !important; color: red; content: "\2716" !important; height: 0; line-height: 0; margin: auto !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:hover:before { font-size: 18px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover .zoo-cw-attr-item .zoo-cw-label-text, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item .zoo-cw-label-text { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:after, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:after { content: none !important; } .zoo-cw-gallery-loading { background-color: rgba(242, 242, 242, 0.6); } .zoo-cw-gallery-loading > * { opacity: 0 !important; } .zoo-cw-gallery-loading.wpb_wrapper, .zoo-cw-gallery-loading.elementor-widget-container { display: inline-block; height: 100%; position: relative; } */ .woo-variation-swatches .variable-items-wrapper { margin: 0; width: 100%; } .woocommerce div.product .summary form.cart .variations { margin: 0; } .woocommerce div.product .summary form.variations_form.cart .variations li { margin: 4px; -webkit-box-shadow: none; box-shadow: none; border: 0px solid var(--wdtBorderColor);} .woocommerce div.product .summary form.variations_form.cart .variations li.selected { -webkit-box-shadow: none; box-shadow: none;} .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper { align-items: center; padding: 0; } .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper .reset_variations { color: var(--wdtLinkColor); margin-top: 0; } .woocommerce div.product .summary form.cart .variations .woo-variation-items-wrapper .reset_variations:hover { color: var(--wdtLinkHoverColor); } .woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations td label, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th label { color: var(--wdtPrimaryColor); } .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents::before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents::before { position: absolute; content: " "; display: block; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; margin: auto; max-width: 14px; top: 0; right: 0; left: 0; bottom: 0; } .woocommerce .product form.cart .variations tr:first-child { margin-right: 20px;} .woocommerce div.product .summary form.variations_form.cart .variations li:before{ min-width: 30px; border-radius: 4px; font-size: 12px; line-height: 1.2; opacity: 0; transition: 0.3s cubic-bezier(.68,-0.55,.27,1.55); -webkit-transition: 0.3s cubic-bezier(.68,-0.55,.27,1.55); bottom: 119%; } .woocommerce div.product .summary form.variations_form.cart .variations li:after{ opacity: 0; transition: 0.3s cubic-bezier(.68,-0.55,.27,1.55); -webkit-transition: 0.3s cubic-bezier(.68,-0.55,.27,1.55); } .woocommerce div.product .summary form.variations_form.cart .variations li:hover:before, .woocommerce div.product .summary form.variations_form.cart .variations li:hover:after{ opacity: 1; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li{ width: 30px; height: 30px; background-color: #F8F8F8; border-radius: 8px; } .woocommerce div.product .summary form.variations_form.cart .variations ul.button-variable-items-wrapper li .variable-item-contents span { font-size: 13px; font-weight: var(--wdtFontWeight_Ext); } /* #endregion - Product - Swatches */ /*--------------------------------------------------------------*/ /* #region - Product Single */ /*--------------------------------------------------------------*/ .woocommerce div.product div.images, .woocommerce div.product div.images div.thumbnails a { float: left; } .woocommerce div.product.type-product > div.summary { float: right; } .woocommerce div.product div.images div.thumbnails:after, .woocommerce div.product form.cart:after, .woocommerce div.product form.cart:before, .woocommerce div.product p.cart:after, .woocommerce div.product p.cart:before { content: ""; display: table; } /* #endregion - Product Single */ /*--------------------------------------------------------------*/ /* #region - Misc */ /*--------------------------------------------------------------*/ /* #region - Tables */ .woocommerce table.shop_table { border-width: 0 0 1px; -webkit-border-radius: 5px; border-radius: 5px; } .woocommerce table.shop_table, .woocommerce table.shop_attributes { border-style: solid; border-width: 1px; } .woocommerce table.shop_attributes tr th { border-right: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td { border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce table.shop_attributes td { text-align: left; } .woocommerce table.shop_attributes tr:first-child td, .woocommerce table.shop_attributes tr:first-child th { border-top-width: 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { background: none !important; padding: 15px 20px; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { max-width: 300px; width: 300px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_attributes tr td, .woocommerce table.shop_attributes tr th { border-bottom-width: 0; } .woocommerce a.remove { display: inline-block; vertical-align: middle; font-weight: normal; height: 24px; line-height: 20px; width: 24px; margin-top: 0; } .woocommerce .shop_table tfoot th:last-child, .woocommerce .shop_table.cart tfoot th:last-child, .woocommerce table.shop_attributes tr:last-child th, .woocommerce table.shop_attributes tr:last-child td { border-bottom-color: transparent; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin-bottom: 30px; border-width: 2px; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table tbody td { border-left-width: 0; border-right-width: 0; text-align: left; vertical-align: middle; overflow-wrap: anywhere; } .woocommerce table.shop_table tr td > label, .woocommerce-page table.shop_table tr td > label { display: none; } .woocommerce table.shop_table tbody tr td, .woocommerce-page table.shop_table tbody tr td { border-bottom-width: 1px; } .woocommerce table.shop_table tbody tr:last-child td, .woocommerce-page table.shop_table tbody tr:last-child td { border-bottom-width: 0; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { background: transparent; font-size: 14px; font-weight: 700; line-height: 30px; padding: 15px; text-transform: uppercase; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { background: none; border-width: 0; padding: 15px; } .woocommerce table.shop_table thead th:first-child, .woocommerce-page table.shop_table thead th:first-child { padding-left: 30px; width: 150px; } .woocommerce table.shop_table tr td:first-child, .woocommerce-page table.shop_table tr td:first-child { padding-left: 30px; } .woocommerce table.shop_table tr td:last-child, .woocommerce-page table.shop_table tr td:last-child { padding-right: 30px; } .woocommerce table.shop_table tr td.product-remove, .woocommerce-page table.shop_table tr td.product-remove { width: 10px; } .woocommerce table.shop_table .product-thumbnail a, .woocommerce-page table.shop_table .product-thumbnail a { display: inline-block; } .woocommerce table.shop_table tbody td .woocommerce-Price-currencySymbol, .woocommerce-page table.shop_table tbody td .woocommerce-Price-currencySymbol { margin-right: 5px; } .woocommerce .shop_table tr td.product-stock-status > span { border: 1px solid; display: inline-block; font-size: 10px; font-weight: 500; letter-spacing: 2px; line-height: normal; padding: 14px 10px; text-align: center; text-transform: uppercase; width: 100%; } .woocommerce table tbody tr:nth-child(2n+1), .woocommerce-page table tbody tr:nth-child(2n+1) { background: none; } .woocommerce table.shop_table tr .woocommerce-remove-coupon { display: block; } /* Orders & Address Details */ .woocommerce-page .woocommerce-customer-details { border-style: solid; border-width: 2px; margin: 0 0 20px; padding: 4px; } .woocommerce-page .woocommerce-customer-details .addresses { border-width: 0; padding: 0; margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); border-style: solid; border-width: 2px; margin: 0; padding: 4px !important; } .woocommerce-page.woocommerce-view-order .woocommerce-customer-details .addresses .woocommerce-column + .woocommerce-column { margin-top: 30px; } .woocommerce-page .woocommerce-customer-details .addresses address:last-child, .woocommerce-page .woocommerce-customer-details .addresses address p:last-child { margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details address, .woocommerce-page .woocommerce-customer-details h2 { border-style: dashed; border-width: 2px; margin: 0 !important; padding: 20px; } .woocommerce-page .woocommerce-customer-details h2 { border-bottom-width: 0; } .woocommerce-page .woocommerce-customer-details address { border-top-width: 0; padding-top: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin: 15px 0 0 !important; } .addresses .col-1 header, .addresses .col-2 header, .addresses .col-1 address, .addresses .col-2 address, .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); border-style: dashed; border-width: 2px; padding: 10px 20px; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title { border-bottom-width: 0; margin: 0 0 -2px; padding: 20px; text-align: left; } .addresses .col-1 header, .addresses .col-2 header { border-bottom-width: 0; } .addresses .col-1 h3, .addresses .col-2 h3 { margin-bottom: 0; } .addresses .col-1 address, .addresses .col-2 address { margin-top: 0; } .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { display: inline-block; margin-bottom: 20px; width: 100%; } .woocommerce-page .woocommerce-customer-details address { margin-top: 0; } .woocommerce-page .woocommerce-customer-details address:last-child, .woocommerce-page .woocommerce-customer-details address p:last-child { margin-bottom: 0; } .addresses .col-1 header, .addresses .col-2 header, .addresses .col-1 address, .addresses .col-2 address { border-top-width: 0; padding: 0 20px 10px; } .addresses .col-1 header, .addresses .col-2 header { border-bottom-width: 0; } .addresses .col-1 address, .addresses .col-2 address { margin-top: 0; } .addresses .col-1 h3, .addresses .col-2 h3 { margin-bottom: 0; } .woocommerce-page .woocommerce-customer-details, .woocommerce-page .woocommerce-customer-details h2, .woocommerce-page .woocommerce-customer-details address { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td { text-align: left; } .woocommerce-page .woocommerce-order-details { border: 2px solid; margin-bottom: 50px; overflow: hidden; padding: 60px; } .woocommerce-account .woocommerce-order-details { padding: 25px 35px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title { display: inline-block; margin-bottom: 20px; } .woocommerce-account .woocommerce-order-details .woocommerce-order-details__title { margin-bottom: 15px; } .woocommerce .shop_table.customer_details th, .woocommerce .shop_table.customer_details td { text-align: left; } .woocommerce-page .woocommerce-order-details .shop_table tr th:first-child, .woocommerce-page .woocommerce-order-details .shop_table tr th:last-child, .woocommerce-page .woocommerce-order-details .shop_table tr td:first-child, .woocommerce-page .woocommerce-order-details .shop_table tr td:last-child { border-left-width: 0; border-right-width: 0; font-size: 15px; line-height: 30px; padding: 20px 0; vertical-align: middle; } .woocommerce-page .woocommerce-order-details table.shop_table tr th, .woocommerce-page .woocommerce-order-details table.shop_table tr td { background: transparent; line-height: 30px; padding: 20px 50px 20px 0; vertical-align: middle; } .woocommerce .woocommerce-order-details table.shop_table.order_details thead th { border-top-width: 0; font-size: 16px; font-weight: bold; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot th { font-weight: 600; text-transform: capitalize; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot td { font-weight: 500; } .woocommerce-page .woocommerce-order-details table.shop_table tr th:last-child, .woocommerce-page .woocommerce-order-details table.shop_table tr td:last-child { text-align: right; } .woocommerce .woocommerce-order-details .shop_table.order_details small.shipped_via { display: block; margin-top: -8px; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name { width: 66.66%; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a { font-weight: 600; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .product-quantity { display: inline-block; font-weight: 500; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .wc-item-meta { padding-left: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details td.product-name .wc-item-meta li { display: inline-flex; } .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name .wc-item-meta dt + *, .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dt + *, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta .wc-item-meta-label + *, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation .wc-item-meta-label + * { display: inline-block; float: none; } .woocommerce .woocommerce-order-details .shop_table.order_details { border-width: 0 !important; margin-bottom: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child th, .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child td { padding-bottom: 10px; } .woocommerce .woocommerce-order-details + .woocommerce-customer-details, .woocommerce-page.woocommerce-view-order .woocommerce-customer-details, .woocommerce-page.woocommerce-order-received .woocommerce-customer-details { border-width: 0; padding: 0; } /* #endregion - Tables */ /* #region - Forms */ .woocommerce form .form-row { float: left; margin-bottom: 20px; padding: 0; width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last {display: inline-block; overflow: visible; padding: 0; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); } .woocommerce .woocommerce-form-coupon.checkout_coupon .form-row-last .button { margin: 0; } .woocommerce form .form-row-first { float: left; } .woocommerce form .form-row-last { float: right; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: normal; padding: var(--wdtInputPadding); } .woocommerce form .form-row textarea { height: 180px; } .woocommerce form .form-row.notes { margin-bottom: 0; } .woocommerce form p { display: inline-block; margin-bottom: 20px; position: relative; vertical-align: top; width: 100%; } .woocommerce select, .woocommerce form select, .woocommerce form .form-row select { padding-left: 12px; } .woocommerce form .form-row .select2-container { line-height: 38px; width: 100% !important; } .woocommerce form.lost_reset_password p, .woocommerce form .woocommerce-privacy-policy-text p { line-height: inherit; } .woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link { position: relative; } .woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link:before { position: absolute; content: ""; display: block; bottom: 1px; width: 100%; background: currentColor; height: 1px; left: 0; right: 0; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: inline-block; font-size: calc( var(--wdtFontSize_Base) - 2px); font-weight: normal; } .woocommerce form .form-row label:not(.checkbox), .woocommerce-page form .form-row label:not(.checkbox) { padding-bottom: 5px; margin-bottom: 5px; width: 100%;} .woocommerce form .form-row label.inline { display: inline-block; line-height: 18px; margin: 0; padding: 15px 20px; } .woocommerce-form__label-for-checkbox input[type="checkbox"] { margin-right: 10px; margin-top: -2px; } .woocommerce ul#shipping_method li, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce ul#shipping_method li label, .woocommerce-checkout #payment ul.payment_methods li label { line-height: inherit; } .comment-form-wdt-privatepolicy input[type="checkbox"], .woocommerce form .form-row .input-checkbox, .woocommerce-form__label-for-checkbox input[type="checkbox"] { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label, .woocommerce-form__label-for-checkbox > span, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { display: inline-block; line-height: var(--wdtLineHeight_Base); padding-left: 30px; position: relative; } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label::before, .woocommerce-form__label-for-checkbox > span::before, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label::before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label::before { border-width: 1px; border-style: solid; content: ""; height: 15px; left: 0; margin-top: 0; position: absolute; top: 6px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition: .2s; transition: .2s; width: 15px; z-index: 0; } .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label:before { top: 3px; } .comment-form-wdt-privatepolicy input[type="checkbox"]:checked ~ label::before, .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span:before, .woocommerce .woocommerce-shipping-methods li input[type="radio"]:checked + label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked + label:before { background: none; border-bottom: 1px solid currentColor; border-left: 1px solid transparent; border-right: 1px solid currentColor; border-top: 1px solid transparent; height: 18px; left: -2px; top: 2px; width: 9px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .comment-form-wdt-privatepolicy input[type="checkbox"]:checked ~ label:before { top: -1px; } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox > span { top: -2px; margin-left: -1px; font-size: var(--wdtFontSize_Base); } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox + span:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span:before { top: 50%; -webkit-transform: translateY(-50%) rotate(40deg); transform: translateY(-50%) rotate(40deg); } .woocommerce .woocommerce-shipping-methods input[type="radio"], .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] { position: absolute; } .woocommerce ul#shipping_method li > input[type="radio"] ~ label, .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { display: inline-block; font-weight: 500; letter-spacing: 0.5px; vertical-align: middle; cursor: pointer; position: relative; top: -1px; } #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after { content: none; } /* Color - Border */ .woocommerce-form__label-for-checkbox > span:before, .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label:before { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); } /* Color - Color */ .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label { color: rgba(var(--wdtHeadAltColorRgb),0.8); } .woocommerce .woocommerce-shipping-methods li > input[type="radio"] ~ label:hover, .woocommerce .woocommerce-shipping-methods li > input[type="radio"]:checked + label, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label:hover, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:checked + label { color: var(--wdtHeadAltColor); } /* Accent - Primary */ .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label::before, .woocommerce-form__label-for-checkbox > span::before, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label::before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label::before, .woocommerce form.login .woocommerce-form-row label:before, .woocommerce form.register .woocommerce-form-row label:before { color: var(--wdtPrimaryColor); } /* #endregion - Forms */ /* #region - Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .compare, .woocommerce div.product .summary .yith-wcqv-button, .woocommerce div.product .summary .wdt-wcsg-button { cursor: pointer; display: inline-block; float: none; position: relative; outline: none; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline a, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline a.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline .button { letter-spacing: 0; margin-top: 0; } .woocommerce form .button, .woocommerce table .button, .woocommerce form .button.alt, .woocommerce table .button.alt { margin-top: 0; } .woocommerce div.product .summary .compare, .woocommerce div.product .summary .wccm_btn_wrapper a.compare, .woocommerce div.product .summary .yith-wcwl-add-to-wishlist a, .woocommerce div.product .summary .wcqv_btn_wrapper a.button, .woocommerce div.product .summary .wcsg_btn_wrapper a.button { margin: 8px 0; } .yith-wcwl-add-to-wishlist { display: inline-block !important; margin-top: 0; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { display: inline-block !important; position: relative; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img { margin: auto; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.hide { display: none !important; } .yith-wcwl-add-to-wishlist .feedback { display: none; margin-bottom: 8px; } .yith-wcwl-add-to-wishlist a .yith-wcwl-icon { display: none; } .woocommerce .button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading::after, .woocommerce a.button.loading::after, .woocommerce #respond input#submit.loading:after { content: "\f110"; display: inline-block; font-family: "Neytri Icons"; font-size: 16px; margin-left: 10px; position: relative; right: auto; top: auto; vertical-align: middle; } .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled], .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled] { cursor: not-allowed !important; opacity: 0.6; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt[disabled]:disabled, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button, .woocommerce .wishlist_table .add_to_cart.button, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist, .woocommerce .wishlist_table a.ask-an-estimate-button, .woocommerce .wishlist-title a.show-title-form, .woocommerce .hidden-title-form a.hide-title-form, .woocommerce .hidden-title-form a.save-title-form, .woocommerce .wishlist_manage_table a.create-new-wishlist, .woocommerce a.added_to_cart { background-color: var(--wdtHeadAltColor); color: var(--wdtAccentTxtColor); border-width: 0; cursor: pointer; display: inline-block; float: none; font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-style: normal; font-weight: normal; line-height: var(--wdtLineHeight_Alt); margin: 10px 0 0; outline: none; padding: var(--wdtPadding_Btn); position: relative; text-align: center !important; text-transform: uppercase; -webkit-appearance: none; appearance: none; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); } /* Hover */ .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .yith-wcwl-add-to-wishlist a:hover, .yith-wcqv-button:hover, .wdt-wcsg-button:hover, .woocommerce .wishlist_table .add_to_cart.button:hover, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist:hover, .woocommerce .wishlist_table a.ask-an-estimate-button:hover, .woocommerce .wishlist-title a.show-title-form:hover, .woocommerce .hidden-title-form a.hide-title-form:hover, .woocommerce .hidden-title-form a.save-title-form:hover, .woocommerce .wishlist_manage_table a.create-new-wishlist:hover, .woocommerce a.added_to_cart:hover { background-color: rgba(var(--wdtHeadAltColorRgb),0.75); color: var(--wdtAccentTxtColor); } /* #endregion - Buttons */ /* #region - Product Quantity */ .woocommerce .quantity, .woocommerce-page .quantity { margin: 0 auto; overflow: hidden; position: relative; width: auto; } .woocommerce .quantity .qty, .woocommerce-page .quantity .qty, .woocommerce .quantity input, .woocommerce-page .quantity input { display: inline-block; float: left; font-weight: bold; margin-top: 0; min-height: 42px; padding: 0; vertical-align: middle; width: 47px; -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.15) inset; box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.15) inset; } .woocommerce .woocommerce-grouped-product-list .quantity input, .woocommerce-page .woocommerce-grouped-product-list .quantity input { width: 40px; } .woocommerce .cart .quantity .qty, .woocommerce-page .cart .quantity .qty { background: none; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .woocommerce div.quantity > a { border-width: 0; } .woocommerce .quantity input:not(.qty) { color: var(--wdtBodyTxtColor); font-size: 26px; font-weight: normal; padding: 0; text-align: center; } .woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity ~ a, .woocommerce div.product form.cart div.quantity ~ a.button, .woocommerce div.product form.cart div.quantity ~ button, .woocommerce div.product form.cart div.quantity ~ button.button, .woocommerce div.product form.cart div.quantity ~ .button { display: inline-block; float: none; margin: 0; vertical-align: middle; } .woocommerce div.product form.cart div.quantity { margin: 0; } .woocommerce div.product form.cart + .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { margin-top: 0; } .woocommerce div.quantity .qty { font-size: 15px; font-weight: 400; } .woocommerce div.quantity > a[class*="arrow"] { height: 20px; } .woocommerce div.quantity > a:focus { outline: none; } .woocommerce div.quantity:not(.quantity-with-plusminus) .qty, .woocommerce-page div.quantity:not(.quantity-with-plusminus) .qty, .woocommerce div.quantity:not(.quantity-with-plusminus) input, .woocommerce-page div.quantity:not(.quantity-with-plusminus) input { padding: 0 15px; text-align: left; width: 90px; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { background: transparent !important; border-width: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] > i { position: absolute; left: 0; right: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a[class*="arrow"] > i:before { display: block; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a.arrow-plus > i { bottom: 0; } .woocommerce div.quantity:not(.quantity-with-plusminus) > a.arrow-minus > i { top: 0; } .woocommerce.single-product .product .single_add_to_cart_button{ background: transparent !important; border: 2px solid var(--wdtPrimaryColor) !important; color: var(--wdtLinkColor) !important; opacity: 1 !important; font-size: 14px !important; } .woocommerce.single-product .product .single_add_to_cart_button:before { display: none; } /* Quantity - Shop Call-to-action Pages */ .woocommerce table.shop_table tbody td .quantity, .woocommerce-page table.shop_table tbody td .quantity, .woocommerce table.shop_table.cart tbody td .quantity, .woocommerce-page table.shop_table.cart tbody td .quantity { display: inline-block; margin: 0; overflow: hidden; position: relative; text-align: center; vertical-align: middle; } .woocommerce table.shop_table tbody td .quantity > label, .woocommerce-page table.shop_table tbody td .quantity > label, .woocommerce table.shop_table.cart tbody td .quantity > label, .woocommerce-page table.shop_table.cart tbody td .quantity > label { display: none; } .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page table.shop_table tbody td .quantity .qty, .woocommerce table.shop_table.cart tbody td .quantity .qty, .woocommerce-page table.shop_table.cart tbody td .quantity .qty { float: left; font-size: var(--wdtFontSize_Base); font-weight: normal; } .woocommerce .cart .quantity > a[class*="arrow"], .woocommerce-page .cart .quantity > a[class*="arrow"] { float: left; font-size: 15px; height: 20px; line-height: 20px; margin: 0 !important; padding: 0; position: absolute !important; right: 12px; text-align: center; top: 0; width: 20px; } .woocommerce .cart .quantity > a.arrow-minus, .woocommerce-page .cart .quantity > a.arrow-minus { bottom: 0; line-height: 0; top: auto; } /* Quantity PlusMinus */ .woocommerce div.product form.cart div.quantity.quantity-with-plusminus { width: fit-content; } .woocommerce .quantity.quantity-with-plusminus, .woocommerce-page .quantity.quantity-with-plusminus { border: 2px solid var(--wdtPrimaryColor); border-radius: var(--wdtRadius_2X); } .woocommerce .quantity.quantity-with-plusminus input.qty, .woocommerce-page .quantity.quantity-with-plusminus input.qty { font-weight: var(--wdtFontWeight_Ext); text-align: center; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input { border-width: 0; float: left; margin: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .quantity.quantity-with-plusminus input.plus, .woocommerce-page .quantity.quantity-with-plusminus input.plus { font-size: 20px; } .woocommerce .quantity.quantity-with-plusminus input.minus:hover, .woocommerce-page .quantity.quantity-with-plusminus input.minus:hover, .woocommerce .quantity.quantity-with-plusminus input.plus:hover, .woocommerce-page .quantity.quantity-with-plusminus input.plus:hover { color: var(--wdtHeadAltColor); } .woocommerce .cart .quantity.quantity-with-plusminus .qty, .woocommerce-page .cart .quantity.quantity-with-plusminus .qty { border-style: solid; border-width: 0 ; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input, .woocommerce .cart .quantity.quantity-with-plusminus .qty:focus, .woocommerce-page .cart .quantity.quantity-with-plusminus .qty:focus { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); } /* Quantity PlusMinus - Shop Call-to-action Pages */ .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce table.shop_table.cart tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table.cart tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 40px; } .woocommerce .quantity.quantity-with-plusminus .qty:hover, .woocommerce-page .quantity.quantity-with-plusminus .qty:hover, .woocommerce .quantity.quantity-with-plusminus input:hover, .woocommerce-page .quantity.quantity-with-plusminus input:hover, .woocommerce table.shop_table.cart .quantity.quantity-with-plusminus input:hover, .woocommerce-page table.shop_table.cart .quantity.quantity-with-plusminus input:hover { background: none; } .woocommerce .cart .quantity > a[class*="arrow"], .woocommerce-page .cart .quantity > a[class*="arrow"], .woocommerce div.product div.summary .cart .quantity > a[class*="arrow"], .woocommerce.single-product div.product .cart .quantity > a[class*="arrow"] { color: var(--wdtHeadAltColor); } .woocommerce .cart .quantity > a[class*="arrow"]:hover, .woocommerce-page .cart .quantity > a[class*="arrow"]:hover, .woocommerce div.product div.summary .cart .quantity > a[class*="arrow"]:hover, .woocommerce.single-product div.product .cart .quantity > a[class*="arrow"]:hover, .woocommerce .quantity.quantity-with-plusminus input:not(.qty):hover, .woocommerce-page .quantity.quantity-with-plusminus input:not(.qty):hover, .woocommerce-page table.shop_table.cart .quantity > a:hover i, .woocommerce-page .woocommerce table.shop_table tbody td .quantity > a:hover { color: var(--wdtPrimaryColor); } .woocommerce .quantity-with-arrows input[type=number], .woocommerce-page .quantity-with-arrows input[type=number], .woocommerce .quantity-with-plusminus input[type=number], .woocommerce-page .quantity-with-plusminus input[type=number] { -webkit-appearance: none; appearance: none; } /* Webkit browsers like Safari and Chrome */ .woocommerce .quantity.quantity-with-arrows input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity.quantity-with-arrows input[type=number]::-webkit-outer-spin-button, .woocommerce .quantity.quantity-with-plusminus input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity.quantity-with-plusminus input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* For Firefox */ .woocommerce .quantity.quantity-with-arrows input[type='number'], .woocommerce .quantity.quantity-with-plusminus input[type='number'] { -moz-appearance: textfield; } .woocommerce .quantity.quantity-with-arrows noindex:-o-prefocus, .woocommerce .quantity.quantity-with-arrows input[type=number], .woocommerce .quantity.quantity-with-plusminus noindex:-o-prefocus, .woocommerce .quantity.quantity-with-plusminus input[type=number] { padding-right: 1.2em } /* #endregion - Quantity */ /* #region - Notices */ .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-notice { clear: both; display: inline-block; letter-spacing: 0; margin: 0 0 30px !important; padding: 20px 30px !important; position: relative; width: 100%; z-index: 1; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { background-color: #fafafa !important; border-width: 3px 0 0; } .woocommerce-notice { background-color: var(--wdtBodyBGColor); border-left: 5px solid; } .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notice { -webkit-box-shadow: 0 0 3px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 0 0 3px rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-message:after { content: none; } .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { display: inline-block; line-height: normal; position: relative; text-decoration: none; -webkit-box-shadow: 0 -1px 0 var(--wdtHeadAltColor) inset; box-shadow: 0 -1px 0 var(--wdtHeadAltColor) inset; } .woocommerce .woocommerce-error > a:focus, .woocommerce .woocommerce-error > a:hover, .woocommerce .woocommerce-info > a:focus, .woocommerce .woocommerce-info > a:hover, .woocommerce .woocommerce-message > a:focus, .woocommerce .woocommerce-message > a:hover { outline: none; text-decoration: none !important; -webkit-box-shadow: 0 -1px 0 var(--wdtBorderColor) inset; box-shadow: 0 -1px 0 var(--wdtBorderColor) inset; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { background: transparent; display: inline-block; float: right; font-size: 14px; line-height: 24px; margin: 0; padding: 0; text-transform: capitalize; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .woocommerce .woocommerce-error .button:focus, .woocommerce .woocommerce-info .button:focus, .woocommerce .woocommerce-message .button:focus { outline: none; text-decoration: none !important; } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover { background: transparent; color: rgba(var(--wdtHeadAltColorRgb),0.7) !important; } .woocommerce .woocommerce-message, .woocommerce-notice.woocommerce-notice--success { border-color: #3db44c; } .woocommerce .woocommerce-error, .woocommerce-notice.woocommerce-notice--error { border-color: #e0352d; } .woocommerce .woocommerce-info, .woocommerce-notice.woocommerce-notice--info { border-color: #019ed5; } .woocommerce-notice.woocommerce-notice--warning { border-color: #fb0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { color: var(--wdtHeadAltColor); } .woocommerce-checkout-header ~ form.woocommerce-checkout .woocommerce-NoticeGroup { margin-top: 30px; } /* #endregion - Notices */ /* #region - Typography */ .woocommerce div.product .product_title { font-size: var(--wdtFontSize_H3); } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title, .woocommerce div.product .wdt-product-tabs-exploded > h2, .woocommerce #reviews #comments h2, .related.products > h2, .upsells.products > h2, .woocommerce .wishlist-title h2, .woocommerce #customer_login.col2-set h2 { font-size: 1.75rem; } .related.products > h2, .upsells.products > h2 { margin-bottom: 1em; } .woocommerce #review_form #respond .comment-reply-title, .wdt-shop-single-sticky-addtocart-info > h3, .woocommerce-billing-fields h3, .woocommerce-additional-fields > h3, .woocommerce-shipping-fields h2, .woocommerce .wdt-cart-coupon-holder .coupon label, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce .cart-collaterals .cross-sells h2, #order_review_heading, .woocommerce-account .woocommerce-MyAccount-content form h3, .woocommerce-order-downloads__title { font-size: 1.6rem; } .woocommerce-shipping-fields #ship-to-different-address, .woocommerce .woocommerce-order-details .woocommerce-order-details__title { font-size: 1.45rem; } .woocommerce ul.products li.product .product-thumb-content .product-title h5, .woocommerce ul.products li.product .product-details .product-title h5, .woocommerce ul.products li.product-category .product-wrapper h3 { font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Ext); } .woocommerce-page .woocommerce-customer-details h2, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3, .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column .woocommerce-column__title, .woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-size: 1.25rem; } /* .woocommerce .wdt-cart-coupon-holder .coupon label { font-size: 1rem; } */ .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h2, .woocommerce-additional-fields > h3, .woocommerce-checkout-order-review-wrap #order_review_heading, .woocommerce .woocommerce-order-details .woocommerce-order-details__title { line-height: 1em; margin-top: 0; margin-bottom: 20px; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { font-size: var(--wdtFontSize_Base); text-transform: capitalize; } .woocommerce div.product .wdt-product-tabs .woocommerce-tabs .panel > h2, .woocommerce div.product .wdt-product-tabs .woocommerce-Reviews-title, .woocommerce div.product .wdt-product-tabs-exploded > h2, .woocommerce #review_form #respond .comment-reply-title { text-transform: none; } /* #endregion - Typography */ /* #endregion - Misc */ /*--------------------------------------------------------------*/ /* #region - Default Colors */ /*--------------------------------------------------------------*/ /* Backgrounds */ .woocommerce ul.products li.product .featured-tag, .woocommerce.single-product .featured-tag, .wdt-product-image-gallery-container .featured-tag { background-color: var(--wdtHeadAltColor); } .woocommerce ul.products li .product-wrapper, .woocommerce-tabs .panel, .woocommerce table .quantity .qty { background-color: transparent; } .woocommerce .shop_table th, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: var(--wdtPrimaryColor); } .woocommerce tbody td, .woocommerce tbody th, .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: rgba(var(--wdtPrimaryColorRgb),0.02); } .woocommerce .shop_attributes tbody tr:nth-child(2n+1) th, .woocommerce .shop_attributes tbody tr:nth-child(2n+1) td, .woocommerce-page .shop_attributes tbody tr:nth-child(2n+1) th, .woocommerce-page .shop_attributes tbody tr:nth-child(2n+1) td { background: rgba(var(--wdtPrimaryColorRgb),0.035); } .woocommerce ul.products li.product:hover .onsale { background-color: #77a464; } .woocommerce span.out-of-stock, .woocommerce ul.products li.product:hover .out-of-stock, .woocommerce a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { background-color: #9f2124; } .woocommerce ul.products li.product-category .product-details h5 .count, .woocommerce .quantity input:not(.qty), .woocommerce .product form.cart table.variations td, .woocommerce .product form.cart .group_table td, .woocommerce p.price del, .woocommerce span.price del, .woocommerce .product-price del, .woocommerce-grouped-product-list-item__price del, .woocommerce p.price ins, .woocommerce span.price ins, .woocommerce .product-price ins, .woocommerce-grouped-product-list-item__price ins, .woocommerce p.price .amount, .woocommerce span.price .amount, .woocommerce .product-price .amount, .woocommerce-grouped-product-list-item__price .amount { background-color: transparent; } /* Borders */ .woocommerce ul.products li.product .featured-tag:after, .woocommerce ul.products li.product:hover .featured-tag:after, .woocommerce.single-product .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { border-color: var(--wdtHeadAltColor); } .woocommerce ul.products li.product .featured-tag:after { border-right-color: transparent !important; } .woocommerce.single-product .images .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after { border-left-color: transparent !important; } .woocommerce ul.products li.product .product-details h5, .woocommerce ul.products li.product-category .product-wrapper h3 { border-color: #f2f2f2; } .woocommerce ul.products li.product:hover a img, .woocommerce-page .woocommerce ul.products li.product:hover a img { -webkit-box-shadow: none; box-shadow: none; } .woocommerce table.shop_table, .woocommerce table.shop_attributes, .woocommerce-page table.shop_table tbody tr td, .woocommerce table.shop_table tbody tr td, .woocommerce table.shop_attributes tr th, .woocommerce table.shop_attributes tr td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .shop_table tr td.product-stock-status > span, .woocommerce .cart .quantity, .woocommerce-page .cart .quantity, .woocommerce .order_details, .woocommerce .order_details li, .woocommerce-page .woocommerce-order-details { border-color: var(--wdtPrimaryColor); } /* Colors */ .woocommerce ul.products li.product:hover .onsale, .woocommerce ul.products li.product:hover .out-of-stock, .woocommerce .product span.out-of-stock, .woocommerce ul.products li.product .featured-tag i, .woocommerce.single-product .featured-tag i, .wdt-product-image-gallery-container .featured-tag i, .woocommerce ul.products li.product .featured-tag > div, .woocommerce.single-product .featured-tag > div, .wdt-product-image-gallery-container .featured-tag > div { color: var(--wdtAccentTxtColor); } .woocommerce ul.products li.product .product-details .product-category-wrapper a , .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link { color: var(--wdtBodyTxtColor); } .woocommerce ul.products li .product-title p, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .product-details .product-category-wrapper a:hover, .woocommerce p.price del, .woocommerce span.price del, .woocommerce .product-price del, .woocommerce p.price del .amount, .woocommerce span.price del .amount, .woocommerce .product-price del .amount, .product .summary .price .amount, .product .summary .price .from, .woocommerce ul.products li .product-title h3, .woocommerce ul.products li .product-title h3 a, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce p.price, .woocommerce span.price, .woocommerce .product-price, .woocommerce p.price ins, .woocommerce span.price ins, .woocommerce .product-price ins, .woocommerce p.price ins .amount, .woocommerce span.price ins .amount, .woocommerce .product-price ins .amount, .woocommerce table.shop_attributes tbody th, .woocommerce-page .woocommerce table.shop_table thead th, .woocommerce-page .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page .woocommerce table.shop_table tbody td .quantity > a, .woocommerce .woocommerce-order-details table.shop_table tr th, .woocommerce .woocommerce-order-details table.shop_table tr td:last-child, .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a { color: var(--wdtHeadAltColor); } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a:hover, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .woocommerce-order-details table.shop_table td a:not(.button) { color: inherit; } .woocommerce a.remove { color: #9f2124; } /* #endregion - Default Colors */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /*----*****---- << Primary >> ----*****----*/ .woocommerce span.onsale { background-color: var(--wdtPrimaryColor) !important; } .woocommerce ul.products li.product .featured-tag, .woocommerce ul.products li.product:hover .featured-tag, .woocommerce.single-product .featured-tag, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover .zoo-cw-attr-item:after, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item:after, .woocommerce .widget.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range { background-color: #E2E2E2; } .woocommerce ul.products li.product .featured-tag:after, .woocommerce ul.products li.product:hover .featured-tag:after, .woocommerce.single-product .featured-tag:after, .wdt-product-image-gallery-container .featured-tag:after, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option:hover, .woocommerce .product form.cart .variations li.zoo-cw-attr-row > .zoo-cw-type-text > .zoo-cw-attribute-option.zoo-cw-active { border-color: var(--wdtPrimaryColor); } .woocommerce .widget_layered_nav ul li.chosen > a, .woocommerce .widget_layered_nav ul li.chosen > .count, .woocommerce .widget_layered_nav_filters ul li.chosen > a, .woocommerce .widget_layered_nav_filters ul li.chosen > .count, .woocommerce-page .woocommerce-order-details table.shop_table td a:not(.button):hover { color: var(--wdtPrimaryColor); } /* Buttons WooCommerce */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt[disabled]:disabled, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button, .woocommerce .wishlist_table .add_to_cart.button, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist, .woocommerce .wishlist_table a.ask-an-estimate-button, .woocommerce .wishlist-title a.show-title-form, .woocommerce .hidden-title-form a.hide-title-form, .woocommerce .hidden-title-form a.save-title-form, .woocommerce .wishlist_manage_table a.create-new-wishlist, .woocommerce a.added_to_cart { background-color: var(--wdtPrimaryColor); } /*----*****---- << Secondary >> ----*****----*/ /* Buttons WooCommerce */ .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .yith-wcwl-add-to-wishlist a:hover, .yith-wcqv-button:hover, .wdt-wcsg-button:hover, .woocommerce .wishlist_table .add_to_cart.button:hover, .woocommerce .yith-wcwl-popup-button a.add_to_wishlist:hover, .woocommerce .wishlist_table a.ask-an-estimate-button:hover, .woocommerce .wishlist-title a.show-title-form:hover, .woocommerce .hidden-title-form a.hide-title-form:hover, .woocommerce .hidden-title-form a.save-title-form:hover, .woocommerce .wishlist_manage_table a.create-new-wishlist:hover, .woocommerce a.added_to_cart:hover { background-color: #646464; } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-weight: normal; } } /*----*****---- << Tablet >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1280px) { .woocommerce .page-with-sidebar table.shop_table, .woocommerce .page-with-sidebar table.shop_table tbody, .woocommerce .page-with-sidebar table.shop_table tfoot, .woocommerce .page-with-sidebar table.shop_table tr, .woocommerce .page-with-sidebar table.shop_table tr th, .woocommerce .page-with-sidebar table.shop_table tr td { display: block; margin: 10px 0 0; text-align: center; width: 100%; } .woocommerce .page-with-sidebar table.shop_table tr { display: block; overflow: hidden; position: relative; } .page-with-sidebar .woocommerce table.shop_table tbody tr:last-child td:last-child, .woocommerce-page .page-with-sidebar table.shop_table tbody tr:last-child td:last-child { padding-top: 0 !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-remove { background-color: var(--wdtBodyBGColor); border: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15) !important; border-right-width: 1px; border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 45px !important; line-height: 45px; margin: auto; padding: 0; padding-top: 0px; position: absolute; right: 20px; text-align: center; top: 20px; width: 45px !important; z-index: 1; } .woocommerce .page-with-sidebar table.shop_table tr td.product-thumbnail { line-height: 0; margin: 0; padding: 15px; width: 100% !important; } .woocommerce .page-with-sidebar form.woocommerce input[type="hidden"] + table.shop_table { margin-top: 0; } .woocommerce .page-with-sidebar table.shop_table tr th, body .woocommerce .page-with-sidebar table.shop_table tr td { border-bottom-width: 0; border-left-width: 0; border-width: 0; float: left; height: auto !important; margin-bottom: 20px; padding: 5px 15px; text-align: left; width: auto !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-thumbnail { font-size: 18px; } .page-with-sidebar .woocommerce .shop_table .product-thumbnail a { display: inline-block; margin: 0; max-width: 100%; } .page-with-sidebar .woocommerce table.shop_table tr td.product-thumbnail img { width: 100%; height: auto; } .page-with-sidebar .woocommerce table.shop_table tr td > label, .page-with-sidebar .woocommerce-page table.shop_table tr td > label { display: block; font-size: calc(var(--wdtFontSize_Base) - 2px); font-weight: 700; line-height: normal; margin-bottom: 10px; width: 100%; } .page-with-sidebar .woocommerce table.shop_table tr td.product-quantity, .page-with-sidebar .woocommerce table.shop_table tr td.product-price { display: table-cell; float: none; text-align: center; vertical-align: middle; width: 1% !important; } .page-with-sidebar .woocommerce table.shop_table tr td.product-subtotal { border-style: solid; border-bottom-style: solid; border-width: 1px 0 0; border-bottom-width: 0px; display: block; margin: 10px 0 0; padding: 20px 15px; } .page-with-sidebar .woocommerce table.shop_table tr th, body .page-with-sidebar .woocommerce table.shop_table tr td { border-width: 0; } .page-with-sidebar .woocommerce table.shop_table, .page-with-sidebar .woocommerce table.shop_table tbody, .page-with-sidebar .woocommerce table.shop_table tfoot, .page-with-sidebar .woocommerce table.shop_table tr, .page-with-sidebar .woocommerce table.shop_table tr th, .page-with-sidebar .woocommerce table.shop_table tr td { margin-bottom: 15px; } .woocommerce .page-with-sidebar form .form-row, .woocommerce-page .page-with-sidebar form .form-row { padding: 0; } .woocommerce .page-with-sidebar form .form-row-first, .woocommerce-page .page-with-sidebar form .form-row-first, .woocommerce .page-with-sidebar form .form-row-last, .woocommerce-page .page-with-sidebar form .form-row-last { width: 100%; } .woocommerce .page-with-sidebar .woocommerce-message, .woocommerce .page-with-sidebar .woocommerce-info, .woocommerce .page-with-sidebar .woocommerce-error { display: flex; align-items: center; justify-content: space-between; width: 100%; } .woocommerce .page-with-sidebar .woocommerce-error > a:not(.button), .woocommerce .page-with-sidebar .woocommerce-info > a:not(.button), .woocommerce .page-with-sidebar .woocommerce-message > a:not(.button) { text-decoration: underline; } .woocommerce .page-with-sidebar .woocommerce-error > a, .woocommerce .page-with-sidebar .woocommerce-info > a, .woocommerce .page-with-sidebar .woocommerce-message > a { display: block; margin-left: 0; order: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .page-with-sidebar .woocommerce table.shop_table.order_details tbody tr td, .woocommerce-page .page-with-sidebar table.shop_table.order_details tbody tr td, .page-with-sidebar .woocommerce table.shop_table.order_details tfoot tr:not(:last-child) th, .woocommerce-page .page-with-sidebar table.shop_table.order_details tfoot tr:not(:last-child) th, .page-with-sidebar .woocommerce table.shop_table.order_details tfoot tr:not(:last-child) td, .woocommerce-page .page-with-sidebar table.shop_table.order_details tfoot tr:not(:last-child) td { border-bottom: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce-page .page-with-sidebar .woocommerce-order-details { padding: 25px 20px; } } @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce table.shop_table tbody th, .woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-weight: normal; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { padding: 20px 10px; } .woocommerce .shop_table tr td.product-stock-status > span { font-size: 10px; line-height: 20px; } .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 30px; } .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input.qty, .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input.qty { width: 35px; } /* .page-with-sidebar .woocommerce .order_details li:not(:last-child) { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); border-style: solid; border-width: 0 0 1px; font-size: calc(var(--wdtFontSize_Base) - 3px); margin-bottom: 10px; margin-top: 10px; width: 100%; } .page-with-sidebar .woocommerce .order_details li:first-child { margin-top: 0; margin-right: 0; } .woocommerce .order_details li strong { font-size: 1.25em; } */ } @media only screen and (max-width: 768px) { .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {display: table;text-align: center;width: 100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce ul.products li.product, .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products li.product, .woocommerce-page ul.products[class*="columns-"] li.product { margin: 0; width: 100%; } .woocommerce table.shop_table tr td::before, .woocommerce-page table.shop_table tr td::before { content: none; } .woocommerce-page .woocommerce-customer-details .addresses .woocommerce-column { margin: 0 0 20px; } } @media only screen and (min-width: 768px) { /* Plugin Styles Override */ .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead { display: table-header-group; } .woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr { display: table-row; } .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td { display: table-cell; } .woocommerce table.shop_table tr:nth-child(2n) td, .woocommerce-page table.shop_table tr:nth-child(2n) td { background: none; } .woocommerce table.shop_table tr td:not(:last-child), .woocommerce-page table.shop_table tr td:not(:last-child) { text-align: left !important; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: table-cell; } .woocommerce-cart table.shop_table tr.cart-discount th, .woocommerce-cart table.shop_table tr.cart-discount td { vertical-align: middle; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce .pagination .column { margin: 0 auto; text-align: center; width: 100%; } .woocommerce .pagination ul, .woocommerce .pagination ul li { float: none; } .woocommerce .pagination ul li { display: inline-block; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; text-align: center; width:100%; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce .woocommerce-error > a, .woocommerce .woocommerce-info > a, .woocommerce .woocommerce-message > a { display: block; margin-left: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce .woocommerce-error > a:not(.button), .woocommerce .woocommerce-info > a:not(.button), .woocommerce .woocommerce-message > a:not(.button) { text-decoration: underline; } .woocommerce .product p.price del, .woocommerce-page .product p.price del, .woocommerce div.product p.price del, .woocommerce-page div.product p.price del, .woocommerce .product span.price del, .woocommerce-page .product span.price del, .woocommerce div.product span.price del, .woocommerce-page div.product span.price del, .woocommerce .product-price del, .woocommerce-page .product-price del { font-size: 14px; } .woocommerce .product p.price, .woocommerce-page .product p.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .product span.price, .woocommerce-page .product span.price, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce .product p.price ins, .woocommerce-page .product p.price ins, .woocommerce div.product p.price ins, .woocommerce-page div.product p.price ins, .woocommerce .product span.price ins, .woocommerce-page .product span.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product span.price ins { font-size: 16px; } .woocommerce div.product form.cart div.quantity .qty{ font-size: 14px; } /* #region - Plugin Style Override */ .woocommerce table.shop_table tr:nth-child(2n) td, .woocommerce-page table.shop_table tr:nth-child(2n) td { background: none; } .woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td { text-align: inherit !important; } .woocommerce table.shop_table tr td:before, .woocommerce-page table.shop_table tr td:before { display: none; } /* #endregion */ .woocommerce table.shop_table tr { display: block; overflow: hidden; position: relative; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { font-size: 16px; font-weight: normal; } .woocommerce table.shop_table tr td.product-name[data-title="Product"] a { font-size: calc(var(--wdtFontSize_Base) + 3px); font-weight: var(--wdtFontWeight_Alt); } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th { font-size: 13px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { text-align: center; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce .shop_table thead th:first-child, .woocommerce .shop_table thead th:last-child{ border-bottom-width: 0; border-top: 1px solid transparent; } .woocommerce .shop_table .product-thumbnail a { display: inline-block; margin: 10px 0 0; } .woocommerce .shop_table td.product-name a, .woocommerce .shop_table td.product-stock-status span, .woocommerce .shop_table tr.order td a { display: inline-block; margin-top: 18px; } .woocommerce .shop_table td.product-name a { white-space: normal; } .woocommerce .shop_table td.product-price span, .woocommerce .shop_table td.product-subtotal span { margin-top: 10px; display: inline-block; } .woocommerce table.shop_table tr td.product-remove { background-color: transparent; border: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15) !important; display: flex; justify-content: center; align-items: center; height: 45px !important; line-height: 45px; margin: auto; padding: 0 !important; position: absolute; right: 15px; text-align: center; top: 15px; width: 45px !important; z-index: 1; } .woocommerce table.shop_table tr td.product-remove > div { display: inherit; } .woocommerce table.shop_table, .woocommerce table.shop_table tbody, .woocommerce table.shop_table tfoot, .woocommerce table.shop_table tr, .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { display: block; text-align: center; width: 100%; } .woocommerce table.shop_table tr th, body .woocommerce table.shop_table tr td { border-width: 0; float: left; height: auto !important; margin-bottom: 20px; padding: 5px 15px; text-align: left; width: auto !important; } .woocommerce table.shop_table tr td:first-child, .woocommerce-page table.shop_table tr td:first-child { padding-left: 15px; } .woocommerce table.shop_table tr td:last-child, .woocommerce-page table.shop_table tr td:last-child { padding-right: 15px; } .woocommerce table.shop_table tr td.product-thumbnail { line-height: 0; margin: 0; padding: 15px; width: 100% !important; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce table.shop_table tr td.product-thumbnail a { display: inline-block; margin: 0; max-width: 100%; width: 100%; } .woocommerce table.shop_table tr td.product-thumbnail img { height: auto; width: 100%; } .woocommerce table.shop_table tr td.product-name { margin: 0 0 10px; } .woocommerce .shop_table td.product-name a, .woocommerce .shop_table tr.order td a, .woocommerce .shop_table td.product-stock-status span { margin: 0; } .woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tr td.product-price { display: table-cell; float: none; text-align: center; vertical-align: middle; width: 1% !important; } .woocommerce table.shop_table tr td.product-subtotal { border-style: solid; border-width: 1px 0 0; display: block; margin: 10px 0 0; padding: 20px 15px 15px; } .woocommerce table.shop_table tr td.product-name, .woocommerce table.shop_table tr td.product-subtotal { text-align: center; width: 100% !important; } .woocommerce table.shop_table tr td > label, .woocommerce-page table.shop_table tr td > label { display: block; font-size: 14px; font-weight: 600; line-height: normal; margin-bottom: 10px; width: 100%; } .woocommerce .shop_table td.product-price span, .woocommerce .shop_table td.product-subtotal span { margin: 0; line-height: 30px; height: 30px; } .woocommerce .shop_table td.product-price del > span { display: unset; } .woocommerce .shop_table.order_details th, .woocommerce .shop_table.order_details td { text-align: center; } .woocommerce table.shop_table.order_details thead th, .woocommerce-page table.shop_table.order_details thead th { border-bottom-width: 0; } .woocommerce .shop_table.order_details td.product-name a { margin-top: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tr td.woocommerce-table__product-name a, .woocommerce table.shop_table.woocommerce-table--order-downloads tr td[data-title="Product"] a { font-size: var(--wdtFontSize_Base); font-weight: bold; } .woocommerce-page .woocommerce-order-details { padding: 25px 20px; } .woocommerce .woocommerce-order-details .woocommerce-order-details__title { margin-bottom: 10px; text-align: center; width: 100%; } .woocommerce .woocommerce-order-details .shop_table.order_details thead { display: none; } .woocommerce .woocommerce-order-details .shop_table.order_details tr { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); border-style: solid; border-width: 0 0 1px; padding: 10px 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tfoot tr:last-child { border-width: 0; } .woocommerce .woocommerce-order-details .shop_table.order_details tr th, .woocommerce .woocommerce-order-details .shop_table.order_details tr td { display: block; margin: 0; padding: 0 !important; width: 100% !important; } .woocommerce .woocommerce-order-details .order-again { text-align: center; } .woocommerce-page .woocommerce-order-details table.shop_table tr td:last-child { text-align: center; } .woocommerce table.shop_table tbody td .quantity .qty, .woocommerce-page table.shop_table tbody td .quantity .qty { font-size: 14px; } .woocommerce .quantity.quantity-with-plusminus .qty, .woocommerce-page .quantity.quantity-with-plusminus .qty, .woocommerce .quantity.quantity-with-plusminus input, .woocommerce-page .quantity.quantity-with-plusminus input, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 35px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 100%; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; } /* Quick View */ body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content > div.product > div.product { padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.images, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary { display: block; float: none; margin: 25px; width: auto; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary { margin-top: 0; } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-close { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor) !important; height: 45px; line-height: 45px; opacity: 1; right: 0; top: 0; width: 45px; z-index: 10; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } body[class*="woocommerce"] .yith-wcqv-wrapper:hover #yith-quick-view-close { -webkit-transform: scale(1); transform: scale(1); } body[class*="woocommerce"] .yith-wcqv-wrapper:hover #yith-quick-view-close:hover { background-color: var(--wdtHeadAltColor); } body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary .product form.cart .variations li.zoo-cw-attr-row div.label, body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.summary .product form.cart .variations li.zoo-cw-attr-row div.label label { text-align: left; } } @media only screen and (max-width: 767px){ body[class*="woocommerce"] .yith-wcqv-wrapper #yith-quick-view-content div.images { margin-bottom: 0; } } @media only screen and (max-width: 768px) { .woocommerce-page.woocommerce-view-order .woocommerce-customer-details .addresses .woocommerce-column + .woocommerce-column { margin-top: 30px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .woocommerce div.product .product_title { font-size: calc(var(--wdtFontSize_H3) - 2px); } .woocommerce .shop_table tr td.product-stock-status > span { font-size: 10px; padding: 10px 5px; } .woocommerce form .form-row label.inline { padding-left: 0; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error { display: table; text-align: center; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity ~ a, .woocommerce div.product form.cart div.quantity ~ a.button, .woocommerce div.product form.cart div.quantity ~ button, .woocommerce div.product form.cart div.quantity ~ button.button, .woocommerce div.product form.cart div.quantity ~ .button, .woocommerce div.product form.cart div.quantity ~ .button.alt, .woocommerce div.product form.cart div.quantity ~ .button.disabled, .woocommerce div.product form.cart div.quantity ~ .button[disabled], .woocommerce div.product form.cart div.quantity ~ .button.alt.disabled, .woocommerce div.product form.cart div.quantity ~ .button.alt[disabled] { margin-top: 5px; margin-bottom: 5px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .woocommerce select, .woocommerce-page select { min-height: auto; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .woocommerce .woocommerce-ordering { min-width: 100%; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { width: 90px; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { width: 161px; } .woocommerce table.shop_table .quantity.quantity-with-plusminus input, .woocommerce-page table.shop_table .quantity.quantity-with-plusminus input, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus .qty, .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus .qty, .woocommerce table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"], .woocommerce-page table.shop_table tbody td .quantity.quantity-with-plusminus input[type="button"] { width: 24px; } .woocommerce .shop_table.order_details th:first-child, .woocommerce .shop_table.order_details td:first-child { width: 50%; } } /* #endregion - Responsive */ /*-------------------------------------------*/ /* #region - Product Listing without isotop */ /*-------------------------------------------*/ .woocommerce ul.products:not(.products-apply-isotope) .product .wdt-col { width: 100% !important; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) { margin: 0; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) .product .wdt-col { padding: 0; } .woocommerce ul.products:not(.products-apply-isotope, .swiper-wrapper) .product .wdt-col .product-wrapper { margin: 0; } .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { display: grid; gap: 30px; width: 100%; margin: 0; } .woocommerce ul.products[class*="columns-5"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-4 { grid-template-columns: repeat(5,1fr); } .woocommerce ul.products[class*="columns-4"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-4 { grid-template-columns: repeat(4,1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3,1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2,1fr); } .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).list-product-active { grid-template-columns: repeat(2,1fr); } @media only screen and (max-width: 1540px){ .woocommerce .product-loop-sorting { padding-bottom: 50px !important; } } @media only screen and (min-width:1281px) and (max-width:1540px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(3,1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3,1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2,1fr); } } @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(2,1fr); } .woocommerce ul.products[class*="columns-3"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-3 { grid-template-columns: repeat(3,1fr); } .woocommerce ul.products[class*="columns-2"]:not(.products-apply-isotope, .swiper-wrapper), .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).wdt-columns-2 { grid-template-columns: repeat(2,1fr); } } @media only screen and (min-width:481px) and (max-width:1024px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(2,1fr); } } @media only screen and (max-width: 800px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper).list-product-active { grid-template-columns: repeat(1,1fr); } } @media only screen and (max-width:480px) { .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(1,1fr); } } @media only screen and (max-width: 767px){ .woocommerce ul.products[class*="columns-"]:not(.products-apply-isotope, .swiper-wrapper) { grid-template-columns: repeat(1,1fr); } } /*----------------------------------------------*/ /* #endregion - Product Listing without isotop */ /*----------------------------------------------*/ /*--------------------------------------------------------------*/ /* #region - Carousel */ /*--------------------------------------------------------------*/ .wdt-products-carousel-container { clear: both; display: block; float: left; overflow: hidden; width: 100%; } .wdt-products-carousel-container ul.products li .wdt-col { /* padding: 0 1px; */ width: 100%; } .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li .wdt-col { padding: 0; } .wdt-products-carousel-container .swiper-container[data-carouselslidesperview="1"] ul.products li.product .product-wrapper { margin-top: 10px; margin-bottom: 10px; } div[class*="product"] .swiper-container.swiper-container-vertical { height: 500px; } div[class*="product"] .swiper-container.swiper-container-horizontal .swiper-wrapper { cursor:e-resize; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper { cursor:s-resize; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide { cursor: pointer; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide img { border: 1px solid transparent; margin: auto; padding: 3px; -webkit-box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.05) inset; box-shadow: 0 0 0 1px rgba(var(--wdtHeadAltColorRgb),0.05) inset; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="thumb-container"] .swiper-wrapper .swiper-slide-active img { -webkit-box-shadow: 0 0 0 1px var(--wdtBorderColor) inset; box-shadow: 0 0 0 1px var(--wdtBorderColor) inset; } /*div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { border: 1px solid; content: ""; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; visibility: hidden; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="thumb-container"] .swiper-wrapper .swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; }*/ div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper { justify-content: center; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { height: auto; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide img { height: 100%; width: auto; object-fit: cover; object-position: center center; } div[class*="product"] .swiper-container { float: left; overflow: hidden; position: relative; width: 100%; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { overflow: hidden; } div[class*="thumb-container"].swiper-container.swiper-container-horizontal .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Carousel ScrollBar */ div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { float: left; height: 8px; position: absolute; width: 100%; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"] { height: 100%; margin: 0; right: 0; top: 0; width: 8px; background-image: linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:before { top: -1px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:after { bottom: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before { left: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { right: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { height: 100%; width: 1px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: var(--wdtPrimaryColor); border-radius: inherit; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselscrollbar="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="scrollbar"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { right: 0; } /* Carousel Bullets */ div[class*="product"] .swiper-container div[class*="bullet-pagination"] { float: left; font-size: 0; line-height: 0; position: absolute; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet { background: none; height: 16px; margin: 0; padding: 0; position: relative; width: 16px; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:before { background-color: var(--wdtHeadAltColor); content: ""; height: auto; margin: auto; position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; width: auto; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active:before { background-color: #666; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { margin: 0; position: absolute; top: 50%; right: 32px; width: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] .swiper-pagination-bullet { display: block; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="bullet-pagination"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-bottom: 60px; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { bottom: 25px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-right: 60px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { right: 25px; } /* Carousel Arrows */ div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { font-size: 0; height: 80px; line-height: 80px; opacity: 0; position: absolute; top: 50%; text-align: center; visibility: hidden; width: 40px; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { background-color: rgba(var(--wdtHeadAltColorRgb),0.15); color: var(--wdtAccentTxtColor); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { background-color: rgba(var(--wdtHeadAltColorRgb),0.35); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: -40px; left: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: -40px; right: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow"] { opacity: 1; visibility: visible; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before { display: block; font-family: "ny-icons"; font-size: 12px; line-height: inherit; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before { content: "\e801"; transform: rotate(180deg);} div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]:before { content: "\e801"; } /* div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"] { height: 40px; line-height: 40px; left: 50%; width: 80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"]:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin: -40px 0 0; top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin: 0 0 -40px; bottom: 0; top: auto; } */ div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { float: left; margin: 25px auto 0; position: relative; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] { display: inline-block; font-size: 0; height: 50px; line-height: 0; margin: 0 1px; opacity: 1; position: static; visibility: visible; width: 35px; transform: none; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-size: 18px; line-height: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 { height: auto; margin: auto 25px auto 0; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"] { float: left; height: 35px; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { line-height: 35px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"]:hover div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-bottom: 0; } /* #endregion - Carousel */ /*--------------------------------------------------------------*/ /* #region - Product Custom Type Labels & Offer Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-custom-type { position: absolute; top: 10px; text-align: center; z-index: 9; } .woocommerce ul.products li.product .product-custom-type { height: 25px; left: 5px; min-width: 50px; min-height: 25px; } .woocommerce ul.products li.product .product-custom-type .product-custom-type-label { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 1px; line-height: 25px; padding: 0 10px; text-transform: uppercase; } .woocommerce ul.products li.product .product-custom-type .product-custom-type-label { background: #7da754; color: var(--wdtAccentTxtColor); } .woocommerce ul.products.product-label-rounded li.product .product-custom-type .product-custom-type-label { border-radius: 5px; } /* #endregion - Product Custom Type Labels & Offer Labels */ </style> <style id='neytri-woo-archive-inline-css' type='text/css'> /*--------------------------------------------------------------*/ /* #region - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ .woocommerce .product-loop-sorting { clear: both; display: block; float: none; font-size: 0; line-height: 0; margin: 0; padding-bottom: 30px; position: relative; width: auto; } .woocommerce .product-loop-sorting, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { -ms-flex-pack: distribute; justify-content: space-around; } .woocommerce .product-loop-sorting:before { content: ""; margin: 0 10px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .woocommerce ul.products ~ .product-loop-sorting { margin-top: 35px; margin-bottom: 0; padding: 15px 0 0; } .woocommerce ul.products ~ .product-loop-sorting:before { bottom: auto; top: 0; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { /* display: inline-block; */ float: none !important; font-size: var(--wdtFontSize_Base); line-height: normal; margin: 5px 0; vertical-align: middle; } .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper {width: 100%;} .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper:empty { display: none; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting .product-loop-sorting-item { padding: 0 10px; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { margin: 10px 0;} .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { margin: 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-result-count { margin: 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; margin: 0; min-width: auto; } .woocommerce .product-loop-sorting .woocommerce-ordering select { height: 46px; padding-top: 0; padding-bottom: 0; } .woocommerce .product-loop-sorting .product-loop-sorting-item .select2-container { text-align: left; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { display: inline-block; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:not(:last-child) { margin-right: 20px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { border: 0px solid rgba(var(--wdtHeadAltColorRgb),0.25); font-size: 0; height: 30px; line-height: 30px; opacity: 0.2; padding: 0; position: relative; text-align: center; vertical-align: middle; width: 30px; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span { cursor: pointer; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active { opacity: 1; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span:before { display: inline-block; font-size: 20px; margin: auto; width: 100%; -webkit-transition: inherit; transition: inherit; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="1"]:before { content: "\ec6d"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="2"]:before { content: "\e816"; font-family: 'Ext Icons'; font-size: 18px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="3"]:before { content: "\e819"; font-family: 'Ext Icons'; font-size: 20px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="4"]:before { content: "\e801"; font-family: 'Ext Icons'; font-size: 20px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="grid"]:before { content: "\e801"; font-family: "ny-shop-icons"; font-size: 30px; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="list"]:before { content: "\e800"; font-family: "ny-shop-icons"; font-size: 30px; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="left-thumb"]:before { content: "\e814"; font-family: "Ext Icons"; font-size: 18px; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="right-thumb"]:before { content: "\e812"; font-family: "Ext Icons"; font-size: 18px; } .woocommerce .product-loop-sorting nav.woocommerce-pagination { clear: none; margin: 0; width: auto; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul { border-width: 0; font-size: 0; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul li { border-width: 0; display: inline-block; float: none; margin: 3px; overflow: visible; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller { opacity: 0.35; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span { cursor: not-allowed; pointer-events: none; } /* Product Loop Filter Widget */ .product-loop-filters-area-content { display: none; } .product-loop-filters-area-content.show { display: block; } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 0; transition: var(--wdt-elementor-base-transition); -webkit-transition: var(--wdt-elementor-base-transition); } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 1; } .product-loop-filters-area-content .product-loop-filters-area-content-inner { display: flex; flex-wrap: wrap; position: relative; width: 100%; padding: 20px 0; border-width: 1px 0; border-color: var(--wdtBorderColor); border-style: solid; margin: 0 0 30px; } .product-loop-filters-area-content .widget { flex: 0 0 25%; max-width: 25%; margin: 0; padding: 10px; box-shadow: none; } .product-loop-filters-area-content .widget .widgettitle { font-size: 1rem; padding: 0; margin: 0 0 15px; } .product-loop-filters-area-content .widgettitle:before { content: none; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li { border: none; } .product-loop-filters-area-content .widget ul li > a, .product-loop-filters-area-content .widget ol li > a, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { font-size: 0.9rem; line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 5px 0; line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_layered_nav_filters ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_rating_filter ul li:first-child a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child a { padding-top: 0; } .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{ line-height: normal; } .product-loop-filters-area-content .woocommerce.widget_price_filter .price_slider_amount .button { font-size: 0.8rem; padding: 8px 30px; border-radius: var(--wdtRadius_2X); } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { display: flex; flex: 1 1 auto; align-items: center; } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .woocommerce-widget-bg-color { font-size: 0; width: 25px; height: 25px; border-radius: 50%; position: relative; display: block; transition: all .25s ease; } /* Transitions */ .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* Color - Borders */ /* Color - Colors */ .woocommerce .product-loop-sorting .woocommerce-ordering select, .woocommerce .product-layout-controller .product-change-layout li span:before, .woocommerce .product-display-controller .product-change-display li span:before, .woocommerce .product-list-options-controller .product-list-options li span:before { color: rgba(var(--wdtHeadAltColorRgb),0.8); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { color: var(--wdtLinkColor); } /* #endregion - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { background-color: transparent; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots{ border-color: var(--wdtPrimaryColor); } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active:before { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce .product-loop-sorting { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { display: block; margin-left: auto; margin-right: auto; width: auto; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; margin: 5px 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; display: block; text-align: center; } } /* #endregion - Responsive */ </style> <link rel='stylesheet' id='neytri-woo-single-common-css' href='https://ibnearif.com/wp-content/themes/neytri/modules/woocommerce/single/assets/css/common.css?ver=6.7.2' type='text/css' media='all' /> <style id='neytri-woo-cart-notification-inline-css' type='text/css'> /*--------------------------------------------------------------*/ /* #region - Add-to-Cart Notification Widget */ /*--------------------------------------------------------------*/ .wdt-shop-cart-widget.cart-notification-widget, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-inner, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content { float: left; width: 100%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button { font-size: 0; height: 25px; line-height: 0; position: absolute; right: 3px; top: 3px; text-align: center; width: 25px; -webkit-border-radius: 50%; border-radius: 50%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:before { content: "\2716"; display: block; font-size: 14px; font-weight: normal; line-height: 25px; } .wdt-shop-cart-widget.cart-notification-widget { max-width: 500px; position: fixed; bottom: 32px; left: 18px; width: auto; z-index: 999; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-inner { padding: 20px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content > * { display: table-cell; vertical-align: middle; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb { line-height: 0; padding: 0 10px; width: 120px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info { padding: 5px 10px; text-align: left; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb a, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-thumb a img { display: block; width: 100%; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info a { display: block; font-size: 18px; font-weight: bold; } .wdt-shop-cart-widget.cart-notification-widget { opacity: 0; visibility: hidden; } .wdt-shop-cart-widget.cart-notification-widget.wdt-shop-cart-widget-active { opacity: 1; visibility: visible; } .wdt-shop-cart-widget.cart-notification-widget { background-color: var(--wdtBodyBGColor); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:before { color: var(--wdtAccentTxtColor); } .wdt-shop-cart-widget.cart-notification-widget { -webkit-box-shadow: 0 1px 3px 1px rgba(var(--wdtHeadAltColorRgb),0.25); box-shadow: 0 1px 3px 1px rgba(var(--wdtHeadAltColorRgb),0.25); } /* #endregion - Add-to-Cart Notification Widget */ /*--------------------------------------------------------------*/ /* #region - Add-to-Cart Sidebar Widget */ /*--------------------------------------------------------------*/ .wdt-shop-cart-widget.activate-sidebar-widget { height: 100%; position: fixed; right: 0; top: 0; width: 350px; z-index: 999992; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .wdt-shop-cart-widget.activate-sidebar-widget:before { content: ""; } .wdt-shop-cart-widget.activate-sidebar-widget.wdt-shop-cart-widget-active { -webkit-transform: translateX(0); transform: translateX(0); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-inner { height: 100%; padding: 45px 0 120px; position: relative; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header { border-width: 0 0 1px; padding-left: 15px; padding-right: 45px; position: absolute; left: 0; top: 0; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 { font-size: 15px; font-weight: bold; line-height: 45px; margin: 0; text-transform: uppercase; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a { height: 45px; position: absolute; top: 0; text-align: center; width: 45px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span { font-size: 18px; right: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a { font-size: 0; line-height: 0; margin-right: 1px; overflow: hidden; right: 100%; text-indent: -9999px; -webkit-transform: translateX(100%); transform: translateX(100%); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a:before { content: "\2716"; display: block; font-size: 15px; font-weight: normal; line-height: 45px; text-indent: 0; } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a { -webkit-transform: translateX(0); transform: translateX(0); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content { float: left; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-inner, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { float: left; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .total { padding: 0 15px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-width: 1px 0; display: inline; margin: -1px 0 0 !important; padding: 15px 25px 15px 50px; position: relative; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:first-child { border-top-width: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:last-child { border-bottom-width: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a:not(.remove) { font-weight: 600; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a img { margin: auto; position: absolute; left: 0; top: 16px; width: 40px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove { font-size: 16px; height: 20px; line-height: 20px; margin: auto; position: absolute; bottom: 0; left: auto; right: 0; top: 0 !important; text-align: center; width: 20px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove:not(:focus) { text-decoration: none; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:before { content: none !important; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li .quantity { display: table; margin: 0; font-size: 14px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer { position: absolute; bottom: 0; left: 0; width: 100%; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer::before { content: ""; height: 1px; position: absolute; left: 0; right: 0; top: 0; width: auto; z-index: -1; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p { height: 50px; line-height: 50px; margin: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total { padding: 0 15px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total strong { float: left; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { float: right; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons { display: flex; grid-gap: 1px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a { height: 100%; line-height: inherit; margin: 0; padding-top: 0; padding-bottom: 0; text-align: center; width: 50%; -webkit-border-radius: 0; border-radius: 0; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart__empty-message { margin: 0; padding: 15px; } .wdt-shop-cart-widget-overlay { background-color: rgba(var(--wdtHeadAltColorRgb),0.7); height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 999991; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-style: solid; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove, .wdt-shop-cart-widget-overlay { opacity: 0; visibility: hidden; } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li:hover a.remove, .wdt-shop-cart-widget.activate-sidebar-widget.wdt-shop-cart-widget-active + .wdt-shop-cart-widget-overlay { opacity: 1; visibility: visible; } /* Default Color - Colors */ .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a:not(.remove):not(:hover), .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { color: var(--wdtHeadAltColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a:hover { color: var(--wdtAccentTxtColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove { color: var(--wdtAccentTxtColor) !important; } /* Default Color - Borders */ .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer::before { -webkit-box-shadow: 0 2px 6px 0 rgba(var(--wdtHeadAltColorRgb),0.5); box-shadow: 0 2px 6px 0 rgba(var(--wdtHeadAltColorRgb),0.5); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li { border-color: rgba(var(--wdtHeadAltColorRgb),0.075); } /* Default Color - BG */ .wdt-shop-cart-widget.activate-sidebar-widget { background-color: #f7f7f7; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer { background-color: var(--wdtBodyBGColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a.checkout, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:not(.checkout), .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:hover, .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button { background-color: var(--wdtHeadAltColor); } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 span { background-color: rgba(var(--wdtBodyBGColorRgb),0.15); } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-close-button:hover, .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-content .product_list_widget li a.remove:hover { background-color: #9f2124; } /* #endregion - Add-to-Cart Sidebar Widget */ .wdt-shop-cart-widget.activate-sidebar-widget .wdt-shop-cart-widget-inner .wdt-shop-cart-widget-header .wdt-shop-cart-widget-close-button { background: transparent; } /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .wdt-shop-cart-widget.cart-notification-widget { margin: auto; bottom: 5px; left: 0; right: 0; } } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .wdt-shop-cart-widget.cart-notification-widget { max-width: 420px; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content > * { display: table; margin: auto; text-align: center !important; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info { font-size: 11px; } .wdt-shop-cart-widget.cart-notification-widget .wdt-shop-cart-widget-content-info a { font-size: 13px; } .wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header h3 a { right: 0; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); } .wdt-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .wdt-shop-cart-widget-header h3 a { -webkit-border-radius: 0; border-radius: 0; -webkit-transform: scale(1); transform: scale(1); } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .wdt-shop-cart-widget.cart-notification-widget { max-width: 290px; } .wdt-shop-cart-widget.activate-sidebar-widget { max-width: 290px; } .wdt-shop-cart-widget.activate-sidebar-widget { width: 290px; } } /* #endregion - Responsive */ </style> <link rel='stylesheet' id='neytri-plus-blog-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/blog/assets/css/blog.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='dtplugin-nav-menu-animations-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/assets/css/nav-menu-animations.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='dtplugin-nav-menu-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/assets/css/nav-menu.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-pro-advance-field-css' href='https://ibnearif.com/wp-content/plugins/neytri-pro/modules/advance-field/assets/css/style.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-pro-blog-css' href='https://ibnearif.com/wp-content/plugins/neytri-pro/modules/blog/assets/css/blog.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='jquery-select2-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/lib/select2/select2.css?ver=1.0.4' type='text/css' media='all' /> <link rel='stylesheet' id='neytri-theme-css' href='https://ibnearif.com/wp-content/themes/neytri/assets/css/theme.css?ver=1.0.4' type='text/css' media='all' /> <style id='neytri-admin-inline-css' type='text/css'> .loader2 { background-color:var( --wdtBodyBGColor );}.loader2:before { background-color:var( --wdtTertiaryColor );}body { font-family: 'Jost', sans-serif;font-weight:400;font-size:16px;line-height:1.63;color:#808080; } a { color:#000000;} a:hover { color:#9e9e9e;} h1 { font-family: 'Jost', sans-serif;font-weight:600;font-size:55px;line-height:1.3;color:#000000; } h2 { font-family: 'Jost', sans-serif;font-weight:600;font-size:45px;line-height:1.3;color:#000000; } h3 { font-family: 'Jost', sans-serif;font-weight:600;font-size:35px;line-height:1.3;color:#000000; } h4 { font-family: 'Jost', sans-serif;font-weight:600;font-size:25px;line-height:1.3;color:#000000; } h5 { font-family: 'Jost', sans-serif;font-weight:600;font-size:20px;line-height:1.3;color:#000000; } h6 { font-family: 'Jost', sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:#000000; } .main-title-section-wrapper.overlay-wrapper.dark-bg-breadcrumb > .main-title-section-bg, .main-title-section-wrapper.overlay-wrapper > .main-title-section-bg, .main-title-section-wrapper.dark-bg-breadcrumb > .main-title-section-bg, .main-title-section-wrapper > .main-title-section-bg { background-color:var(--wdtTertiaryColor); } </style> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.7.1" id="jquery-blockui-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/ibnearif.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.7.1" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.9.7.1" id="flexslider-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.9.7.1" id="photoswipe-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.9.7.1" id="photoswipe-ui-default-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-single-product-js-extra"> /* <![CDATA[ */ var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","i18n_rating_options":["1 of 5 stars","2 of 5 stars","3 of 5 stars","4 of 5 stars","5 of 5 stars"],"i18n_product_gallery_trigger_text":"View full-screen image gallery","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=9.7.1" id="wc-single-product-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.7.1" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.7.1" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-cart-fragments-js-extra"> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_5f0490e23316ac40b071eeffefbcf26d","fragment_name":"wc_fragments_5f0490e23316ac40b071eeffefbcf26d","request_timeout":"5000"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=9.7.1" id="wc-cart-fragments-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://ibnearif.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ibnearif.com/wp-json/wp/v2/product/1930" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ibnearif.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <meta name="generator" content="WooCommerce 9.7.1" /> <link rel="canonical" href="https://ibnearif.com/product/dark-gray/" /> <link rel='shortlink' href='https://ibnearif.com/?p=1930' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ibnearif.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fibnearif.com%2Fproduct%2Fdark-gray%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ibnearif.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fibnearif.com%2Fproduct%2Fdark-gray%2F&format=xml" /> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <meta name="generator" content="Elementor 3.27.7; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <style class='wp-fonts-local' type='text/css'> @font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://ibnearif.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://ibnearif.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <link rel="icon" href="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66-50x50.png" sizes="32x32" /> <link rel="icon" href="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66.png" /> <meta name="msapplication-TileImage" content="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66.png" /> <style id='neytri-woo-non-archive-inline-css' type='text/css'> /*--------------------------------------------------------------*/ /* #region - Product Listing Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-style-default:not(.product-padding-content) li.product.product-grid-view .product-details { padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.products.product-style-default li.product .product-details > div.product-title:first-child > h5 { margin-top: 0; } /* #endregion - Product Listing Style */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Hover Styles */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-hover-fade-skinborder li.product .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border:1px solid transparent; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { margin: 1px; z-index: 100; } .woocommerce ul.products.product-style-bordered.product-hover-fade-skinborder li.product .product-wrapper:before, .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { bottom: -1px; left: -1px; right: -1px; top: -1px; } .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { margin: 2px; } .woocommerce ul.products.product-hover-fade-skinborder.product-padding-default li.product .product-wrapper .product-details { padding: 0 15px 25px; line-height: normal; } /* #endregion - Product Listing - Hover Styles */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-hover-fade-skinborder li.product:hover .product-wrapper:before { border-color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* Secondary Image Hover Effect - Fade ------------------------------------ */ .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; } .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border-color: transparent; border-style: solid; border-width: 1px; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } /* #endregion - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - List View */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product.product-list-view .product-wrapper { float: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { float: none; vertical-align: middle; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 15px 30px; width: 66.66%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb:only-child, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details:only-child { width: 100%; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view .product-wrapper .product-details { text-align: left; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button { text-align: inherit !important; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button .button { text-align: center !important; } .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button { width: auto; } .woocommerce ul.products li.product.product-list-view .product-wrapper[style*="background-color"] { border-width: 0; } /* Left Thumb */ .woocommerce ul.products li.product-list-left-thumb .product-details > div:last-child { margin-bottom: 10px !important; } /* Right Thumb */ .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: rtl; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: left; } /* #endregion - Product Listing - List View */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 70% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 30% } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 40% } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 60% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, /* .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100% } */ .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 60%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 40%; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce ul.products li.product.product-list-view .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-left-thumb .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px 20px; } /* Right Thumb */ .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: right; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px; } } /* #endregion - Responsive */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Padding Options */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-padding-content li.product .product-details { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.products.product-padding-content li.product .product-wrapper { padding: 0; } .woocommerce ul.products.product-padding-content li.product .product-thumb .image { margin: 0; } /* #endregion - Product Listing - Padding Options */ /*--------------------------------------------------------------*/ /* #region - Product Listing Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-label-circle li.product .product-labels { direction: rtl; right: 5px; top: 5px; } .woocommerce ul.products.product-label-circle li.product .product-labels > span { display: inline-block; font-weight: normal; height: 42px; line-height: 42px; margin: 1px; padding: 0; min-height: 42px; min-width: 42px; overflow: hidden; vertical-align: middle; width: 42px; border-radius: 50%; } /* .woocommerce ul.products.product-label-circle li.product .product-labels .out-of-stock { display: flex; align-items: center; font-size: 10px; line-height: normal; } */ .woocommerce ul.products.product-label-circle li.product .product-labels span span { display: block; height: 100%; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span ~ span { margin: 0 -1px 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity .5s ease-in-out, transform .5s ease-in-out; transition: opacity .5s ease-in-out, transform .5s ease-in-out; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product:hover .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons { position: absolute; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { position: relative; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { display: inline-block; float: none; width: auto; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { display: block; font-size: 0; font-weight: normal; height: 30px; line-height: 32px; margin: auto; padding: 0; position: relative; bottom: 0; top: 0; text-align: center; width: 30px; z-index: 2; -webkit-border-radius: 0; border-radius: 0; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { display: block; font-size: 14px; font-weight: normal; height: 100%; line-height: inherit; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:before { opacity: 0.25; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:after { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } /* for Sidebar pages */ .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button { height: 30px; line-height: 32px; width: 30px; } .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons .button:before { font-size: 14px; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button { color: var(--wdtAccentTxtColor); } /* #endregion - Thumb IconsGroup */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb-content { text-align: center; } .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb:before { padding-top: 33.33% } .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb:after { padding-bottom: 33.33% } .woocommerce ul.products[class*="iconsgroup-position-horizontal"].product-thumb-alignment-middle li.product .product-thumb-content { padding-top: 65px; padding-bottom: 65px; } .woocommerce ul.products[class*="iconsgroup-position-vertical"].product-thumb-alignment-middle li.product .product-thumb-content { padding-left: 65px; padding-right: 65px; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* #endregion - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.add_to_wishlist:before { content: "\e804"; font-family: "ny-icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistexistsbrowse a:before { content: "\e804"; font-family: "ny-icons"; } .woocommerce ul.products li .yith-wcwl-add-to-wishlist, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { vertical-align: top; } .woocommerce ul.products li.product .product-thumb .yith-wcwl-add-button.hide a, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none !important; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .wc_compare_btn_wrapper { margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } .woocommerce ul.products li.product .wc_compare_btn_wrapper a { padding-top: 6px; padding-bottom: 6px; border-radius: 0; } .woocommerce ul.products li.product .wc_compare_btn_wrapper a.compare.added:after { vertical-align: middle; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.yith-woocompare-button:before { content: "\e800"; font-family: "ny-icons"; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.yith-wcqv-button:before { content: "\e802"; font-family: "Neytri Icons"; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button { background: none !important; color: var(--wdtPrimaryColor); border-radius: 50%; } .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Thumb Button Element */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: "\e820"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after { content: "\f218"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\f217"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: "\e843"; font-family: 'Neytri Icons'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\f16b"; font-family: 'Neytri Icons'; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) { background-color: var(--wdtBodyBGColor); -webkit-box-shadow: 0 1px 2px rgba(var(--wdtHeadAltColorRgb),0.2); box-shadow: 0 1px 2px rgba(var(--wdtHeadAltColorRgb),0.2); } .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) .button:not(:hover) { color: rgba(var(--wdtHeadAltColorRgb),0.8); } .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* Accents - Primary */ .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover { background-color: var(--wdtPrimaryColor); } /* #endregion - Thumb Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content - Title */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-title h5 { margin: 0; text-transform: capitalize; } .woocommerce ul.products li.product .product-details > .product-title h5 { margin-top: 10px; } .woocommerce ul.products li.product .product-details > .product-title h5 a { display: inline-block; padding: 0; } .woocommerce ul.products li.product-category .product-details .product-title h5 { display: block; padding: 5px 0; } .woocommerce ul.products li.product .product-details h5 .count { font-style: normal; } .woocommerce ul.products li.product-category .product-details h5 { margin: 10px 0; } .woocommerce ul.products li.product .product-wrapper > h3, .woocommerce ul.products li.product .product-wrapper > a h3 { display: none !important; } .woocommerce ul.products li.product .product-details .product-title h5 a:not(:hover) { color: inherit; } .woocommerce ul.products li.product .product-details .product-title h5 a:hover { color: var(--wdtLinkHoverColor); } /* #endregion - Product Listing - Content - Title */ /*--------------------------------------------------------------*/ /* #region - Product Content - Category */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-category-wrapper a { font-size: 16px; letter-spacing: 0; margin: 0 3px 3px 0; } .woocommerce ul.products li.product .product-details .product-category-wrapper a:last-child { margin-right: 0; } .woocommerce ul.products li.product .product-details .product-category-wrapper a:hover { text-decoration: underline; } /* #endregion - Product Content - Category */ /*--------------------------------------------------------------*/ /* #region - Product Content - Price */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .price { letter-spacing: 0; } .woocommerce ul.products li.product .product-details .price ins { font-weight: normal; } .woocommerce ul.products li.product .product-details .price del { opacity: 0.85; } .woocommerce ul.products li.product .product-details .price { letter-spacing: 0.4px; margin: -1px 0 0; padding: 0; width: 100%; } .woocommerce ul.products li.product .product-details .price, .woocommerce ul.products li.product .product-details .price ins, .woocommerce ul.products li.product .product-details .price del { font-size: 14px; } .woocommerce ul.products li.product .product-details .price ins { font-weight: 600; } .woocommerce ul.products li.product .product-details .product-price { width: 100%; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .product-price .price, .woocommerce ul.products li.product .product-details .price del { display: inline-block; } .woocommerce ul.products li.product .product-details .product-price, .woocommerce ul.products li.product .product-details .price { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* #endregion - Product Content - Price */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details > div.product-button:last-child, .woocommerce ul.products li.product .product-details > div.product-cart-with-quantity:last-child { margin-bottom: 15px; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; max-width: 90%; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 1px; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) .button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button { background: none; line-height: 1; margin: 0; min-height: 40px; /* padding: 0 15px; */ margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.15s linear 0s, -webkit-transform 0.3s linear 0s; transition: color 0.15s linear 0s, transform 0.3s linear 0s; letter-spacing: 2.6px; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: 18px; font-weight: normal; height: 100%; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:hover, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:hover, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:hover, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:hover, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: 15px; padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:after { background-color: currentColor; content: ""; height: 1px; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-details .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .product-button .added_to_cart { padding-top: 0; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button { color: var(--wdtAccentTxtColor); } /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-alignment-center li.product .product-details { text-align: center; } /* #endregion - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Content IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button { background: none !important; color: var(--wdtBodyTxtColor); -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons { background-color: rgba(var(--wdtHeadAltColorRgb),0.015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); } /* #endregion - Content IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Button Element Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: "\e820"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after { content: "\f218"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\f217"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: "\e843"; font-family: 'Neytri Icons'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\f16b"; font-family: 'Neytri Icons'; } /* #endregion - IconsGroup Button */ /*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { -webkit-border-radius: 10px; border-radius: 10px; } /* #endregion - Product Content Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { background-color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Overlay BG Color */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay { opacity: 0; } .woocommerce ul.products li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; } /* #endregion - Product Listing - Overlay BG Color */ /*--------------------------------------------------------------*/ /* #region - Product Listing - IconGroup Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:after { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /** Flip X **/ .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } /* #endregion - Product Listing - IconGroup Hover Effects */ .abctest { display: block;} /*--------------------------------------------------------------*/ /* #region - Product Listing Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-label-boxed li.product .product-labels { left: 20px; top: 20px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span { display: table; height: 20px; line-height: 20px; margin: 0 0 5px 0; min-height: 20px; min-width: 42px; text-align: center; vertical-align: middle; border-radius: 3px; } .woocommerce ul.products.product-label-boxed li.product .product-labels span span { padding: 0 5px; margin-right: -1.6px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock { display: block; font-size: 9px; overflow: hidden; width: 50px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock > span { height: 100%; } .woocommerce ul.products.product-label-boxed li.product .product-labels .onsale, .woocommerce ul.products.product-label-boxed li.product .product-labels .out-of-stock { border-radius: 3px; } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 1px; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button { background: none; /* line-height: inherit; */ line-height: 1; margin: 0; min-height: 40px; /* padding: 0 15px; */ margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.15s linear 0s, -webkit-transform 0.3s linear 0s; transition: color 0.15s linear 0s, transform 0.3s linear 0s; letter-spacing: 2.6px; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: 18px; font-weight: normal; height: 100%; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button:hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: 15px; padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:after { background-color: currentColor; content: ""; height: 1px; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-thumb .product-cart-with-quantity .product-button .added_to_cart { padding-top: 0; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button { color: var(--wdtAccentTxtColor); } /* #region - Product Listing - Thumb Button */ /*--------------------------------------------------------------*/ /* #region - Thumb CountDown Timer */ /*--------------------------------------------------------------*/ .wdt-product-sale-countdown-holder { float: left; width: 100%; } .wdt-product-sale-countdown-holder .wdt-shop-downcount { display: block; margin: 0 -10px; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { display: inline-block; line-height: 24px; min-height: 70px; padding: 10px; position: relative; width: 90px; text-align: center; } /* .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { content: ""; height: 25px; margin: auto; position: absolute; right: -2px; width: 4px; border-radius: 25px; } */ .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before { margin-top: -2px; top: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { bottom: 50%; -webkit-transform: translateY(100%); transform: translateY(100%); } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper.last:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper.last:after { visibility: hidden; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { font-size: 28px; font-weight: 600; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { font-size: 12px; font-weight: normal; letter-spacing: 2px; margin: 10px 0 0; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 4px; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { margin: 1px; min-height: auto; padding: .75rem; text-align: center; width: auto; -webkit-border-radius: 5px; border-radius: 5px; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { content: none; } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { font-size: var(--wdtFontSize_H5); padding: 5px; font-weight:var(--wdtFontWeight_Base); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { font-size: 13px; letter-spacing: 0; margin: 0; padding: 0; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:before, .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper:after { background-color: rgba(var(--wdtHeadAltColorRgb),0.75); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper { background-color: var(--wdtBodyBGColor); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title { background-color: transparent; } .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { color: var(--wdtHeadAltColor); } .woocommerce ul.products li.product .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .title, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .wdt-product-sale-countdown-holder .wdt-shop-downcount .wdt-counter-wrapper .wdt-counter-number { color: var(--wdtPrimaryColor); } /* #endregion - Thumb CountDown Timer */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb-content { text-align: center; } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:before { padding-top: 100%; } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:after { padding-top: 0; padding-bottom: 0; } .woocommerce ul.products:not([class*="alignment-bottom"]) li.product.featured .product-thumb-content { padding-top: 35px; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: -60px; top: auto; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: 0; visibility: visible; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="thumb-alignment-bottom"]:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { bottom: 0; top: auto; } /* #endregion - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_simple:before{ content: "\e820"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_variable:before { content: "\f218"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_variation:before { content: "\f218"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.add_to_cart_button.product_type_simple:before { content: "\f217"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.added_to_cart.wc-forward:before { content: "\e843"; font-family: 'Neytri Icons'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_external:before { content: "\f08e"; font-family: "Neytri Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_grouped:before { content: "\f16b"; font-family: 'Neytri Icons'; } .woocommerce ul.products li.product a.add_to_cart_button.added { display: none !important; } /* #endregion - Thumb IconsGroup Icon */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-position"] li.product .product-thumb .product-buttons-wrapper.product-icons { margin: 5px; width: auto; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: block; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons { position: static; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; } .woocommerce ul.products[class*="position-top"] li.product .product-thumb .product-buttons-wrapper.product-icons { top: 15px; } .woocommerce ul.products.vertical-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons { right: 15px; } /* Hover Style - Icon Group - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { right: -60px; left: auto; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { right: 10px; } /* Hover Style - Icon Group Simple - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*="vertical-position-top-right"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { left: auto; right: 0; } /* #endregion - Thumb IconsGroup Position */ /*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 0 0 10px 0; } .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay { -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover) { background-color: var(--wdtPrimaryColor); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover) { color: var(--wdtAccentTxtColor); } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Thumb Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button { background: var(--wdtPrimaryColor) !important; color: var(--wdtAccentTxtColor); border-radius: 0; padding: var(--wdtInputPadding); } .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: #fafafa; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; } /* #endregion - Thumb Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Button Stretch */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { max-width: 100%; width: 100%; } /* #endregion - Product Listing - Thumb Button Stretch */ /*--------------------------------------------------------------*/ /* #region - Product Content - Rating */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-rating-wrapper { display: inline-block; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .woocommerce ul.products li.product .product-details .product-rating-wrapper .star-rating { display: inline-block; margin: 5px 0; vertical-align: middle; } /* #endregion - Product Content - Rating */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-alignment-left li.product .product-details { text-align: left; } /* #endregion - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { background: none !important; color: var(--wdtBodyTxtColor); border-radius: 50%; } .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: rgba(var(--wdtHeadAltColorRgb),0.015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); } /* #endregion - Product Content Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ </style></head> <body class="product-template-default single single-product postid-1930 wp-custom-logo theme-neytri has-go-to-top neytri-plus-1.0.2 neytri-pro-1.0.0 woocommerce woocommerce-page woocommerce-no-js woo-variation-swatches wvs-behavior-blur-no-cross wvs-theme-neytri wvs-show-label wvs-tooltip elementor-default elementor-kit-12 currency-usd"> <a class="skip-link screen-reader-text" href="#main">Skip to content</a> <!-- **Wrapper** --> <div class="wrapper"> <!-- ** Inner Wrapper ** --> <div class="inner-wrapper"> <!-- ** Header Wrapper ** --> <div id="header-wrapper" class="header-top-absolute"> <!-- **Header** --> <header id="header"> <div class="wdt-elementor-container-fluid"><div id="header-216" class="wdt-header-tpl header-216"> <div data-elementor-type="wp-post" data-elementor-id="216" class="elementor elementor-216"> <section class="elementor-section elementor-top-section elementor-element elementor-element-c0d1395 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c0d1395" data-element_type="section" data-settings="{"wdt_bg_image":{"url":"","id":"","size":""},"wdt_bg_image_laptop":{"url":"","id":"","size":""},"wdt_bg_image_tablet_extra":{"url":"","id":"","size":""},"wdt_bg_image_tablet":{"url":"","id":"","size":""},"wdt_bg_image_mobile_extra":{"url":"","id":"","size":""},"wdt_bg_image_mobile":{"url":"","id":"","size":""},"wdt_bg_position":"center center","wdt_animation_effect":"none"}"> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0230f73" data-id="0230f73" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-2fc24e6 elementor-section-content-middle wdt-section-wrap-col elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2fc24e6" data-element_type="section" data-settings="{"wdt_bg_image":{"url":"","id":"","size":""},"wdt_bg_image_laptop":{"url":"","id":"","size":""},"wdt_bg_image_tablet_extra":{"url":"","id":"","size":""},"wdt_bg_image_tablet":{"url":"","id":"","size":""},"wdt_bg_image_mobile_extra":{"url":"","id":"","size":""},"wdt_bg_image_mobile":{"url":"","id":"","size":""},"wdt_bg_position":"center center","wdt_animation_effect":"none"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f90c864" data-id="f90c864" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-16d767c wdt-custom-header-4-ani-txt elementor-widget elementor-widget-wdt-animation" data-id="16d767c" data-element_type="widget" data-settings="{"wdt_mqa_speed":{"unit":"dpt","size":1,"sizes":[]},"wdt_mqa_padding":{"unit":"dpt","size":0,"sizes":[]},"wdt_mqa_direction":"right-to-left","wdt_mqa_bound_to":"section","wdt_animation_effect":"none"}" data-widget_type="wdt-animation.default"> <div class="elementor-widget-container"> <div class="wdt-animation-holder " id="wdt-animation-16d767c" data-settings="{"direction":"right-to-left","bound_to":"section","speed":{"unit":"dpt","size":1,"sizes":[]},"padding":{"unit":"dpt","size":0,"sizes":[]}}"><div class="wdt-animation-wrapper"><div class="wdt-animation-item text-item"><div class="wdt-animation-text"><a href="#">WELLCOME TO IBN E ARIF !!!</a></div></div><div class="wdt-animation-item text-item"><div class="wdt-animation-text"><a href="#">One Day Delivery Available in Karachi</a></div></div><div class="wdt-animation-item text-item"><div class="wdt-animation-text"><a href="#">Free Shipping on Orders over 20,000</a></div></div></div></div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-4476d5d elementor-section-full_width sticky-header elementor-section-height-default elementor-section-height-default" data-id="4476d5d" data-element_type="section" data-settings="{"wdt_bg_image":{"url":"","id":"","size":""},"wdt_bg_image_laptop":{"url":"","id":"","size":""},"wdt_bg_image_tablet_extra":{"url":"","id":"","size":""},"wdt_bg_image_tablet":{"url":"","id":"","size":""},"wdt_bg_image_mobile_extra":{"url":"","id":"","size":""},"wdt_bg_image_mobile":{"url":"","id":"","size":""},"wdt_bg_position":"center center","wdt_animation_effect":"none"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c164c26" data-id="c164c26" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-d266a08 elementor-section-content-middle wdt-section-wrap-col elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d266a08" data-element_type="section" data-settings="{"wdt_bg_image":{"url":"","id":"","size":""},"wdt_bg_image_laptop":{"url":"","id":"","size":""},"wdt_bg_image_tablet_extra":{"url":"","id":"","size":""},"wdt_bg_image_tablet":{"url":"","id":"","size":""},"wdt_bg_image_mobile_extra":{"url":"","id":"","size":""},"wdt_bg_image_mobile":{"url":"","id":"","size":""},"wdt_bg_position":"center center","wdt_animation_effect":"none"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5b14809" data-id="5b14809" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0c55b4e elementor-widget elementor-widget-wdt-logo" data-id="0c55b4e" data-element_type="widget" data-settings="{"wdt_animation_effect":"none"}" data-widget_type="wdt-logo.default"> <div class="elementor-widget-container"> <div id="neytri-0c55b4e" class="wdt-logo-container"> <a href="https://ibnearif.com/" rel="home"><img fetchpriority="high" width="300" height="300" src="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66.png 300w, https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66-150x150.png 150w, https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66-100x100.png 100w, https://ibnearif.com/wp-content/uploads/2023/05/Untitled-design-66-50x50.png 50w" sizes="(max-width: 300px) 100vw, 300px" /></a></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-345dffa elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile" data-id="345dffa" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f4f0c31 elementor-align-center wdt-custom-header-menu-icon elementor-widget elementor-widget-wdt-header-menu" data-id="f4f0c31" data-element_type="widget" data-settings="{"wdt_animation_effect":"none"}" data-widget_type="wdt-header-menu.default"> <div class="elementor-widget-container"> <div class="wdt-header-menu" data-menu="20"><div class="menu-container"><ul id="menu-main-menu-1" class="wdt-primary-nav " data-menu="20"> <li class="close-nav"><a href="javascript:void(0);"></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1603 menu-item-depth-0"><a href="https://ibnearif.com/"><span data-text="Home">Home</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1556 menu-item-depth-0"><a href="https://ibnearif.com/my-shop/"><span data-text="Shop">Shop</span><label class="menu-custom-label menu-custom-label-green"><span>Sale</span></label></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1668 menu-item-depth-0"><a href="#"><span data-text="Catogories">Catogories</span></a> <ul class="sub-menu is-hidden"> <li class="close-nav"><a href="javascript:void(0);"></a></li><li class="go-back"><a href="javascript:void(0);"></a></li><li class="see-all"></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1991 menu-item-depth-1"><a href="https://ibnearif.com/areena-boski/"><span data-text="Areena Boski">Areena Boski</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1986 menu-item-depth-1"><a href="https://ibnearif.com/barry-blast-collection/"><span data-text="Barry Blast Collection ">Barry Blast Collection </span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1990 menu-item-depth-1"><a href="https://ibnearif.com/royal-elegence-collection/"><span data-text="Royal Elegence Collection">Royal Elegence Collection</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1987 menu-item-depth-1"><a href="https://ibnearif.com/fancy-wash-n-wear/"><span data-text="Fancy Wash n Wear">Fancy Wash n Wear</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1988 menu-item-depth-1"><a href="https://ibnearif.com/fine-quality/"><span data-text="Fine Quality">Fine Quality</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1989 menu-item-depth-1"><a href="https://ibnearif.com/riwayat-collection/"><span data-text="Riwayat Collection">Riwayat Collection</span></a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-569 menu-item-depth-0"><a href="https://ibnearif.com/about/"><span data-text="About">About</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570 menu-item-depth-0"><a href="https://ibnearif.com/contact/"><span data-text="Contact">Contact</span></a></li> </ul> <div class="sub-menu-overlay"></div></div><div class="mobile-nav-container mobile-nav-offcanvas-right" data-menu="20"><a href="#" class="menu-trigger menu-trigger-icon" data-menu="20"><i></i><span>Menu</span></a><div class="mobile-menu" data-menu="20"></div><div class="overlay"></div></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4ff8f17" data-id="4ff8f17" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-c8f7344 elementor-align-right wdt-custom-header-icons elementor-widget-tablet_extra__width-auto elementor-widget__width-auto elementor-widget elementor-widget-wdt-header-icons" data-id="c8f7344" data-element_type="widget" data-settings="{"wdt_animation_effect":"none"}" data-widget_type="wdt-header-icons.default"> <div class="elementor-widget-container"> <div class="wdt-header-icons-list"><div class="wdt-header-icons-list-item cart-item"><div class="wdt-shop-menu-icon"><a href="https://ibnearif.com/cart/"><span class="wdt-shop-menu-icon-wrapper"><span class="wdt-shop-menu-cart-inner"><span class="wdt-shop-menu-cart-icon"><i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 13.2 16.5" style="enable-background:new 0 0 13.2 16.5;" xml:space="preserve"><path d="M12.4,4.9c-0.1-0.8-0.7-1.4-1.6-1.4H9.9v-1C9.9,1.1,8.8,0,7.4,0H5.7C4.4,0,3.2,1.1,3.2,2.5v1H2.4c-0.8,0-1.5,0.6-1.6,1.4 l-0.8,9c0,0.1,0,0.1,0,0.2c0,1.3,1.1,2.4,2.4,2.4c0,0,0,0,0,0h8.3c0.1,0,0.1,0,0.2,0c0.6,0,1.2-0.3,1.7-0.8c0.4-0.5,0.6-1.1,0.6-1.8 L12.4,4.9z M4.7,2.5c0-0.5,0.4-1,1-1h1.7c0.5,0,1,0.4,1,1v1H4.7V2.5z M11.4,14.7C11.3,14.9,11,15,10.8,15l-0.1,0c0,0,0,0,0,0H2.4 c-0.5,0-0.9-0.4-0.9-1l0.8-9c0,0,0-0.1,0.1-0.1c0,0,0,0,0,0h0.9v1.8c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V5h3.7v1.8 c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8V5h0.9c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1l0.8,9C11.7,14.3,11.6,14.5,11.4,14.7z"></path></svg></i></span><span class="wdt-shop-menu-cart-number">0</span></span><span class="wdt-shop-menu-cart-totals"></span></span></a></div></div><div class="wdt-header-icons-list-item user-authlink-item"><div class="wdt-user-authlink-menu-icon"><a href="https://ibnearif.com/wp-login.php?redirect_to=https%3A%2F%2Fibnearif.com%2Fproduct%2Fdark-gray%2F"><span><i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.5 16.5" style="enable-background:new 0 0 16.5 16.5;" xml:space="preserve"> <path d="M16.5,8.3c0-4.5-3.7-8.3-8.3-8.3S0,3.7,0,8.3c0,2.9,1.5,5.4,3.7,6.9c0,0,0,0,0,0c1.3,0.8,2.8,1.3,4.5,1.3 c1.7,0,3.2-0.5,4.5-1.3c0,0,0,0,0,0C15,13.7,16.5,11.1,16.5,8.3z M1.5,8.3c0-3.7,3-6.8,6.8-6.8c3.7,0,6.8,3,6.8,6.8 c0,2-0.8,3.7-2.2,4.9c-0.6-1.7-2.2-3-4.1-3.2c-1.3-0.1-2.6,0.3-3.6,1.1c-0.7,0.6-1.2,1.3-1.5,2.1C2.3,12,1.5,10.2,1.5,8.3z M4.9,14.1c0.2-0.7,0.6-1.4,1.1-1.9c0.7-0.6,1.6-0.8,2.5-0.8c1.5,0.1,2.6,1.2,3,2.6c-1,0.6-2.1,0.9-3.3,0.9C7,15,5.9,14.7,4.9,14.1 z"></path> <path d="M8.3,8.2c1.3,0,2.4-1.1,2.4-2.4S9.6,3.3,8.3,3.3c-1.3,0-2.4,1.1-2.4,2.4S6.9,8.2,8.3,8.2z M8.3,4.8c0.5,0,0.9,0.4,0.9,0.9 S8.8,6.7,8.3,6.7S7.3,6.3,7.3,5.8S7.7,4.8,8.3,4.8z"></path></svg></i><span class="icotype-label">Log In</span></span></a></div></div><div class="wdt-header-icons-list-item wishlist-item"><div class="wdt-wishlist-menu-icon"><a href="https://ibnearif.com/wishlist/"><span><i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> <path d="M50,97.5c-5.1,0-10.2-2-14.3-6C8.2,64.3-2,42.2,4.7,24C8,13.9,15.8,6,25.5,2.9c11.1-2.1,19.9,4.7,24.7,9.6 C55,7.7,63.7,1.1,74.4,3.1C84.5,6,92.3,13.7,95.8,23.8c6.6,18.1-3.6,40.2-31.5,67.7C60.2,95.5,55.1,97.5,50,97.5z M29.9,13 c-0.7,0-1.4,0.1-2.1,0.2c-6.2,2-11.5,7.4-13.8,14.5c-5,13.7,4.6,32.5,28.4,56c4.4,4.3,11,4.3,15.3,0C81.8,59.9,91.5,41,86.6,27.6 c-2.4-7-7.7-12.3-14.3-14.2c-9.5-1.8-17.8,9.7-18.2,10.2c-0.9,1.3-2.1,1.9-4,2.1c-1.6,0-3-0.8-3.9-2.2C46.2,23.4,38.9,13,29.9,13z"></path></svg></i><span class="icotype-label">Wishlist</span><span class="wdt-wishlist-count"> 0</span></span></a></div></div></div> </div> </div> <div class="elementor-element elementor-element-686ebfc elementor-widget-tablet_extra__width-auto elementor-hidden-desktop elementor-hidden-laptop wdt-custom-header-menu-icon elementor-widget elementor-widget-wdt-header-menu" data-id="686ebfc" data-element_type="widget" data-settings="{"wdt_animation_effect":"none"}" data-widget_type="wdt-header-menu.default"> <div class="elementor-widget-container"> <div class="wdt-header-menu" data-menu="20"><div class="menu-container"><ul id="menu-main-menu-2" class="wdt-primary-nav " data-menu="20"> <li class="close-nav"><a href="javascript:void(0);"></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1603 menu-item-depth-0"><a href="https://ibnearif.com/"><span data-text="Home">Home</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1556 menu-item-depth-0"><a href="https://ibnearif.com/my-shop/"><span data-text="Shop">Shop</span><label class="menu-custom-label menu-custom-label-green"><span>Sale</span></label></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1668 menu-item-depth-0"><a href="#"><span data-text="Catogories">Catogories</span></a> <ul class="sub-menu is-hidden"> <li class="close-nav"><a href="javascript:void(0);"></a></li><li class="go-back"><a href="javascript:void(0);"></a></li><li class="see-all"></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1991 menu-item-depth-1"><a href="https://ibnearif.com/areena-boski/"><span data-text="Areena Boski">Areena Boski</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1986 menu-item-depth-1"><a href="https://ibnearif.com/barry-blast-collection/"><span data-text="Barry Blast Collection ">Barry Blast Collection </span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1990 menu-item-depth-1"><a href="https://ibnearif.com/royal-elegence-collection/"><span data-text="Royal Elegence Collection">Royal Elegence Collection</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1987 menu-item-depth-1"><a href="https://ibnearif.com/fancy-wash-n-wear/"><span data-text="Fancy Wash n Wear">Fancy Wash n Wear</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1988 menu-item-depth-1"><a href="https://ibnearif.com/fine-quality/"><span data-text="Fine Quality">Fine Quality</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1989 menu-item-depth-1"><a href="https://ibnearif.com/riwayat-collection/"><span data-text="Riwayat Collection">Riwayat Collection</span></a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-569 menu-item-depth-0"><a href="https://ibnearif.com/about/"><span data-text="About">About</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570 menu-item-depth-0"><a href="https://ibnearif.com/contact/"><span data-text="Contact">Contact</span></a></li> </ul> <div class="sub-menu-overlay"></div></div><div class="mobile-nav-container mobile-nav-offcanvas-right" data-menu="20"><a href="#" class="menu-trigger menu-trigger-icon" data-menu="20"><i></i><span>Menu</span></a><div class="mobile-menu" data-menu="20"></div><div class="overlay"></div></div></div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> </div></div></header> <!-- **Header - End ** --> <!-- ** Slider ** --> <!-- ** Slider End ** --> <!-- ** Breadcrumb ** --> <section class="main-title-section-wrapper "> <div class="main-title-section-container"> <div class="container"> <div class="main-title-section"><h1>Shop</h1></div> <div class="breadcrumb"><a href="https://ibnearif.com/">Home</a><span class="breadcrumb-default-delimiter"></span><a href="https://ibnearif.com/product-category/royal-elegence-collection/">Royal Elegence Collection</a><span class="breadcrumb-default-delimiter"></span><span class="current">Dark Gray</span></div> </div> </div> <div class="main-title-section-bg"></div> </section> <!-- ** Breadcrumb End ** --> </div><!-- ** Header Wrapper - End ** --> <!-- **Main** --> <div id="main"> <!-- ** Container ** --> <div class="container"> <!-- ** Primary ** --> <section id="primary" class="content-full-width"> <div class="woocommerce-notices-wrapper"></div><div id="product-1930" class="product-grid-view product type-product post-1930 status-publish first instock product_cat-royal-elegence-collection has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 0; transition: opacity .25s ease-in-out;"> <figure class="woocommerce-product-gallery__wrapper"> <div data-thumb="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-100x100.jpg" data-thumb-alt="Dark Gray" data-thumb-srcset="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-100x100.jpg 100w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-300x300.jpg 300w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1024x1024.jpg 1024w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-150x150.jpg 150w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-768x768.jpg 768w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1536x1536.jpg 1536w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1000x1000.jpg 1000w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-50x50.jpg 50w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray.jpg 2000w" data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray.jpg"><img width="1000" height="1000" src="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1000x1000.jpg" class="wp-post-image" alt="Dark Gray" data-caption="" data-src="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray.jpg" data-large_image="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray.jpg" data-large_image_width="2000" data-large_image_height="2000" decoding="async" srcset="https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1000x1000.jpg 1000w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-300x300.jpg 300w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1024x1024.jpg 1024w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-150x150.jpg 150w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-768x768.jpg 768w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-1536x1536.jpg 1536w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-100x100.jpg 100w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray-50x50.jpg 50w, https://ibnearif.com/wp-content/uploads/2024/08/Dark-Gray.jpg 2000w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></div> </figure> <span class="onsale"><span>Sale</span></span></div> <div class="summary entry-summary"> <h2 class="product_title entry-title">Dark Gray</h2><p class="price"><span class="woocs_price_code" data-currency="" data-redraw-id="67d726a4a2799" data-product-id="1930"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 2,499</bdi></span></del> <span class="screen-reader-text">Original price was: ₨ 2,499.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 1,999</bdi></span></ins><span class="screen-reader-text">Current price is: ₨ 1,999.</span></span></p> <div class="woocommerce-product-details__short-description"> <p>These unstitched suits provide versatility, allowing wearers to customize their outfit according to their preferences. With a wide range colors to choose from, Ibn e Arif offers options suitable for various occasions and personal tastes.Whether it’s for formal gatherings, casual outings, or everyday wear, Ibn e Arif Wash n Wear Unstitched Suits offer a perfect balance of sophistication and practicality. From classic designs to contemporary trends.</p> </div> <form class="cart" action="https://ibnearif.com/product/dark-gray/" method="post" enctype='multipart/form-data'> <div class="quantity quantity-with-plusminus"> <input type="button" value="-" class="minus" /> <label class="screen-reader-text" for="quantity_67d726a4a3e52">Dark Gray quantity</label> <input type="number" id="quantity_67d726a4a3e52" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" placeholder="" inputmode="numeric" /> <input type="button" value="+" class="plus" /> </div> <button type="submit" name="add-to-cart" value="1930" class="single_add_to_cart_button button alt">Add to cart</button> </form> <div class="yith-wcwl-add-to-wishlist add-to-wishlist-1930 yith-wcwl-add-to-wishlist--link-style yith-wcwl-add-to-wishlist--single wishlist-fragment on-first-load" data-fragment-ref="1930" data-fragment-options="{"base_url":"","product_id":1930,"parent_product_id":0,"product_type":"simple","is_single":true,"in_default_wishlist":false,"show_view":true,"browse_wishlist_text":"Browse wishlist","already_in_wishslist_text":"The product is already in your wishlist!","product_added_text":"Product added!","available_multi_wishlist":false,"disable_wishlist":false,"show_count":false,"ajax_loading":false,"loop_position":"after_add_to_cart","item":"add_to_wishlist"}" > <!-- ADD TO WISHLIST --> <div class="yith-wcwl-add-button"> <a href="?add_to_wishlist=1930&_wpnonce=5726e4ff61" class="add_to_wishlist single_add_to_wishlist" data-product-id="1930" data-product-type="simple" data-original-product-id="0" data-title="Add to wishlist" rel="nofollow" > <svg id="yith-wcwl-icon-heart-outline" class="yith-wcwl-icon-svg" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path> </svg> <span>Add to wishlist</span> </a> </div> <!-- COUNT TEXT --> </div> <a href="https://ibnearif.com?action=yith-woocompare-add-product&id=1930" class="compare button" data-product_id="1930" rel="nofollow">Compare</a><div class="product_meta"> <span class="posted_in"><strong>Category:</strong> <a href="https://ibnearif.com/product-category/royal-elegence-collection/" rel="tag">Royal Elegence Collection</a></span> </div> </div> <div class="wdt-product-tabs"> <div class="woocommerce-tabs wc-tabs-wrapper"> <ul class="tabs wc-tabs" role="tablist"> <li class="description_tab" id="tab-title-description" role="tab" aria-controls="tab-description"> <a href="#tab-description"> Description </a> </li> <li class="reviews_tab" id="tab-title-reviews" role="tab" aria-controls="tab-reviews"> <a href="#tab-reviews"> Reviews (0) </a> </li> </ul> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab" id="tab-description" role="tabpanel" aria-labelledby="tab-title-description"> <h2>Description</h2> <p>Craft your wardrobe of essentials with the Royal Elegence Collection of Ibn e Arif.</p> <p>Premium Fine Wash & Wear Fabric</p> <p>4.5 MTR Suit4</p> <p>Colors:Dark Gray</p> <p>Gender:Men</p> <p>Shirt Fabric: Wash & Wear</p> </div> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab" id="tab-reviews" role="tabpanel" aria-labelledby="tab-title-reviews"> <div id="reviews" class="woocommerce-Reviews"> <div id="comments"> <h2 class="woocommerce-Reviews-title"> Reviews </h2> <p class="woocommerce-noreviews">There are no reviews yet.</p> </div> <div id="review_form_wrapper"> <div id="review_form"> <div id="respond" class="comment-respond"> <span id="reply-title" class="comment-reply-title">Be the first to review “Dark Gray” <small><a rel="nofollow" id="cancel-comment-reply-link" href="/product/dark-gray/?add_to_wishlist=1950&_wpnonce=22ba2da1e2#respond" style="display:none;">Cancel reply</a></small></span><form action="https://ibnearif.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><div class="column wdt-one-column"><div class="comment-form-rating"><label for="rating">Your rating</label><select name="rating" id="rating" required> <option value="">Rate…</option> <option value="5">Perfect</option> <option value="4">Good</option> <option value="3">Average</option> <option value="2">Not that bad</option> <option value="1">Very poor</option> </select></div></div><div class="column wdt-one-column"><p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" required></textarea><label for="comment">Your review <span class="required">*</span></label></p></div><div class="column wdt-one-half first"><p class="comment-form-author"><input id="author" name="author" type="text" value="" size="30" required /><label for="author">Name <span class="required">*</span></label></div> <div class="column wdt-one-half "><p class="comment-form-email"><input id="email" name="email" type="email" value="" size="30" required /><label for="email">Email <span class="required">*</span></label></div> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Submit" /> <input type='hidden' name='comment_post_ID' value='1930' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div> <div class="clear"></div> </div> </div> </div> </div> <section class="related products"> <h2>Related products</h2> <ul class="products columns-4 product-style-default product-hover-secimage-fade product-icongroup-hover-flipx product-with-space product-padding-default wdt-custom-main-shop true product-label-boxed true product-thumb-bg-image product-thumb-alignment-bottom product-thumb-iconsgroup-position-vertical vertical-position-top-right product-thumb-iconsgroup-style-bgfill-rounded product-thumb-buttonelement-style-simple product-thumb-buttonelement-stretch product-content-alignment-left product-content-iconsgroup-style-simple product-content-buttonelement-style-simple"> <li class="product isotope-grid-sizer"> <div class="wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3"></div> </li> <li class="product-grid-view product type-product post-1945 status-publish first instock product_cat-royal-elegence-collection has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class="wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3"><div class="product-wrapper" ><div class="product-thumb"><a class="image" href="https://ibnearif.com/product/green/" title="Green"><div class="product-thumb-overlay" style="background-color:#ffffff;"></div><div class="product-labels"><span class="onsale"><span>Sale</span></span></div><div class="primary-image"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Green-1000x1000.jpg" alt="Shop Primary Image" title="Shop Primary Image" /></div></a><div class="product-thumb-content" ><div class="product-buttons-wrapper product-icons"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1945" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1945" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1945" data-product_sku="" aria-label="Add to cart: “Green”" rel="nofollow" data-success_message="“Green” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1945" class="wdt-button too-small screen-reader-text"> </span> </div><div class="wcwl_btn_wrapper wc_btn_inline" data-tooltip="Wishlist"> <div class="yith-wcwl-add-to-wishlist add-to-wishlist-1945 yith-wcwl-add-to-wishlist--link-style wishlist-fragment on-first-load" data-fragment-ref="1945" data-fragment-options="{"base_url":"","product_id":1945,"parent_product_id":0,"product_type":"simple","is_single":false,"in_default_wishlist":false,"show_view":false,"browse_wishlist_text":"Browse wishlist","already_in_wishslist_text":"The product is already in your wishlist!","product_added_text":"Product added!","available_multi_wishlist":false,"disable_wishlist":false,"show_count":false,"ajax_loading":false,"loop_position":"after_add_to_cart","item":"add_to_wishlist"}" > <!-- ADD TO WISHLIST --> <div class="yith-wcwl-add-button"> <a href="?add_to_wishlist=1945&_wpnonce=5726e4ff61" class="add_to_wishlist single_add_to_wishlist" data-product-id="1945" data-product-type="simple" data-original-product-id="0" data-title="Add to wishlist" rel="nofollow" > <svg id="yith-wcwl-icon-heart-outline" class="yith-wcwl-icon-svg" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path> </svg> <span>Add to wishlist</span> </a> </div> <!-- COUNT TEXT --> </div> </div><div class="wcqv_btn_wrapper wc_btn_inline" data-tooltip="Quick View"><a href="#" class="button yith-wcqv-button" data-product_id="1945">Quick View</a></div></div></div><div class="product-buttons-wrapper product-button"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1945" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1945" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1945" data-product_sku="" aria-label="Add to cart: “Green”" rel="nofollow" data-success_message="“Green” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1945" class="wdt-button too-small screen-reader-text"> </span> </div></div></div></div></div><div class="product-details"><div class="product-title"><h5><a href="https://ibnearif.com/product/green/">Green</a></h5></div><div class="product-price"><span class="price"><span class="woocs_price_code" data-currency="" data-redraw-id="67d726a4e348c" data-product-id="1945"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 2,499</bdi></span></del> <span class="screen-reader-text">Original price was: ₨ 2,499.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 1,999</bdi></span></ins><span class="screen-reader-text">Current price is: ₨ 1,999.</span></span></span></div></div></div></div></li> <li class="product-grid-view product type-product post-1968 status-publish instock product_cat-royal-elegence-collection has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class="wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3"><div class="product-wrapper" ><div class="product-thumb"><a class="image" href="https://ibnearif.com/product/white-3/" title="White"><div class="product-thumb-overlay" style="background-color:#ffffff;"></div><div class="product-labels"><span class="onsale"><span>Sale</span></span></div><div class="primary-image"><img src="https://ibnearif.com/wp-content/uploads/2024/08/White-2-1000x1000.jpg" alt="Shop Primary Image" title="Shop Primary Image" /></div></a><div class="product-thumb-content" ><div class="product-buttons-wrapper product-icons"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1968" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1968" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1968" data-product_sku="" aria-label="Add to cart: “White”" rel="nofollow" data-success_message="“White” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1968" class="wdt-button too-small screen-reader-text"> </span> </div><div class="wcwl_btn_wrapper wc_btn_inline" data-tooltip="Wishlist"> <div class="yith-wcwl-add-to-wishlist add-to-wishlist-1968 yith-wcwl-add-to-wishlist--link-style wishlist-fragment on-first-load" data-fragment-ref="1968" data-fragment-options="{"base_url":"","product_id":1968,"parent_product_id":0,"product_type":"simple","is_single":false,"in_default_wishlist":false,"show_view":false,"browse_wishlist_text":"Browse wishlist","already_in_wishslist_text":"The product is already in your wishlist!","product_added_text":"Product added!","available_multi_wishlist":false,"disable_wishlist":false,"show_count":false,"ajax_loading":false,"loop_position":"after_add_to_cart","item":"add_to_wishlist"}" > <!-- ADD TO WISHLIST --> <div class="yith-wcwl-add-button"> <a href="?add_to_wishlist=1968&_wpnonce=5726e4ff61" class="add_to_wishlist single_add_to_wishlist" data-product-id="1968" data-product-type="simple" data-original-product-id="0" data-title="Add to wishlist" rel="nofollow" > <svg id="yith-wcwl-icon-heart-outline" class="yith-wcwl-icon-svg" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path> </svg> <span>Add to wishlist</span> </a> </div> <!-- COUNT TEXT --> </div> </div><div class="wcqv_btn_wrapper wc_btn_inline" data-tooltip="Quick View"><a href="#" class="button yith-wcqv-button" data-product_id="1968">Quick View</a></div></div></div><div class="product-buttons-wrapper product-button"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1968" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1968" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1968" data-product_sku="" aria-label="Add to cart: “White”" rel="nofollow" data-success_message="“White” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1968" class="wdt-button too-small screen-reader-text"> </span> </div></div></div></div></div><div class="product-details"><div class="product-title"><h5><a href="https://ibnearif.com/product/white-3/">White</a></h5></div><div class="product-price"><span class="price"><span class="woocs_price_code" data-currency="" data-redraw-id="67d726a4e77e8" data-product-id="1968"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 2,499</bdi></span></del> <span class="screen-reader-text">Original price was: ₨ 2,499.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 1,999</bdi></span></ins><span class="screen-reader-text">Current price is: ₨ 1,999.</span></span></span></div></div></div></div></li> <li class="product-grid-view product type-product post-1935 status-publish instock product_cat-royal-elegence-collection has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class="wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3"><div class="product-wrapper" ><div class="product-thumb"><a class="image" href="https://ibnearif.com/product/fawn-2/" title="Fawn"><div class="product-thumb-overlay" style="background-color:#ffffff;"></div><div class="product-labels"><span class="onsale"><span>Sale</span></span></div><div class="primary-image"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Fawn-1-1000x1000.jpg" alt="Shop Primary Image" title="Shop Primary Image" /></div></a><div class="product-thumb-content" ><div class="product-buttons-wrapper product-icons"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1935" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1935" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1935" data-product_sku="" aria-label="Add to cart: “Fawn”" rel="nofollow" data-success_message="“Fawn” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1935" class="wdt-button too-small screen-reader-text"> </span> </div><div class="wcwl_btn_wrapper wc_btn_inline" data-tooltip="Wishlist"> <div class="yith-wcwl-add-to-wishlist add-to-wishlist-1935 yith-wcwl-add-to-wishlist--link-style wishlist-fragment on-first-load" data-fragment-ref="1935" data-fragment-options="{"base_url":"","product_id":1935,"parent_product_id":0,"product_type":"simple","is_single":false,"in_default_wishlist":false,"show_view":false,"browse_wishlist_text":"Browse wishlist","already_in_wishslist_text":"The product is already in your wishlist!","product_added_text":"Product added!","available_multi_wishlist":false,"disable_wishlist":false,"show_count":false,"ajax_loading":false,"loop_position":"after_add_to_cart","item":"add_to_wishlist"}" > <!-- ADD TO WISHLIST --> <div class="yith-wcwl-add-button"> <a href="?add_to_wishlist=1935&_wpnonce=5726e4ff61" class="add_to_wishlist single_add_to_wishlist" data-product-id="1935" data-product-type="simple" data-original-product-id="0" data-title="Add to wishlist" rel="nofollow" > <svg id="yith-wcwl-icon-heart-outline" class="yith-wcwl-icon-svg" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path> </svg> <span>Add to wishlist</span> </a> </div> <!-- COUNT TEXT --> </div> </div><div class="wcqv_btn_wrapper wc_btn_inline" data-tooltip="Quick View"><a href="#" class="button yith-wcqv-button" data-product_id="1935">Quick View</a></div></div></div><div class="product-buttons-wrapper product-button"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1935" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1935" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1935" data-product_sku="" aria-label="Add to cart: “Fawn”" rel="nofollow" data-success_message="“Fawn” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1935" class="wdt-button too-small screen-reader-text"> </span> </div></div></div></div></div><div class="product-details"><div class="product-title"><h5><a href="https://ibnearif.com/product/fawn-2/">Fawn</a></h5></div><div class="product-price"><span class="price"><span class="woocs_price_code" data-currency="" data-redraw-id="67d726a4ec1a5" data-product-id="1935"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 2,499</bdi></span></del> <span class="screen-reader-text">Original price was: ₨ 2,499.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 1,999</bdi></span></ins><span class="screen-reader-text">Current price is: ₨ 1,999.</span></span></span></div></div></div></div></li> <li class="product-grid-view product type-product post-1939 status-publish last instock product_cat-royal-elegence-collection has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class="wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3"><div class="product-wrapper" ><div class="product-thumb"><a class="image" href="https://ibnearif.com/product/gauntlet-gray/" title="Gauntlet Gray"><div class="product-thumb-overlay" style="background-color:#ffffff;"></div><div class="product-labels"><span class="onsale"><span>Sale</span></span></div><div class="primary-image"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Gauntlet-Gray-1000x1000.jpg" alt="Shop Primary Image" title="Shop Primary Image" /></div></a><div class="product-thumb-content" ><div class="product-buttons-wrapper product-icons"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1939" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1939" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1939" data-product_sku="" aria-label="Add to cart: “Gauntlet Gray”" rel="nofollow" data-success_message="“Gauntlet Gray” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1939" class="wdt-button too-small screen-reader-text"> </span> </div><div class="wcwl_btn_wrapper wc_btn_inline" data-tooltip="Wishlist"> <div class="yith-wcwl-add-to-wishlist add-to-wishlist-1939 yith-wcwl-add-to-wishlist--link-style wishlist-fragment on-first-load" data-fragment-ref="1939" data-fragment-options="{"base_url":"","product_id":1939,"parent_product_id":0,"product_type":"simple","is_single":false,"in_default_wishlist":false,"show_view":false,"browse_wishlist_text":"Browse wishlist","already_in_wishslist_text":"The product is already in your wishlist!","product_added_text":"Product added!","available_multi_wishlist":false,"disable_wishlist":false,"show_count":false,"ajax_loading":false,"loop_position":"after_add_to_cart","item":"add_to_wishlist"}" > <!-- ADD TO WISHLIST --> <div class="yith-wcwl-add-button"> <a href="?add_to_wishlist=1939&_wpnonce=5726e4ff61" class="add_to_wishlist single_add_to_wishlist" data-product-id="1939" data-product-type="simple" data-original-product-id="0" data-title="Add to wishlist" rel="nofollow" > <svg id="yith-wcwl-icon-heart-outline" class="yith-wcwl-icon-svg" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"></path> </svg> <span>Add to wishlist</span> </a> </div> <!-- COUNT TEXT --> </div> </div><div class="wcqv_btn_wrapper wc_btn_inline" data-tooltip="Quick View"><a href="#" class="button yith-wcqv-button" data-product_id="1939">Quick View</a></div></div></div><div class="product-buttons-wrapper product-button"><div class="wc_inline_buttons"><div class="wcct_btn_wrapper wc_btn_inline" data-tooltip="Add To Cart"><a href="?add-to-cart=1939" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_1939" data-quantity="1" class="wdt-button too-small button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1939" data-product_sku="" aria-label="Add to cart: “Gauntlet Gray”" rel="nofollow" data-success_message="“Gauntlet Gray” has been added to your cart">Add to cart</a> <span id="woocommerce_loop_add_to_cart_link_describedby_1939" class="wdt-button too-small screen-reader-text"> </span> </div></div></div></div></div><div class="product-details"><div class="product-title"><h5><a href="https://ibnearif.com/product/gauntlet-gray/">Gauntlet Gray</a></h5></div><div class="product-price"><span class="price"><span class="woocs_price_code" data-currency="" data-redraw-id="67d726a4eea89" data-product-id="1939"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 2,499</bdi></span></del> <span class="screen-reader-text">Original price was: ₨ 2,499.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">₨</span> 1,999</bdi></span></ins><span class="screen-reader-text">Current price is: ₨ 1,999.</span></span></span></div></div></div></div></li> </ul> </section> </div> </section><!-- ** Primary End ** --> </div><!-- ** Container End ** --> </div><!-- **Main - End ** --> <!-- **Footer** --> <footer id="footer"><div class="container"><div id="footer-232" class="wdt-footer-tpl footer-232"></div></div></footer> <!-- **Footer - End** --> </div><!-- **Inner Wrapper - End** --> </div><!-- **Wrapper - End** --> <ul class="suggested-product-list"><li class="suggested-product-data"><div class="suggested-product-image"><a href="https://ibnearif.com/product/white-3/"><img src="https://ibnearif.com/wp-content/uploads/2024/08/White-2-150x150.jpg" alt="Suggest Product Thumbnail"></a></div><div class="suggested-product-content"><span>Someone purchased a </span><a href="https://ibnearif.com/product/white-3/">White</a><p class="suggested-product-time"> Minutes ago from </p></div><a href="javascript:void(0)" onclick="event.preventDefault()" title="Close" class="wdt_close"><i class="fa fa-window-close" aria-hidden="true"></i></a></li><li class="suggested-product-data"><div class="suggested-product-image"><a href="https://ibnearif.com/product/off-white-2/"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Off-White-1-150x150.jpg" alt="Suggest Product Thumbnail"></a></div><div class="suggested-product-content"><span>Someone purchased a </span><a href="https://ibnearif.com/product/off-white-2/">Off White</a><p class="suggested-product-time"> Minutes ago from </p></div><a href="javascript:void(0)" onclick="event.preventDefault()" title="Close" class="wdt_close"><i class="fa fa-window-close" aria-hidden="true"></i></a></li><li class="suggested-product-data"><div class="suggested-product-image"><a href="https://ibnearif.com/product/light-turquoise-blue/"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Light-Turquoise-Blue-150x150.jpg" alt="Suggest Product Thumbnail"></a></div><div class="suggested-product-content"><span>Someone purchased a </span><a href="https://ibnearif.com/product/light-turquoise-blue/">Light Turquoise Blue</a><p class="suggested-product-time"> Minutes ago from </p></div><a href="javascript:void(0)" onclick="event.preventDefault()" title="Close" class="wdt_close"><i class="fa fa-window-close" aria-hidden="true"></i></a></li><li class="suggested-product-data"><div class="suggested-product-image"><a href="https://ibnearif.com/product/green/"><img src="https://ibnearif.com/wp-content/uploads/2024/08/Green-150x150.jpg" alt="Suggest Product Thumbnail"></a></div><div class="suggested-product-content"><span>Someone purchased a </span><a href="https://ibnearif.com/product/green/">Green</a><p class="suggested-product-time"> Minutes ago from </p></div><a href="javascript:void(0)" onclick="event.preventDefault()" title="Close" class="wdt_close"><i class="fa fa-window-close" aria-hidden="true"></i></a></li></ul> <div id="yith-quick-view-modal" class="yith-quick-view yith-modal"> <div class="yith-quick-view-overlay"></div> <div id=""class="yith-wcqv-wrapper"> <div class="yith-wcqv-main"> <div class="yith-wcqv-head"> <a href="#" class="yith-quick-view-close"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> </svg> </a> </div> <div id="yith-quick-view-content" class="yith-quick-view-content woocommerce single-product"></div> </div> </div> </div> <div class="wdt-shop-cart-widget activate-sidebar-widget"><div class="wdt-shop-cart-widget-inner"><div class="wdt-shop-cart-widget-header"><h3>Your Shopping cart<span></span></h3><a href="#" class="wdt-shop-cart-widget-close-button">Close</a></div><div class="wdt-shop-cart-widget-content-wrapper"><div class="wdt-shop-cart-widget-content"></div></div></div></div><div class="wdt-shop-cart-widget-overlay"></div><script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Product","@id":"https:\/\/ibnearif.com\/product\/dark-gray\/#product","name":"Dark Gray","url":"https:\/\/ibnearif.com\/product\/dark-gray\/","description":"These unstitched suits provide versatility, allowing wearers to customize their outfit according to their preferences. With a wide range colors to choose from, Ibn e Arif offers options suitable for various occasions and personal tastes.Whether it\u2019s for formal gatherings, casual outings, or everyday wear, Ibn e Arif Wash n Wear Unstitched Suits offer a perfect balance of sophistication and practicality. From classic designs to contemporary trends.","image":"https:\/\/ibnearif.com\/wp-content\/uploads\/2024\/08\/Dark-Gray.jpg","sku":1930,"offers":[{"@type":"Offer","priceSpecification":{"0":{"@type":"UnitPriceSpecification","price":"2499","priceCurrency":"USD","valueAddedTaxIncluded":false,"validThrough":"2026-12-31","priceType":"https:\/\/schema.org\/ListPrice"},"1":{"@type":"UnitPriceSpecification","price":"1999","priceCurrency":"USD","valueAddedTaxIncluded":false,"validThrough":"2026-12-31"},"priceCurrency":"PKR"},"priceValidUntil":"2026-12-31","availability":"http:\/\/schema.org\/InStock","url":"https:\/\/ibnearif.com\/product\/dark-gray\/","seller":{"@type":"Organization","name":"Ibn e Arif","url":"https:\/\/ibnearif.com"}}]}</script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <div class="pswp" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button> <button class="pswp__button pswp__button--share" aria-label="Share"></button> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script type="text/template" id="tmpl-variation-template"> <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div> <div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div> <div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div> </script> <script type="text/template" id="tmpl-unavailable-variation-template"> <p role="alert">Sorry, this product is unavailable. Please choose a different combination.</p> </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://ibnearif.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-currency-switcher-css' href='https://ibnearif.com/wp-content/plugins/woocommerce-currency-switcher/css/front.css?ver=1.4.2.3' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-elementor-icons-css' href='https://ibnearif.com/wp-content/uploads/elementor/css/custom-widget-icon-list.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://ibnearif.com/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1726020310' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-216-css' href='https://ibnearif.com/wp-content/uploads/elementor/css/post-216.css?ver=1726020235' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-logo-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/elementor/widgets/assets/css/logo.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-header-icons-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/elementor/widgets/assets/css/header-icons.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-header-carticons-css' href='https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/elementor/widgets/assets/css/header-carticon.css?ver=1.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-animation-css' href='https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/widgets/animation/assets/css/style.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://ibnearif.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-regular-css' href='https://ibnearif.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://ibnearif.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://ibnearif.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='https://ibnearif.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.35.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-12-css' href='https://ibnearif.com/wp-content/uploads/elementor/css/post-12.css?ver=1726020236' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-elementor-sections-css' href='https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/core/sections/assets/css/style.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-elementor-widgets-css' href='https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/core/widgets/assets/css/style.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wdt-e-animations-css' href='https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/assets/css/animations.min.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Jost%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.7.2' type='text/css' media='all' /> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.selectBox.min.js?ver=1.2.0" id="jquery-selectBox-js"></script> <script type="text/javascript" src="//ibnearif.com/wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min.js?ver=3.1.6" id="prettyPhoto-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jquery-yith-wcwl-js-extra"> /* <![CDATA[ */ var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"5726e4ff61","remove_from_wishlist_nonce":"3e8c2ea127","reload_wishlist_and_adding_elem_nonce":"5c1a63c379","load_mobile_nonce":"c329c00f3f","delete_item_nonce":"6dd477b2dc","save_title_nonce":"6449e425db","save_privacy_nonce":"68344fe49f","load_fragments_nonce":"ecc50f0941"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/ibnearif.com"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.yith-wcwl.min.js?ver=4.3.0" id="jquery-yith-wcwl-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.5" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/ibnearif.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.5" id="contact-form-7-js"></script> <script type="text/javascript" id="wdt-elementor-addon-core-js-extra"> /* <![CDATA[ */ var wdtElementorAddonGlobals = {"ajaxUrl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/assets/js/core.js?ver=1.0.0" id="wdt-elementor-addon-core-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/wp-util.min.js?ver=6.7.2" id="wp-util-js"></script> <script type="text/javascript" id="wp-api-request-js-extra"> /* <![CDATA[ */ var wpApiSettings = {"root":"https:\/\/ibnearif.com\/wp-json\/","nonce":"dee616892a","versionString":"wp\/v2\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/api-request.min.js?ver=6.7.2" id="wp-api-request-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/dist/url.min.js?ver=e87eb76272a3a08402d2" id="wp-url-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/dist/api-fetch.min.js?ver=d387b816bc1ed2042e28" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> /* <![CDATA[ */ wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://ibnearif.com/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "dee616892a" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "https://ibnearif.com/wp-admin/admin-ajax.php?action=rest-nonce"; /* ]]> */ </script> <script type="text/javascript" id="woo-variation-swatches-js-extra"> /* <![CDATA[ */ var woo_variation_swatches_options = {"show_variation_label":"1","clear_on_reselect":"","variation_label_separator":":","is_mobile":"","show_variation_stock":"","stock_label_threshold":"5","cart_redirect_after_add":"no","enable_ajax_add_to_cart":"yes","cart_url":"https:\/\/ibnearif.com\/cart\/","is_cart":""}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woo-variation-swatches/assets/js/frontend.min.js?ver=1739724228" id="woo-variation-swatches-js"></script> <script type="text/javascript" id="yith-woocompare-main-js-extra"> /* <![CDATA[ */ var yith_woocompare = {"ajaxurl":"\/?wc-ajax=%%endpoint%%","actionadd":"yith-woocompare-add-product","actionremove":"yith-woocompare-remove-product","actionview":"yith-woocompare-view-table","actionreload":"yith-woocompare-reload-product","add_nonce":"9ef529d73c","remove_nonce":"fea340edb1","reload_nonce":"10dfcf9d22","added_label":"Added","table_title":"Product Comparison","auto_open":"yes","loader":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-compare\/assets\/images\/loader.gif","button_text":"Compare","cookie_name":"yith_woocompare_list","close_label":"Close"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/yith-woocommerce-compare/assets/js/woocompare.min.js?ver=2.47.0" id="yith-woocompare-main-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/yith-woocommerce-compare/assets/js/jquery.colorbox-min.js?ver=1.4.21" id="jquery-colorbox-js"></script> <script type="text/javascript" id="yith-wcqv-frontend-js-extra"> /* <![CDATA[ */ var yith_qv = {"ajaxurl":"\/wp-admin\/admin-ajax.php","loader":"https:\/\/ibnearif.com\/wp-content\/plugins\/yith-woocommerce-quick-view\/assets\/image\/qv-loader.gif","lang":"","is_mobile":""}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/yith-woocommerce-quick-view/assets/js/frontend.min.js?ver=2.3.0" id="yith-wcqv-frontend-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.7.1" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.7.1" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/assets/lib/select2/select2.full.js?ver=6.7.2" id="jquery-select2-js"></script> <script type="text/javascript" id="post-infinite-js-extra"> /* <![CDATA[ */ var neytri_urls = {"ajaxurl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-plus/modules/blog/assets/js/post-infinite.js?ver=1.0.2" id="post-infinite-js"></script> <script type="text/javascript" id="post-loadmore-js-extra"> /* <![CDATA[ */ var neytri_urls = {"ajaxurl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-plus/modules/blog/assets/js/post-loadmore.js?ver=1.0.2" id="post-loadmore-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/assets/js/mega-menu.js?ver=1.0.2" id="dtplugin-mega-menu-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/js/isotope.pkgd.js?ver=6.7.2" id="isotope-pkgd-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/js/matchHeight.js?ver=6.7.2" id="matchheight-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/js/jquery.bxslider.js?ver=6.7.2" id="jquery-bxslider-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/js/jquery.fitvids.js?ver=6.7.2" id="jquery-fitvids-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/blog/assets/js/jquery.debouncedresize.js?ver=6.7.2" id="jquery-debouncedresize-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/modules/post/assets/js/jquery.magnific-popup.js?ver=6.7.2" id="jquery-magnific-popup-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/themes/neytri/assets/js/custom.js?ver=6.7.2" id="neytri-jqcustom-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/comment-reply.min.js?ver=6.7.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="sp-scripts-js-extra"> /* <![CDATA[ */ var dtspObjects = {"enable_suggested_products":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-pro/modules/woocommerce/others/suggested-products/assets/js/scripts.js?ver=6.7.2" id="sp-scripts-js"></script> <script type="text/javascript" id="sp-cookies-js-extra"> /* <![CDATA[ */ var dtspObjects = {"enable_suggested_products":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-pro/modules/woocommerce/others/suggested-products/assets/js/jquery.cookie.min.js?ver=6.7.2" id="sp-cookies-js"></script> <script type="text/javascript" id="neytri-woo-js-extra"> /* <![CDATA[ */ var wdtShopObjects = {"ajaxurl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php","enable_ajax_addtocart":"1","enable_countdown_scripts":"","enable_additional_info_scripts":"","enable_buy_now_scripts":"","product_enable_size_guide":"","product_template":"woo-default","enable_suggested_products":"1","enable_recently_viewed_products":""}; /* ]]> */ </script> <script type="text/javascript" id="neytri-woo-js-after"> /* <![CDATA[ */ jQuery.noConflict(); jQuery(document).ready(function($){ "use strict"; // Product Listing Isotope $('.products-apply-isotope').each(function() { if(!$(this).hasClass('swiper-wrapper')) { $(this).isotope({itemSelector : '.wdt-col', transformsEnabled:false }); } }); // On window resize $(window).on('resize', function() { // Product Listing Isotope $('.products-apply-isotope').each(function() { if(!$(this).hasClass('swiper-wrapper')) { $(this).isotope({itemSelector : '.wdt-col', transformsEnabled:false }); } }); }); setTimeout( function() { if($('.products-apply-isotope').length) { window.dispatchEvent(new Event('resize')); } }, 900 ); $('a.woocommerce-review-link').on('click', function( e ) { $( '.reviews_tab a' ).click(); $('html, body').animate({ scrollTop: $("#tab-reviews").offset().top - 100 }, 1000); e.preventDefault(); }); $('#primary .products .product').each( function () { if($(this).hasClass('first')) { $(this).removeClass('first'); } if($(this).hasClass('last')) { $(this).removeClass('last'); } }); // Product Offers Top Fix $('.product-offers').each(function() { if($(this).prev('.product-labels').length) { if($(this).parents('.products').hasClass('product-label-ribbon') || $(this).parents('.products').hasClass('product-label-angular')) { var $height =$(this).prev('.product-labels').width() + 10; } else { var $height =$(this).prev('.product-labels').height() + 10; } $(this).css({ 'top': $height }); } }); // Product Custom Type Top Fix $('.product-custom-type').each(function() { if($(this).parents('.product').find('.featured-tag').length > 0) { var $height = $(this).parents('.product').find('.featured-tag').height(); $(this).css({ 'top': $height+20 }); } }); }); jQuery.noConflict(); jQuery(document).ready(function($){ "use strict"; var $warp_fragment_refresh = { url: wc_cart_fragments_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'get_refreshed_fragments' ), type: 'POST', success: function( data ) { if ( data && data.fragments ) { $.each( data.fragments, function( key, value ) { $( key ).replaceWith( value ); }); $( document.body ).trigger( 'wc_fragments_refreshed' ); $( document.body ).trigger( 'added_to_cart' ); } } }; $('.entry-summary form.cart').on('submit', function (e) { if(!wdtShopObjects.enable_ajax_addtocart) { return; } if($(this).parents('.product').hasClass('product-type-external')) { return; } e.preventDefault(); var product_url = window.location, form = $(this); form.find('.single_add_to_cart_button').addClass( 'loading' ); var simple_addtocart = ''; if(form.parents('.product').hasClass('product-type-simple')) { simple_addtocart = '&add-to-cart='+form.find('.single_add_to_cart_button').attr('value'); } $.post(product_url, form.serialize() + simple_addtocart + '&_wp_http_referer=' + product_url, function (result) { var cart_dropdown = $('.widget_shopping_cart', result) $('.widget_shopping_cart').replaceWith(cart_dropdown); // update dropdown cart $.ajax($warp_fragment_refresh); // update fragments form.find('.single_add_to_cart_button').removeClass( 'loading' ); }); }); }); jQuery.noConflict(); jQuery(document).ready(function($){ "use strict"; // Quatity plus & minus button jQuery( 'body' ).delegate( '.quantity .plus, .quantity .minus', 'click', function(e) { var $qty = $( this ).closest( '.quantity' ).find( '.qty'), currentVal = parseFloat( $qty.val() ), max = parseFloat( $qty.attr( 'max' ) ), min = parseFloat( $qty.attr( 'min' ) ), step = $qty.attr( 'step' ); if ( ! currentVal || currentVal === '' || currentVal === 'NaN' ) currentVal = 0; if ( max === '' || max === 'NaN' ) max = ''; if ( min === '' || min === 'NaN' ) min = 0; if ( step === 'any' || step === '' || step === undefined || parseFloat( step ) === 'NaN' ) step = '1'; if ( $( this ).is( '.plus' ) ) { if ( max && ( currentVal >= max ) ) { $qty.val( max ); } else { $qty.val( currentVal + parseFloat( step ) ); } } else { if ( min && ( currentVal <= min ) ) { $qty.val( min ); } else if ( currentVal > 0 ) { $qty.val( currentVal - parseFloat( step ) ); } } $qty.trigger( 'change' ); e.preventDefault(); }); }); /* ]]> */ </script> <script type="text/javascript" id="neytri-woo-archive-js-after"> /* <![CDATA[ */ jQuery.noConflict(); jQuery(document).ready(function($){ "use strict"; var currentWidth = window.innerWidth || document.documentElement.clientWidth; if(currentWidth < 1200) { $('.product-layout-controller').parents('.product-loop-sorting-item').addClass('hidden'); } if(currentWidth < 768) { $('.product-display-controller').parents('.product-loop-sorting-item').addClass('hidden'); } if($('#primary').hasClass('page-with-sidebar')) { $('.product-layout-controller').parents('.product-loop-sorting-item').addClass('hidden'); } // Product Change Layout if( $('.product-change-layout').length ){ $('.product-change-layout').find('span').on('click', function(e){ var this_item = $(this); this_item.parents('.container').find('ul.products').addClass('product-loader'); this_item.parents('.product-change-layout').find('span').removeClass('active'); this_item.addClass('active'); if(this_item.parents('section').hasClass('page-with-sidebar')) { var $column = this_item.data('column'); if($column == 1) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12'; var $wdt_column = 'wdt-columns-1'; } else if($column == 2) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-qxlg-6 wdt-col-lg-6'; var $wdt_column = 'wdt-columns-2'; } else if($column == 3) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4'; var $wdt_column = 'wdt-columns-3'; } else if($column == 4) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4'; var $wdt_column = 'wdt-columns-4'; } else if($column == 5) { var $column_class = 'wdt-col wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-lg-1b5'; var $wdt_column = 'wdt-columns-5'; } } else { var $column = this_item.data('column'); if($column == 1) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12'; var $wdt_column = 'wdt-columns-1'; } else if($column == 2) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-hxlg-6 wdt-col-lg-6'; var $wdt_column = 'wdt-columns-2'; } else if($column == 3) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4'; var $wdt_column = 'wdt-columns-3'; } else if($column == 4) { var $column_class = 'wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3'; var $wdt_column = 'wdt-columns-4'; } else if($column == 5) { var $column_class = 'wdt-col wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-lg-1b5'; var $wdt_column = 'wdt-columns-5'; } } var $holder = this_item.parents('.container').find('ul.products .wdt-col'); var $wdt_col = this_item.parents('.container').find('ul.products'); $holder.removeClass('wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-qxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-hxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3 first'); $holder.addClass($column_class); $wdt_col.removeClass('wdt-columns-4 wdt-columns-3 wdt-columns-2 first'); $wdt_col.addClass($wdt_column); this_item.parents('.container').find('ul.products').removeClass('product-loader'); // Product Listing Isotope setTimeout( function() { $('.products-apply-isotope').each(function() { if(!$(this).hasClass('swiper-wrapper')) { $(this).isotope({itemSelector : '.wdt-col', transformsEnabled:false }); } }); }, 900 ); e.preventDefault(); }); } // Product List Options if( $('.product-list-options').length ){ $('.product-list-options').find('span').on('click', function(e){ var this_item = $(this); this_item.parents('.container').find('ul.products').addClass('product-loader'); this_item.parents('.product-list-options').find('span').removeClass('active'); this_item.addClass('active'); var $list_option = this_item.data('list-option'); if($list_option == 'right-thumb') { var $list_option_class = 'product-list-right-thumb'; } else { var $list_option_class = 'product-list-left-thumb'; } var $holder = this_item.parents('.container').find('ul.products li.product:not(.product-category)'); $holder.removeClass('product-list-left-thumb product-list-right-thumb'); $holder.addClass($list_option_class); this_item.parents('.container').find('ul.products').removeClass('product-loader'); e.preventDefault(); }); } // Product Change Display View if( $('.product-change-display').length ){ $('.product-change-display').find('span').on('click', function(e){ var this_item = $(this); this_item.parents('.container').find('ul.products').addClass('product-loader'); var display_type = this_item.data('display'); if( display_type == 'list' ) { this_item.parents('.container').find('ul.products').addClass('list-product-active'); } else { this_item.parents('.container').find('ul.products').removeClass('list-product-active'); } this_item.parents('.product-change-display').find('span').removeClass('active'); this_item.addClass('active'); var $display = this_item.data('display'); if($display == 'list') { this_item.parents('.product-loop-sorting').find('.product-layout-controller').addClass('hidden'); this_item.parents('.product-loop-sorting').find('.product-list-options-controller').removeClass('hidden'); } else { this_item.parents('.product-loop-sorting').find('.product-layout-controller').removeClass('hidden'); this_item.parents('.product-loop-sorting').find('.product-list-options-controller').addClass('hidden'); } this_item.parents('.product-loop-sorting').find('.product-change-layout span').removeClass('active'); this_item.parents('.product-loop-sorting').find('.product-change-layout span[data-column=4]').addClass('active'); this_item.parents('.container').find('ul.products').removeClass('wdt-columns-'); this_item.parents('.product-loop-sorting').find('.product-list-options span').removeClass('active'); this_item.parents('.product-loop-sorting').find('.product-list-options span[data-list-option=left-thumb]').addClass('active'); var $holder = this_item.parents('.container').find('ul.products li.product'); $.each( $holder, function( i, val ) { $(val).removeClass('product-grid-view product-list-view product-list-left-thumb product-list-right-thumb'); if(($display == 'list' && $(val).hasClass('product-category')) || $display == 'grid') { $(val).addClass('product-grid-view'); $(val).find('.wdt-col').removeClass('wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-qxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-hxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3 first'); if(this_item.parents('section').hasClass('page-with-sidebar')) { $(val).find('.wdt-col').addClass('wdt-col wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4'); } else { $(val).find('.wdt-col').addClass('wdt-col wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3'); } } else { $(val).addClass('product-list-view product-list-left-thumb'); $(val).find('.wdt-col').removeClass('wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-qxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-6 wdt-col-hxlg-6 wdt-col-lg-6 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-4 wdt-col-lg-4 wdt-col-xs-12 wdt-col-sm-6 wdt-col-md-6 wdt-col-qxlg-4 wdt-col-hxlg-3 wdt-col-lg-3 first'); $(val).find('.wdt-col').addClass('wdt-col-xs-12 wdt-col-sm-12 wdt-col-md-12 wdt-col-lg-12'); } }); this_item.parents('.container').find('ul.products').removeClass('product-loader'); // Product Listing Isotope setTimeout( function() { $('.products-apply-isotope').each(function() { if(!$(this).hasClass('swiper-wrapper')) { $(this).isotope({itemSelector : '.wdt-col', transformsEnabled:false }); } }); }, 900 ); e.preventDefault(); }); } // Product filters $('.product-loop-filters-area-group').each(function () { $(this).find('.product-loop-filters-area-title').on('click', function(e){ var $contentItem = $(this).parents('.product-loop-sorting').next('.product-loop-filters-area-content'); if($contentItem.length) { if($contentItem.hasClass('hide')) { $contentItem.slideDown().removeClass('hide'); } else { $contentItem.slideUp().addClass('hide'); } } }); }); }); /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-pro/modules/woocommerce/single/modules/custom-template/elementor/assets/js/jquery.nicescroll.js?ver=6.7.2" id="jquery-nicescroll-js"></script> <script type="text/javascript" id="neytri-woo-cart-notification-js-after"> /* <![CDATA[ */ jQuery.noConflict(); jQuery(document).ready(function($){ "use strict"; // After adding product to cart $('body').on('added_to_cart', function(e) { if($('.wdt-shop-cart-widget').hasClass('activate-sidebar-widget')) { $('.wdt-shop-cart-widget').addClass('wdt-shop-cart-widget-active'); $('.wdt-shop-cart-widget-overlay').addClass('wdt-shop-cart-widget-active'); // Nice scroll script var winHeight = $(window).height(); var headerHeight = $('.wdt-shop-cart-widget-header').height(); var footerHeight = $('.woocommerce-mini-cart-footer').height(); var height = parseInt((winHeight-headerHeight-footerHeight), 10); $('.wdt-shop-cart-widget-content').height(height).niceScroll({ cursorcolor:"#000", cursorwidth: "5px", background:"rgba(20,20,20,0.3)", cursorborder:"none" }); } if($('.wdt-shop-cart-widget').hasClass('cart-notification-widget')) { $('.wdt-shop-cart-widget').addClass('wdt-shop-cart-widget-active'); $('.wdt-shop-cart-widget-overlay').addClass('wdt-shop-cart-widget-active'); setTimeout( function(){ $('.wdt-shop-cart-widget').removeClass('wdt-shop-cart-widget-active'); $('.wdt-shop-cart-widget-overlay').removeClass('wdt-shop-cart-widget-active'); }, 2400 ); } e.preventDefault(); }); $('body').on('click', '.wdt-shop-cart-widget-close-button, .wdt-shop-cart-widget-overlay', function( e ) { $('.wdt-shop-cart-widget').removeClass('wdt-shop-cart-widget-active'); $('.wdt-shop-cart-widget-overlay').removeClass('wdt-shop-cart-widget-active'); e.preventDefault(); }); }); /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-plus/modules/site-to-top/assets/js/go-to-top.js?ver=1.0.2" id="go-to-top-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-pro/modules/post/assets/js/comment-form.js?ver=1.0.0" id="comment-form-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/jquery-ui-touch-punch/jquery-ui-touch-punch.min.js?ver=9.7.1" id="wc-jquery-ui-touchpunch-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce-currency-switcher/js/price-slider_33.js?ver=1.4.2.3" id="wc-price-slider_33-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce-currency-switcher/js/real-active-filters.js?ver=1.4.2.3" id="woocs-real-active-filters-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce-currency-switcher/js/real-price-filter-frontend.js?ver=1.4.2.3" id="woocs-price-filter-frontend-js"></script> <script type="text/javascript" id="woocommerce-currency-switcher-js-before"> /* <![CDATA[ */ var woocs_is_mobile = 0; var woocs_special_ajax_mode = 0; var woocs_drop_down_view = "flags"; var woocs_current_currency = {"name":"USD","rate":1,"symbol":"₨","position":"left_space","is_etalon":0,"hide_cents":0,"hide_on_front":0,"rate_plus":"","decimals":0,"separators":"0","description":"change the rate and this description to the right values","flag":"https:\/\/ibnearif.com\/wp-content\/plugins\/woocommerce-currency-switcher\/img\/no_flag.png"}; var woocs_default_currency = {"name":"Pkr","rate":0.91,"symbol":"₨","position":"left_space","is_etalon":1,"hide_cents":0,"hide_on_front":0,"rate_plus":"","decimals":0,"separators":"0","description":"","flag":"https:\/\/ibnearif.com\/wp-content\/plugins\/woocommerce-currency-switcher\/img\/no_flag.png"}; var woocs_redraw_cart = 1; var woocs_array_of_get = '{}'; woocs_array_of_get = '{"add_to_wishlist":"1950","_wpnonce":"22ba2da1e2"}'; woocs_array_no_cents = '["JPY","TWD"]'; var woocs_ajaxurl = "https://ibnearif.com/wp-admin/admin-ajax.php"; var woocs_lang_loading = "loading"; var woocs_shop_is_cached =0; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce-currency-switcher/js/front.js?ver=1.4.2.3" id="woocommerce-currency-switcher-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/neytri-plus/modules/menu/elementor/widgets/assets/js/header-icons.js?ver=1.0.2" id="wdt-header-icons-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/widgets/animation/assets/js/script.js?ver=6.7.2" id="wdt-animation-js"></script> <script type="text/javascript" id="wc-add-to-cart-variation-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_variation_params = {"wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"Sorry, no products matched your selection. Please choose a different combination.","i18n_make_a_selection_text":"Please select some product options before adding this product to your cart.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination.","i18n_reset_alert_text":"Your selection has been reset. Please select some product options before adding this product to your cart.","woo_variation_swatches_ajax_variation_threshold_min":"30","woo_variation_swatches_ajax_variation_threshold_max":"100","woo_variation_swatches_total_children":{}}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=9.7.1" id="wc-add-to-cart-variation-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.27.7" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.27.7" id="elementor-frontend-modules-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":480,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":479,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":767,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1280,"default_value":1200,"direction":"max","is_enabled":true},"laptop":{"label":"Laptop","value":1540,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":true},"version":"3.27.7","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_swiper_latest":true,"e_onboarding":true,"home_screen":true,"landing-pages":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/ibnearif.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/ibnearif.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/ibnearif.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"0d5e406ec9"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_mobile_extra","viewport_tablet","viewport_tablet_extra","viewport_laptop"],"viewport_mobile":479,"viewport_mobile_extra":767,"viewport_tablet":1024,"viewport_tablet_extra":1280,"viewport_laptop":1540,"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":1930,"title":"Dark%20Gray%20%E2%80%93%20Ibn%20e%20Arif","excerpt":"These unstitched suits provide versatility, allowing wearers to customize their outfit according to their preferences. With a wide range colors to choose from, Ibn e Arif offers options suitable for various occasions and personal tastes.Whether it\u2019s for formal gatherings, casual outings, or everyday wear, Ibn e Arif Wash n Wear Unstitched Suits offer a perfect balance of sophistication and practicality. From classic designs to contemporary trends.","featuredImage":"https:\/\/ibnearif.com\/wp-content\/uploads\/2024\/08\/Dark-Gray-1024x1024.jpg"}}; /* ]]> */ </script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.27.7" id="elementor-frontend-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/core/sections/assets/js/script.js?ver=1.0.0" id="wdt-elementor-sections-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/assets/js/parallax-scroll.min.js?ver=1.0.0" id="wdt-parallax-scroll-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/assets/js/parallax.min.js?ver=1.0.0" id="wdt-parallax-js"></script> <script type="text/javascript" src="https://ibnearif.com/wp-content/plugins/wedesigntech-elementor-addon/inc/core/widgets/assets/js/script.js?ver=1.0.0" id="wdt-elementor-widgets-js"></script> <a id="back-to-top" href="#"> <span id="back-to-top-hover"></span> <span class="back-to-top-icon"><i class="wdticon-angle-up"></i></span> </a></body> </html> <!-- Page cached by LiteSpeed Cache 6.5.4 on 2025-03-16 19:29:41 -->