@charset "UTF-8"; /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-6d8b946249a08fc21938fc258b0253bf.css */ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal; font-display: swap; }:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-851925e69498f59cc84dfc9b9e115fb0.css */ @font-face { font-family: 'feather'; src: url("https://typewritink.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot"); src: url("https://typewritink.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot#iefix") format('embedded-opentype'), url("https://typewritink.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.ttf") format('truetype'), url("https://typewritink.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.woff") format('woff'), url("https://typewritink.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.svg#feather") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-bc9f7ea5af9c3ec0800ace61ee27cb45.css */ /*! Theme Name: Bokifa Theme URI: http://demo2.themelexus.com/bokifa/ Author: Themelexus Author URI: http://themelexus.com/ Description: Bokifa is the perfect WooCommerce theme for online bookstores, offering a refined design with comprehensive features. Version: 1.0.15 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: bokifa Tested up to: 6.6.2 Requires PHP: 5.6.20 Tags: bookstore, traditional books, ebooks, audiobooks, online shopping, woocommerce, responsive design, clean layout, modern aesthetics, user-friendly, book reviews, category management, author profiles, search functionality, customer engagement */ /* Text meant only for screen readers. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 1.1 Typography 1.2 Global styles 2.0 Header 2.1 Main Naivgation 2.2 Vertical Naivgation 2.3 Mega menu 3.0 Main content area 3.1 Content (posts etc) 4.0 Footer 5.0 Alignment 6.0 Accessiblity 7.0 Clearing 8.0 Tables 9.0 404 Styles 10.0 Comments 11.0 Forms 12.0 Media 12.1 Galleries 13.0 Captions 14.0 Pagination 15.0 Widgets 16.0 Layout 17.0 Utilities 18.0 Slick Carousel 19.0 Icons --------------------------------------------------------------*/ /*------------------------------------------------------------- 1.0 Normalize normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css --------------------------------------------------------------*/ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } ::selection { text-shadow: none; color: #fff; background: var(--e-global-color-primary); } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: var(--e-global-color-secondary); } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type=search] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*------------------------------------------------------------- 1.1 Typography --------------------------------------------------------------*/ :root { --e-global-color-primary: #027A36; --e-global-color-secondary: #000; --e-global-color-text: #404040; --e-global-color-accent: #000; --e-global-color-lighter: #9A9A9A; --e-global-color-dark: #000; --e-global-color-border: #E2E2E2; --e-global-color-backgroundfield: #F9F5F0; --e-global-typography-primary-font-family: Fraunces, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, serif; --e-global-typography-primary-font-weight: 300; --e-global-typography-primary-text-transform: none; --e-global-typography-primary-font-style: normal; --e-global-typography-primary-text-decoration: none; --e-global-typography-primary-letter-spacing: 0; --e-global-typography-primary-line-height: 1.1; --e-global-typography-secondary-font-family: Fraunces, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, serif; --e-global-typography-secondary-font-weight: 300; --e-global-typography-secondary-text-transform: normal; --e-global-typography-secondary-font-style: normal; --e-global-typography-secondary-text-decoration: none; --e-global-typography-secondary-letter-spacing: 0; --e-global-typography-secondary-line-height: 1.1; --e-global-typography-text-font-family: Manrope, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --e-global-typography-text-font-weight: 400; --e-global-typography-text-size: 16px; --e-global-typography-text-text-transform:normal; --e-global-typography-text-font-style: normal; --e-global-typography-text-text-decoration: none; --e-global-typography-text-letter-spacing: 0; --e-global-typography-text-line-height: 1.625; --e-global-typography-accent-font-family: Manrope, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; --e-global-typography-accent-font-weight: 700; --e-global-typography-accent-size: 14px; --e-global-typography-accent-text-transform: capitalize; --e-global-typography-accent-font-style: normal; --e-global-typography-accent-text-decoration: none; --e-global-typography-accent-letter-spacing:0; --e-global-typography-accent-line-height: 1.428571; --e-global-grid-column-gap: 30px; --e-global-grid-row-gap: 40px; --grid-column-gap: 30px; --grid-row-gap: 40px; --e-global-column-to-show: 4; } body { -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; overflow-x: hidden; } body, button, input, textarea { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-text); font-size: var(--e-global-typography-text-size); text-rendering: optimizeLegibility; } select { color: initial; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); max-width: 100%; } h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 0.5407797364em; color: var(--e-global-color-dark); font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); text-transform: capitalize; } .comment-body .comment-text h1, .comment-body .comment-text h2, .comment-body .comment-text h3, .comment-body .comment-text h4, .comment-body .comment-text h5, .comment-body .comment-text h6 { padding: 1em 0 0; } h1, .alpha { font-size: 74px; font-size: 4.625rem; line-height: 80px; } h2, .beta { font-size: 60px; font-size: 3.75rem; line-height: 66px; } h3, .gamma { font-size: 44px; font-size: 2.75rem; line-height: 50px; } h4, .delta { font-size: 34px; font-size: 2.125rem; line-height: 40px; } h5 { font-size: 26px; font-size: 1.625rem; line-height: 32px; } h6 { font-size: 20px; font-size: 1.25rem; line-height: 26px; } .alpha, .beta, .gamma, .delta { display: block; } p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 { margin-top: 1em; } hr { background-color: #ccc; border: 0; height: 1px; margin: 0 0 1em; } p { margin: 0 0 1.5em; } ul, ol { margin: 0 0 1em 3em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1em; } dt { font-weight: var(--e-global-typography-secondary-font-weight); } dd { margin: 0 0 1.41577975em; } b, strong { font-weight: var(--e-global-typography-secondary-font-weight); } dfn, cite, em, i { font-style: italic; } blockquote { font-size: 38px; font-size: 2.375rem; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); line-height: 42px; color: var(--e-global-color-dark); padding: 45px 80px; font-style: italic; border: none; letter-spacing: 0; border-left: 0; background-color: #F9F5F0; margin: 0 0 30px; max-width: 100%; } @media (max-width: 767px) { blockquote { padding: 0 15px; } } blockquote p { position: relative; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); margin-bottom: 1em; } blockquote p:first-child:before { color: var(--e-global-color-primary); font-style: normal; font-size: 20px; font-size: 1.25rem; position: absolute; top: 0; left: -60px; text-shadow: none; z-index: -1; } blockquote p:last-child { margin-bottom: 0; } blockquote span { font-weight: var(--e-global-typography-secondary-font-weight); font-size: 15px; font-size: 0.9375rem; line-height: 25px; color: var(--e-global-color-text); } address { margin: 0 0 1em; } pre { background: rgba(0, 0, 0, 0.1); font-family: "Courier 10 Pitch", Courier, monospace; margin-bottom: 1.618034em; padding: 1.618034em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; background-color: rgba(0, 0, 0, 0.05); padding: 0.202em 0.5407797364em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; font-weight: var(--e-global-typography-primary-font-weight); background: transparent; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: 0.5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.41577975em; width: 100%; } img { height: auto; max-width: 100%; display: block; } a { color: var(--e-global-color-dark); text-decoration: none; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover { color: var(--e-global-color-primary); text-decoration: none; } :focus { outline: none; } .bokifa-cute * { font-family: "Comic Sans MS", sans-serif; } .hidden { display: none !important; } /*------------------------------------------------------------- 1.2 Global styles --------------------------------------------------------------*/ * { box-sizing: border-box; } .site { overflow-x: hidden; } .site-content, .header-widget-region { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .lazyloaded { transition: all 0.3s !important; } #page .site-content { margin-top: 80px; margin-bottom: 80px; z-index: 1; position: relative; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { #page .site-content { padding-left: 30px; padding-right: 30px; } } @media (max-width: 768px) { #page .site-content { margin-bottom: 60px; margin-top: 60px; } } @media (max-width: 767px) { #page .site-content { margin-top: 60px; margin-bottom: 60px; } } body.elementor-page #page .site-content { padding-left: 0; padding-right: 0; } body.woocommerce-shop #page .site-content { margin-top: 80px; margin-bottom: 120px; } @media (max-width: 768px) { body.woocommerce-shop #page .site-content { margin-top: 80px; margin-bottom: 80px; } } @media (max-width: 767px) { body.woocommerce-shop #page .site-content { margin-top: 60px; margin-bottom: 60px; } } body.elementor-page #page .site-content, body.page-template-template-homepage #page .site-content, body.home:not(.blog) #page .site-content { margin-top: 0; margin-bottom: 0; } body.home #page .bokifa-breadcrumb, body.error404 #page .bokifa-breadcrumb { display: none; } /*------------------------------------------------------------- 1.3 Grid --------------------------------------------------------------*/ .col-full { max-width: 1530px; margin-left: auto; margin-right: auto; } .col-full::before, .col-full::after { content: ""; display: table; } .col-full::after { clear: both; } .col-full:after { content: " "; display: block; clear: both; } .col-full .bokifa-elementor-content.entry-content { display: grid; justify-content: center; } .col-full .bokifa-elementor-content.entry-content [data-elementor-type=wp-page] { width: 100vw; } .page-template-template-homepage #primary, .page-template-template-homepage .site-main { margin-bottom: 0; } .container { max-width: 1530px; margin-left: auto; margin-right: auto; } .container::before, .container::after { content: ""; display: table; } .container::after { clear: both; } .container:after { content: " "; display: block; clear: both; } .d-none { display: none; } .container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1530px; } @media (min-width: 768px) and (max-width: 1530px) { .container { padding-left: 30px; padding-right: 30px; width: auto; } } .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } [class*=" column-"], [class^=column-] { padding-left: 15px; padding-right: 15px; } [data-elementor-columns-mobile="1"] .column-item { flex: 0 0 100%; max-width: 100%; } [data-elementor-columns-mobile="2"] .column-item { flex: 0 0 50%; max-width: 50%; } [data-elementor-columns-mobile="3"] .column-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } [data-elementor-columns-mobile="4"] .column-item { flex: 0 0 25%; max-width: 25%; } [data-elementor-columns-mobile="5"] .column-item { flex: 0 0 20%; max-width: 20%; } [data-elementor-columns-mobile="6"] .column-item { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } @media (min-width: 768px) { [data-elementor-columns-tablet="1"] .column-item { flex: 0 0 100%; max-width: 100%; } [data-elementor-columns-tablet="2"] .column-item { flex: 0 0 50%; max-width: 50%; } [data-elementor-columns-tablet="3"] .column-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } [data-elementor-columns-tablet="4"] .column-item { flex: 0 0 25%; max-width: 25%; } [data-elementor-columns-tablet="5"] .column-item { flex: 0 0 20%; max-width: 20%; } [data-elementor-columns-tablet="6"] .column-item { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } } @media (min-width: 1024px) { [data-elementor-columns="1"] .column-item { flex: 0 0 100%; max-width: 100%; } [data-elementor-columns="2"] .column-item { flex: 0 0 50%; max-width: 50%; } [data-elementor-columns="3"] .column-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } [data-elementor-columns="4"] .column-item { flex: 0 0 25%; max-width: 25%; } [data-elementor-columns="5"] .column-item { flex: 0 0 20%; max-width: 20%; } [data-elementor-columns="6"] .column-item { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } [data-elementor-columns="7"] .column-item { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } [data-elementor-columns="8"] .column-item { flex: 0 0 12.5%; max-width: 12.5%; } } .column-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .column-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .column-3 { flex: 0 0 25%; max-width: 25%; } .column-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .column-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .column-6 { flex: 0 0 50%; max-width: 50%; } .column-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .column-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .column-9 { flex: 0 0 75%; max-width: 75%; } .column-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .column-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .column-12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .column-tablet-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .column-tablet-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .column-tablet-3 { flex: 0 0 25%; max-width: 25%; } .column-tablet-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .column-tablet-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .column-tablet-6 { flex: 0 0 50%; max-width: 50%; } .column-tablet-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .column-tablet-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .column-tablet-9 { flex: 0 0 75%; max-width: 75%; } .column-tablet-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .column-tablet-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .column-tablet-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1024px) { .column-desktop-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .column-desktop-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .column-desktop-3 { flex: 0 0 25%; max-width: 25%; } .column-desktop-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .column-desktop-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .column-desktop-6 { flex: 0 0 50%; max-width: 50%; } .column-desktop-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .column-desktop-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .column-desktop-9 { flex: 0 0 75%; max-width: 75%; } .column-desktop-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .column-desktop-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .column-desktop-12 { flex: 0 0 100%; max-width: 100%; } } /*------------------------------------------------------------- 2.0 Header --------------------------------------------------------------*/ .site-header { background-position: center center; position: relative; z-index: 996; background-color: #ffffff; } .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link { display: block; margin-bottom: 0; } .site-header .widget { margin-bottom: 0; } @media (max-width: 768px) { .site-header .container { padding-left: 15px; padding-right: 15px; } } .site-branding { margin-bottom: 0; display: block; clear: both; } .site-branding .custom-logo-link + .site-branding-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .site-branding .custom-logo-link + .site-branding-text:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .site-branding img { height: auto; } .site-branding .site-title { font-size: 2em; letter-spacing: -1px; margin: 0; } @media (max-width: 375px) { .site-branding .site-title { font-size: 24px; font-size: 1.5rem; } } .site-branding .site-description { font-size: 0.875em; display: none; } .site-branding .logo { margin: 0; } .site-header-account { position: relative; } @media (max-width: 1024px) { .site-header-account { display: none; } } .site-header-account > a { white-space: nowrap; display: block; } .site-header-account .login-form-title { font-size: 18px; font-size: 1.125rem; color: #333; margin-bottom: 0; } .site-header-account .account-dropdown { text-align: left; right: 0; top: 100%; position: absolute; pointer-events: none; z-index: 100; visibility: hidden; margin-top: 15px; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-header-account .account-dropdown .result-error { margin: 1em 0; } #elementor-sidebar .site-header-account .account-dropdown { left: 0; right: unset; } .site-header-account .account-dropdown.right { left: 0; right: unset; } .site-header-account .account-dropdown.right .account-wrap:before { left: 20px; right: unset; } .site-header-account .account-dropdown.justify { right: 50%; transform: translateX(50%); } .site-header-account .account-dropdown.justify .account-wrap:before { right: 50%; transform: translateX(50%) rotate(45deg); } .site-header-account .account-dropdown a.register-link, .site-header-account .account-dropdown a.lostpass-link { color: var(--e-global-color-lighter); font-size: 14px; font-size: 0.875rem; } .site-header-account .account-dropdown a.register-link:hover, .site-header-account .account-dropdown a.lostpass-link:hover { color: var(--e-global-color-secondary); } .site-header-account .account-dropdown a.lostpass-link { text-decoration: underline dotted; } .site-header-account .account-dropdown label { margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; line-height: 1.5; } .site-header-account .account-dropdown p { margin-bottom: 15px; } .site-header-account .account-dropdown input, .site-header-account .account-dropdown button { border-width: 1px; padding: 15px; width: 100%; } .site-header-account .account-dropdown input:not(.btn-slip-effect), .site-header-account .account-dropdown button:not(.btn-slip-effect) { line-height: normal !important; } .site-header-account .account-dropdown button { text-transform: uppercase; justify-content: center; } .site-header-account .account-dropdown button:hover { border: 1px solid var(--e-global-color-accent); } .site-header-account .account-dropdown .account-wrap { display: block !important; position: relative; background-color: #fff; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); border: 0; border-radius: 10px; } .site-header-account .account-dropdown .login-form-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .site-header-account .account-dropdown .login-form-bottom { text-align: right; } .site-header-account .account-dropdown .bokifa-login-form-ajax { margin-bottom: 5px; } .site-header-account .account-dropdown .account-inner { width: 320px; padding: 15px; max-height: 500px; overflow: auto; } .site-header-account .account-dropdown .account-inner.dashboard { width: 210px; padding: 15px 0; } .site-header-account .account-dropdown .account-inner::-webkit-scrollbar { width: 3px; } .site-header-account .account-dropdown .account-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .site-header-account .account-dropdown .account-inner::-webkit-scrollbar-thumb { background-color: #000000; } .site-header-account .account-links-menu, .site-header-account .account-dashboard { list-style: none; margin: 0; } .site-header-account .account-links-menu li a, .site-header-account .account-dashboard li a { width: 100%; text-align: left; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; } .site-header-account .account-links-menu li a:after, .site-header-account .account-dashboard li a:after { font-size: 8px; font-size: 0.5rem; opacity: 0; visibility: hidden; padding-right: 10px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-header-account .account-links-menu li a:hover, .site-header-account .account-dashboard li a:hover { color: var(--e-global-color-primary); } .site-header-account .account-links-menu li a:hover:after, .site-header-account .account-dashboard li a:hover:after { opacity: 1; visibility: visible; padding-right: 0; } @media (max-width: 1024px) { .site-header-search { display: none; } } .site-header-search > a { white-space: nowrap; display: block; } .site-header-search > a i { font-size: 23px; font-size: 1.4375rem; color: var(--e-global-color-dark); } .site-header-search > a:hover i { color: var(--e-global-color-primary); } @media (max-width: 1024px) { .site-header-wishlist { display: none; } } .site-header-wishlist .header-wishlist { position: relative; display: block; } .site-header-cart.header-cart-mobile { display: none; } .site-header-cart.header-cart-mobile .cart-contents:before { font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-secondary); } .site-header-cart.header-cart-mobile .count { display: inline-block; vertical-align: text-top; margin-left: 2px; line-height: 1; font-size: 10px; font-size: 0.625rem; font-weight: var(--e-global-typography-primary-font-weight); text-align: center; top: 10px; right: -10px; letter-spacing: 0; color: var(--e-global-color-secondary); } .site-header-cart.header-cart-mobile .amount { display: none; } .site-header-cart.header-cart-mobile + .menu-mobile-nav-button { order: -1; } .header-main { display: flex; align-items: center; padding-top: 1em; padding-bottom: 1em; } @media (min-width: 1024px) { .header-main { padding: 0 30px; max-width: 100%; min-height: 80px; justify-content: space-between; } .header-main .header-center { margin-left: 20px; margin-right: 20px; } } @media (max-width: 1023px) { .header-group-mobile { display: flex; align-items: center; justify-content: space-between; } } .header-group-action .site-header-account .account-dropdown.active { pointer-events: auto; visibility: visible; z-index: 999; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); } .header-group-action .site-header-account a i { font-size: 23px; font-size: 1.4375rem; color: var(--e-global-color-dark); } .header-group-action .site-header-account a:hover i { color: var(--e-global-color-primary); } .header-group-action .site-header-wishlist a i { font-size: 23px; font-size: 1.4375rem; color: var(--e-global-color-dark); margin-top: 2px; } .header-group-action .site-header-wishlist a:hover i { color: var(--e-global-color-primary); } .header-group-action .site-header-wishlist .count { display: inline-block; vertical-align: text-top; font-size: 10px; font-size: 0.625rem; font-weight: 700; text-align: center; position: absolute; top: 1px; right: -10px; letter-spacing: 0; color: #fff; width: 16px; height: 16px; line-height: 16px; background-color: #EE440E; border-radius: 50%; } .header-group-action .site-header-cart .cart-contents:before { font-size: 23px; font-size: 1.4375rem; color: var(--e-global-color-dark); } .header-group-action .site-header-cart .cart-contents:hover:before { color: var(--e-global-color-primary); } .header-group-action .site-header-cart .count { display: inline-block; vertical-align: text-top; font-size: 12px; font-size: 0.75rem; font-weight: 600; text-align: center; position: absolute; top: 0; right: -12px; letter-spacing: 0; background-color: #EE440E; color: #fff; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; } .header-group-action .site-header-cart .woocommerce-Price-amount { display: none; font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); margin-left: 10px; margin-top: 5px; } @media (max-width: 1024px) { .bg-header-1 { background-color: var(--e-global-color-primary); } } .header-1 { border-bottom: 1px solid; border-color: var(--e-global-color-border); } @media (max-width: 1023px) { .header-1 .header-left { display: flex; align-items: center; justify-content: space-between; width: 100%; } } .header-1 .header-right { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1023px) { .header-1 .header-right { display: none; } } .header-1 .header-right .header-group-action { display: flex; align-items: center; justify-content: flex-end; } .header-1 .header-right .header-group-action.left { justify-content: flex-start; } .header-1 .header-right .header-group-action.center { justify-content: center; } .header-1 .header-right .header-group-action > div { position: relative; text-align: center; } .header-1 .header-right .header-group-action > div > a { -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .header-1 .header-right .header-group-action > div:not(:last-child) { margin-right: 20px; } .header-1 .header-right .header-group-action .site-search { width: 100%; } .header-1 .header-right .header-group-action .site-search .widget_product_search { margin-bottom: 0; } @media (min-width: 1024px) { .header-1 .site-branding { text-align: left; margin-right: 30px; } } .header-1 .site-branding img { width: 126px; } @media (max-width: 1120px) { .header-1 .order-wrap { display: none; } } @media (min-width: 1024px) { body.bokifa-header-side { width: calc(100vw - 350px); max-width: calc(100vw - 350px); margin-left: auto; } body.bokifa-header-side .header-sticky { display: none; } .header-side { position: fixed; width: 350px; height: 100vh; left: 0; top: 0; background-color: #fff; display: flex; } .header-side .header-container { display: flex; flex-direction: column; padding: 50px 30px; } .admin-bar .header-side .header-container { padding: 80px 30px 50px; } .header-side .header-container > * { display: flex; flex-direction: column; } .header-side .header-top { justify-content: center; margin-bottom: auto; margin-top: auto; padding-top: 0; padding-bottom: 0; } .header-side .header-bottom { margin-top: auto; margin-bottom: auto; } .header-side .site-branding { margin-bottom: 50px; } .header-side .site-branding img { margin: auto; } .header-side .main-navigation ul li { float: unset; display: block; text-align: center; } .header-side .main-navigation ul.menu > li > a, .header-side .main-navigation ul.nav-menu > li > a { padding: 5px; } } .search-popup-active { overflow: hidden; } .site-search-popup-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 997; pointer-events: none; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.3s cubic-bezier(0, 0.35, 0.25, 1), visibility 0.3s cubic-bezier(0, 0.35, 0.25, 1); -o-transition: opacity 0.3s cubic-bezier(0, 0.35, 0.25, 1), visibility 0.3s cubic-bezier(0, 0.35, 0.25, 1); -moz-transition: opacity 0.3s cubic-bezier(0, 0.35, 0.25, 1), visibility 0.3s cubic-bezier(0, 0.35, 0.25, 1); -webkit-transition: opacity 0.3s cubic-bezier(0, 0.35, 0.25, 1), visibility 0.3s cubic-bezier(0, 0.35, 0.25, 1); transition: opacity 0.3s cubic-bezier(0, 0.35, 0.25, 1), visibility 0.3s cubic-bezier(0, 0.35, 0.25, 1); } .site-search-popup { position: fixed; width: 100vw; top: 0; left: 0; z-index: 99999; background-color: #fff; visibility: hidden; pointer-events: none; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .site-search-popup.active { visibility: visible; pointer-events: auto; } .site-search-popup.active .site-search-popup-wrap .site-search { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s; -o-transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s; -moz-transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s; -webkit-transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s; transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s; } .site-search-popup.active + .site-search-popup-overlay { opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); visibility: visible; pointer-events: auto; } .site-search-popup.fadein { -webkit-animation: cover_search_fade_in 0.3s ease both; animation: cover_search_fade_in 0.3s ease both; } .site-search-popup.fadeout { -webkit-animation: cover_search_fade_out 0.3s ease both; animation: cover_search_fade_out 0.3s ease both; } .site-search-popup .site-search-popup-wrap { display: flex; align-items: center; justify-content: center; position: relative; margin-left: auto; margin-right: auto; padding: 7px 15px; width: 100%; } @media (min-width: 768px) { .site-search-popup .site-search-popup-wrap { padding: 7px 70px; } } .site-search-popup .site-search-popup-wrap .site-search-popup-close { right: 15px; top: 5px; order: 2; color: #000; font-size: 24px; font-size: 1.5rem; } @media (max-width: 767px) { .site-search-popup .site-search-popup-wrap .site-search-popup-close { top: 5px; right: 15px; } } .site-search-popup .site-search-popup-wrap .site-search-popup-close:hover { color: var(--e-global-color-primary); } .site-search-popup .site-search-popup-wrap .site-search-popup-close:hover line, .site-search-popup .site-search-popup-wrap .site-search-popup-close:hover path { -webkit-animation: opal-draw 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; animation: opal-draw 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } .site-search-popup .site-search-popup-wrap .site-search-popup-close:hover path { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .site-search-popup .site-search-popup-wrap form.woocommerce-product-search:before { display: none; } .site-search-popup .site-search-popup-wrap .site-search { display: block; width: 100%; position: relative; visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } .site-search-popup .site-search-popup-wrap .site-search input.search-field { font-size: 24px; font-size: 1.5rem; background-color: transparent; border: none; padding-left: 0; padding-right: 0; } .site-search-popup .site-search-popup-wrap .site-search input[type=submit], .site-search-popup .site-search-popup-wrap .site-search button[type=submit] { font-size: 0px; font-size: 0rem; padding-left: 0; } .site-search-popup .site-search-popup-wrap .site-search .widget { margin-bottom: 0; border: none; padding: 0; } .site-search-popup .site-search-popup-wrap .site-search .ajax-search-result { max-height: 50vh; } @-webkit-keyframes opal-draw { 0%, 100% { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 42% { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 43% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } } @keyframes opal-draw { 0%, 100% { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 42% { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 43% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } } @-webkit-keyframes cover_search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes cover_search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes cover_search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes cover_search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .bokifa-mobile-nav { display: flex; flex-direction: column; justify-content: space-between; position: fixed; width: 330px; top: 0; bottom: 0; right: 0; z-index: 9999; overflow: hidden; overflow-y: auto; background-color: #fff; transition: transform 0.25s ease; -webkit-transform: translate3d(330px, 0, 0); transform: translate3d(330px, 0, 0); } .mobile-nav-active .bokifa-mobile-nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .admin-bar .bokifa-mobile-nav { top: 46px; } @media (min-width: 783px) { .admin-bar .bokifa-mobile-nav { top: 32px; } } @media (min-width: 601px) and (max-width: 782px) { .admin-bar .bokifa-mobile-nav { top: 46px; } } .bokifa-mobile-nav .search-form { margin-top: 1em; } .bokifa-mobile-nav .bokifa-social { border-top: 1px solid var(--e-global-color-border); padding: 0.5em; margin-top: 1rem; } body .bokifa-mobile-nav .bokifa-social ul li a:before { color: #fff; } .bokifa-mobile-nav .bokifa-language-switcher-mobile { display: none; line-height: 0; padding: 0 30px; } .bokifa-mobile-nav .bokifa-language-switcher-mobile .menu { list-style: none; margin: 0; padding: 10px 0; border-top: 1px solid; border-top-color: var(--e-global-color-border); } .bokifa-mobile-nav .bokifa-language-switcher-mobile .item { display: inline-block; margin-bottom: 5px; margin-top: 5px; } .bokifa-mobile-nav .bokifa-language-switcher-mobile .item .language-switcher-head { padding-right: 5px; } .bokifa-mobile-nav .bokifa-language-switcher-mobile .item a { display: block; padding: 0 5px; } .bokifa-mobile-nav .bokifa-language-switcher-mobile .item:last-child { margin-right: 0; } .bokifa-mobile-nav .bokifa-language-switcher-mobile .item img { width: 24px; height: 16px; object-fit: cover; } .bokifa-mobile-nav .mobile-nav-tabs { clear: both; padding: 0 30px; background-color: var(--e-global-color-primary); } .bokifa-mobile-nav .mobile-nav-tabs ul { display: flex; align-items: center; flex-direction: row; list-style: none; margin: 0; } .bokifa-mobile-nav .mobile-nav-tabs ul li { display: flex; align-items: center; position: relative; text-align: left; font-size: 16px; font-size: 1rem; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); padding: 20px 0; cursor: pointer; color: #fff; text-transform: uppercase; } .bokifa-mobile-nav .mobile-nav-tabs ul li i { color: #000000; font-size: 15px; font-size: 0.9375rem; margin-right: 10px; } .bokifa-mobile-nav .mobile-nav-tabs ul li:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 100%; bottom: 0; visibility: hidden; background-color: var(--e-global-color-primary); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -ms-transform: scale(0.6); -o-transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } .bokifa-mobile-nav .mobile-nav-tabs ul li.active:before { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .bokifa-mobile-nav .mobile-nav-tabs ul .mobile-pages-title { margin-right: 15px; } .bokifa-mobile-nav .mobile-nav-tabs ul .mobile-categories-title { margin-left: 15px; } .bokifa-mobile-nav .mobile-menu-tab { display: none; padding: 30px; } .bokifa-mobile-nav .mobile-menu-tab.active { display: block; } .mobile-nav-close { float: right; clear: both; position: absolute; line-height: 1; top: 20px; right: 30px; padding: 0; text-align: center; z-index: 99; color: #fff; } .mobile-nav-close i { font-size: 20px; font-size: 1.25rem; transform: rotate(0deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .mobile-nav-close i:hover { transform: rotate(-180deg); } .mobile-nav-close:hover { color: #fff; } .bokifa-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 997; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; -ms-transition: opacity 0.25s ease, visibility 0s ease; -o-transition: opacity 0.25s ease, visibility 0s ease; -moz-transition: opacity 0.25s ease, visibility 0s ease; -webkit-transition: opacity 0.25s ease, visibility 0s ease; transition: opacity 0.25s ease, visibility 0s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .mobile-nav-active .bokifa-overlay { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .bokifa-info-button, .menu-mobile-nav-button { display: block; font-size: 15px; font-size: 0.9375rem; color: var(--e-global-color-dark); } @media (min-width: 1024px) { .bokifa-info-button, .menu-mobile-nav-button { display: none; } } .bokifa-info-button .bokifa-icon, .menu-mobile-nav-button .bokifa-icon { display: flex; flex-direction: column; } .bokifa-info-button .bokifa-icon > span, .menu-mobile-nav-button .bokifa-icon > span { display: inline-block; height: 2px; width: 24px; margin-bottom: 4px; border-radius: 5px; background-color: var(--e-global-color-dark); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .bokifa-info-button .bokifa-icon > span:last-child, .menu-mobile-nav-button .bokifa-icon > span:last-child { margin-bottom: 0; } .bokifa-info-button .bokifa-icon .icon-2, .menu-mobile-nav-button .bokifa-icon .icon-2 { width: 12px; } .bokifa-info-button .bokifa-icon .icon-3, .menu-mobile-nav-button .bokifa-icon .icon-3 { width: 24px; } .bokifa-info-button:hover .bokifa-icon > span, .menu-mobile-nav-button:hover .bokifa-icon > span { background-color: var(--e-global-color-primary); } .bokifa-info-button:hover .bokifa-icon .icon-2, .menu-mobile-nav-button:hover .bokifa-icon .icon-2 { width: 18px; } body { overflow-x: hidden; } #page { -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .mobile-nav-active { overflow: hidden; } /*------------------------------------------------------------- 2.1 Main Naivgation --------------------------------------------------------------*/ /** * General Menu Styles */ button.menu-toggle { cursor: pointer; text-align: left; float: right; position: relative; border: 2px solid transparent; box-shadow: none; border-radius: 10px; background-image: none; padding: 0.6180339845em 0.875em 0.6180339845em; font-size: 0.875em; max-width: 120px; } .menu-badge { font-size: 12px; font-size: 0.75rem; font-weight: 500; line-height: 22px; padding: 0 10px; border-radius: 30px; margin-left: 5px; background-color: #FF4A5D; color: #fff; } .primary-navigation .menu > .menu-item > a .menu-badge { position: absolute; top: -5px; left: 1.1em; } .toggled button.menu-toggle::before, .toggled button.menu-toggle::after { transform: rotate(45deg); } .toggled button.menu-toggle::after { transform: rotate(-45deg); } .toggled button.menu-toggle span::before { opacity: 0; } .primary-navigation { display: none; } ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a { color: #ffffff; } .main-navigation { position: relative; } .main-navigation::before, .main-navigation::after { content: ""; display: table; } .main-navigation::after { clear: both; } .main-navigation div.menu { display: none; } .main-navigation div.menu:last-child { display: block; } .main-navigation .menu { clear: both; } .main-navigation ul.menu { margin-left: 0; list-style: none; margin-bottom: 0; display: flex; } .main-navigation ul.menu ul { display: block; } .main-navigation ul.menu > li.menu-item > a { display: flex; align-items: center; height: 100%; position: relative; font-size: 16px; font-size: 1rem; line-height: 1.375; font-weight: 600; text-transform: capitalize; padding: 1.1878em 0; margin: 0 1.16em; color: var(--e-global-color-dark); } .main-navigation ul.menu > li.menu-item > a span { position: relative; } .main-navigation ul.menu > li.menu-item > a span:before { position: absolute; content: ""; width: 0; height: 1px; top: 100%; left: 0; opacity: 0; visibility: hidden; background-color: var(--e-global-color-primary); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: none; } .main-navigation ul.menu > li.menu-item > a span .menu-title:after { display: none; } .main-navigation ul.menu > li.menu-item > a i { margin-top: -3px; margin-right: 14px; font-size: 36px; font-size: 2.25rem; color: var(--e-global-color-text); } .main-navigation ul.menu > li.menu-item.custom-color > a { color: var(--e-global-color-accent); } .main-navigation ul.menu > li.menu-item.current-menu-parent > a, .main-navigation ul.menu > li.menu-item.current-menu-item > a, .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a { color: var(--e-global-color-dark); } .main-navigation ul.menu > li.menu-item.current-menu-parent > a span, .main-navigation ul.menu > li.menu-item.current-menu-item > a span, .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a span { position: relative; } .main-navigation ul.menu > li.menu-item.current-menu-parent > a span:before, .main-navigation ul.menu > li.menu-item.current-menu-item > a span:before, .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a span:before { width: 100%; opacity: 1; visibility: visible; } .main-navigation ul.menu > li.menu-item.current-menu-parent.custom-color > a, .main-navigation ul.menu > li.menu-item.current-menu-item.custom-color > a, .main-navigation ul.menu > li.menu-item.current-menu-ancestor.custom-color > a { color: var(--e-global-color-accent); } .main-navigation ul.menu > li.menu-item:hover > a { color: var(--e-global-color-dark); } .main-navigation ul.menu > li.menu-item:hover > a span { position: relative; } .main-navigation ul.menu > li.menu-item:hover > a span:before { width: 100%; opacity: 1; visibility: visible; } .main-navigation ul > li.menu-item > a:hover, .main-navigation ul.nav-menu > li.menu-item > a:hover { color: var(--e-global-color-dark); } .main-navigation .sub-menu { min-width: 240px; background-color: #fff; padding: 18px 32px 28px; position: relative; border-radius: 10px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); } .main-navigation .sub-menu .menu-item-has-children:hover:before { opacity: 1; visibility: visible; } .main-navigation .sub-menu .menu-item-has-children:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: transparent; top: 0; left: 30px; opacity: 0; visibility: hidden; } .main-navigation ul.hfe-nav-menu li a.hfe-menu-item { display: inline-block; position: relative; color: var(--e-global-color-text); } .mobile-navigation, .mobile-navigation-categories { clear: both; } .mobile-navigation ul, .mobile-navigation-categories ul { margin: 0; list-style: none; } .mobile-navigation ul > li.menu-item, .mobile-navigation-categories ul > li.menu-item { position: relative; } .mobile-navigation ul > li.menu-item > a, .mobile-navigation-categories ul > li.menu-item > a { display: block; padding: 0; margin-bottom: 20px; font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.25; letter-spacing: 0; color: var(--e-global-color-secondary); } .mobile-navigation ul > li.menu-item > a i, .mobile-navigation-categories ul > li.menu-item > a i { font-size: 16px; font-size: 1rem; margin-right: 15px; } .mobile-navigation ul > li.menu-item > a > span, .mobile-navigation-categories ul > li.menu-item > a > span { display: inline-block; position: relative; } .mobile-navigation ul > li.menu-item > a > span:before, .mobile-navigation-categories ul > li.menu-item > a > span:before { content: none; display: inline-block; position: absolute; height: 1px; width: 0; left: 0; bottom: -1px; background-color: var(--e-global-color-primary); } .mobile-navigation ul > li.menu-item > a span.text-link, .mobile-navigation-categories ul > li.menu-item > a span.text-link { display: block; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .mobile-navigation ul > li.menu-item > a span.text-link i, .mobile-navigation-categories ul > li.menu-item > a span.text-link i { font-size: 12px; font-size: 0.75rem; margin-left: 10px; margin-right: 0; margin-bottom: 3px; } .mobile-navigation ul > li.menu-item span.more-link, .mobile-navigation-categories ul > li.menu-item span.more-link { display: inline-flex; align-items: center; font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); line-height: 1; text-transform: capitalize; color: var(--e-global-color-secondary); } .mobile-navigation ul > li.menu-item span.more-link i, .mobile-navigation-categories ul > li.menu-item span.more-link i { font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-primary); } .mobile-navigation ul > li.menu-item span.more-link i.left, .mobile-navigation-categories ul > li.menu-item span.more-link i.left { margin-right: 7px; width: 12px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile-navigation ul > li.menu-item span.more-link i.right, .mobile-navigation-categories ul > li.menu-item span.more-link i.right { margin-left: 0; order: 15; width: 0; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile-navigation ul > li.menu-item.current-menu-parent > a > span:before, .mobile-navigation ul > li.menu-item.current-menu-item > a > span:before, .mobile-navigation ul > li.menu-item.current-menu-ancestor > a > span:before, .mobile-navigation-categories ul > li.menu-item.current-menu-parent > a > span:before, .mobile-navigation-categories ul > li.menu-item.current-menu-item > a > span:before, .mobile-navigation-categories ul > li.menu-item.current-menu-ancestor > a > span:before { width: 100%; } .mobile-navigation ul > li.menu-item button::before, .mobile-navigation-categories ul > li.menu-item button::before { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile-navigation ul > li.menu-item button:after, .mobile-navigation-categories ul > li.menu-item button:after { display: none; } .mobile-navigation ul > li.menu-item:last-child > a, .mobile-navigation-categories ul > li.menu-item:last-child > a { border-bottom: none; } .mobile-navigation ul ul.sub-menu, .mobile-navigation-categories ul ul.sub-menu { display: none; margin: -10px 0 20px 10px; } .mobile-navigation ul ul.sub-menu > li.menu-item > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a { text-transform: capitalize; font-weight: 500; padding: 0; margin-bottom: 0; border-bottom: none; line-height: 30px; font-size: 14px; font-size: 0.875rem; display: inline-block; position: relative; } .mobile-navigation ul ul.sub-menu > li.menu-item > a:before, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a:before { position: absolute; content: ""; width: 0; height: 1px; background-color: #ffffff; top: calc(100% - 3px); left: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile-navigation ul ul.sub-menu > li.menu-item > a:hover, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a:hover { color: var(--e-global-color-primary); } .mobile-navigation ul ul.sub-menu > li.menu-item > a:hover:before, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a:hover:before { width: 100%; } .mobile-navigation ul ul.sub-menu > li.menu-item.current-menu-item a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item.current-menu-item a { color: var(--e-global-color-secondary); } .mobile-navigation ul ul.sub-menu > li.menu-item.current-menu-item a:before, .mobile-navigation-categories ul ul.sub-menu > li.menu-item.current-menu-item a:before { width: 100%; } .mobile-navigation ul ul.sub-menu > li.menu-item:first-child > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item:first-child > a { padding-top: 8px; } .mobile-navigation ul ul.sub-menu > li.menu-item:last-child > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item:last-child > a { margin-bottom: 0; } .mobile-navigation ul ul.sub-menu > li.menu-item ul.sub-menu, .mobile-navigation-categories ul ul.sub-menu > li.menu-item ul.sub-menu { margin-left: 15px; } .mobile-navigation ul ul.sub-menu .dropdown-toggle, .mobile-navigation-categories ul ul.sub-menu .dropdown-toggle { padding: 7px 0; } .mobile-navigation .dropdown-toggle, .mobile-navigation-categories .dropdown-toggle { background: transparent; position: absolute; top: 0; right: 0; display: block; padding: 0; font-size: 10px; font-size: 0.625rem; line-height: 1; width: 30px; text-align: right; border: none; color: var(--e-global-color-secondary); } .mobile-navigation .dropdown-toggle:focus, .mobile-navigation-categories .dropdown-toggle:focus { outline: none; } .mobile-navigation .dropdown-toggle:hover, .mobile-navigation .dropdown-toggle:active, .mobile-navigation .dropdown-toggle:focus, .mobile-navigation-categories .dropdown-toggle:hover, .mobile-navigation-categories .dropdown-toggle:active, .mobile-navigation-categories .dropdown-toggle:focus { border: none; background-color: transparent; color: var(--e-global-color-secondary); } .main-navigation.toggled .menu > ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] { max-height: 9999px; } .elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 11px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; display: flex; } .elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item .hfe-menu-toggle { margin-left: 6px; font-size: 10px; font-size: 0.625rem; } .elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .menu-item ul.sub-menu { min-width: 120px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); border-radius: 10px; left: unset; right: -15px; } .bokifa-category-navigation { margin-bottom: 71px; position: relative; display: flex; justify-content: center; } [class*=bokifa-sidebar-] .bokifa-category-navigation::after { width: 100%; } .bokifa-category-navigation .bokifa-list-categories { list-style: none; grid-gap: 10px; margin: 0; position: relative; z-index: 2; display: inline-flex; overflow: auto; flex-wrap: wrap; justify-content: flex-start; } .bokifa-category-navigation .bokifa-list-categories::-webkit-scrollbar { height: 5px; } .bokifa-category-navigation .bokifa-list-categories::-webkit-scrollbar-thumb { border-radius: 10px; background: transparent; } @media (max-width: 1024px) { .bokifa-category-navigation .bokifa-list-categories::-webkit-scrollbar-thumb { background: var(--e-global-color-border); } } .bokifa-category-navigation .bokifa-list-categories:hover::-webkit-scrollbar-thumb { background: var(--e-global-color-border); } .bokifa-category-navigation .bokifa-item-category { border-radius: 50px; border: 1px solid #E2E2E2; } .bokifa-category-navigation .bokifa-item-category a { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.25; padding: 15px 40px; display: inline-block; position: relative; white-space: nowrap; } .bokifa-category-navigation .bokifa-item-category.actived { background-color: #027A36; border-color: #027A36; } .bokifa-category-navigation .bokifa-item-category.actived a { color: #fff; } .bokifa-category-navigation .bokifa-item-category.actived:hover { background-color: #027A36; border-color: #027A36; } .bokifa-category-navigation .bokifa-item-category.actived:hover a { color: #fff; } .bokifa-category-navigation .bokifa-item-category:hover { border-color: #000; } .bokifa-category-navigation .bokifa-item-category:hover a { color: #000; } /*------------------------------------------------------------- 2.2 Vertical Naivgation --------------------------------------------------------------*/ .vertical-navigation { position: relative; height: 100%; min-width: 240px; width: 100%; border-radius: 20px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--e-global-color-primary); } .vertical-navigation .vertical-navigation-header { padding: 10px 20px 10px 25px; } .vertical-navigation .vertical-navigation-header .bokifa-icon { display: flex; flex-direction: column; align-items: flex-end; margin-right: 14px; color: var(--e-global-color-primary); } .vertical-navigation .vertical-navigation-header .vertical-navigation-title { position: relative; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; flex: 1; } .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 20px; text-transform: capitalize; color: #fff; } .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon { display: flex; flex-direction: column; margin-bottom: 2px; } .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon > span { display: inline-block; height: 1px; width: 14px; margin-bottom: 3px; background-color: #fff; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon > span:last-child { margin-bottom: 0; } .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon .icon-2 { width: 14px; } .vertical-navigation:hover .vertical-navigation-header .vertical-navigation-title .title-icon .icon-2 { width: 14px; } .vertical-navigation .vertical-menu { position: absolute; top: calc(100% + 1px); left: -1px; width: calc(100% + 2px); opacity: 0; visibility: hidden; transform: translateY(40px); -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08); } .vertical-navigation .vertical-menu:before { content: ""; position: absolute; right: 45%; top: -12px; height: 13px; width: 18px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background-color: #fff; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08); } .vertical-navigation .vertical-menu .menu { position: relative; list-style: none; padding: 19px 40px 52px; background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/new/bg_vertical-1.png"); background-repeat: no-repeat; background-position: right bottom; border-radius: 10px; } .vertical-navigation .vertical-menu .menu > li { border-bottom: 1px solid var(--e-global-color-border); } .vertical-navigation .vertical-menu .menu > li:last-child { padding-bottom: 0; border-bottom: 0; } .vertical-navigation .vertical-menu .menu > li:last-child a { position: relative; border-bottom: none; } .vertical-navigation .vertical-menu .menu > li:last-child a:before { position: absolute; content: ""; top: 50%; left: 36px; width: 100%; height: 100%; border-radius: 2px; transform: translateY(-50%); background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/new/Sale.png"); background-repeat: no-repeat; background-position: right center; } .vertical-navigation .vertical-menu .menu > li:nth-last-child(4) a { position: relative; } .vertical-navigation .vertical-menu .menu > li:nth-last-child(4) a:before { position: absolute; content: ""; top: 50%; right: 0; width: 40px; height: 20px; border-radius: 2px; transform: translateY(-50%); background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/new/New.png"); background-repeat: no-repeat; background-position: right center; } .vertical-navigation .vertical-menu .menu > li > a { position: relative; display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 600; padding: 0; line-height: 49px; color: var(--e-global-color-text); } .vertical-navigation .vertical-menu .menu > li > a .menu-icon { opacity: 0.3; margin-right: 20px; font-size: 24px; font-size: 1.5rem; } .vertical-navigation .vertical-menu .menu > li > a:after { opacity: 0; visibility: hidden; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-right: 10px; } .vertical-navigation .vertical-menu .menu > li > a:hover { color: var(--e-global-color-secondary); } .vertical-navigation .vertical-menu .menu > li > a:hover i { opacity: 1; } .vertical-navigation .vertical-menu .menu > li > a:hover:after { opacity: 1; visibility: visible; padding: 0; } .vertical-navigation .vertical-menu .menu > li > a .text-link { display: block; padding-top: 5px; padding-left: 30px; font-weight: var(--e-global-typography-primary-font-weight); line-height: 1.2857142857; color: var(--e-global-color-secondary); } .vertical-navigation .vertical-menu .menu > li > a .text-link i { font-size: 12px; font-size: 0.75rem; margin-left: 10px; margin-bottom: 3px; } .vertical-navigation .vertical-menu .menu li.menu-item-has-children a:after { opacity: 1; visibility: visible; padding: 0; } .vertical-navigation .vertical-menu .menu li.menu-item-has-children ul.sub-menu li a:after { opacity: 0; visibility: hidden; padding-right: 18px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-navigation .vertical-menu .menu li.menu-item-has-children ul.sub-menu li a:hover:after { opacity: 1; visibility: visible; padding: 0; } .vertical-navigation:hover .vertical-menu { opacity: 1; visibility: visible; z-index: 99; transform: translateY(40px); } .vertical-navigation ul.menu { list-style: none; margin: 0; background-color: #FFFFFF; } .vertical-navigation ul.menu .sub-menu { position: absolute; left: -9999em; z-index: -1; top: -1px; visibility: hidden; opacity: 0; list-style: none; margin: 0; background: #fff; width: 210px; border: 1px solid var(--e-global-color-primary); border-radius: 0; box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1); padding: 20px 0; margin-left: 6px; } .vertical-navigation ul.menu .sub-menu > li { padding: 0 30px; } .vertical-navigation ul.menu .sub-menu > li:last-child > a { border-bottom: none; } .vertical-navigation ul.menu .sub-menu > li > a { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1; padding: 10px 0; color: var(--e-global-color-text); border-bottom: 1px solid var(--e-global-color-border); } .vertical-navigation ul.menu .sub-menu > li > a:after { opacity: 0; visibility: hidden; } .vertical-navigation ul.menu .sub-menu > li:hover > a { color: var(--e-global-color-secondary); } .vertical-navigation ul.menu .sub-menu > li.current-menu-item > a { color: var(--e-global-color-secondary); } .vertical-navigation ul.menu .sub-menu.mega-menu > li { padding: 0; } .vertical-navigation ul.menu li.menu-item-has-children { position: relative; } .vertical-navigation ul.menu li.menu-item-has-children a { position: relative; color: var(--e-global-color-text); font-size: 14px; font-size: 0.875rem; } .vertical-navigation ul.menu li.menu-item-has-children a .menu-icon { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-lighter); } .vertical-navigation ul.menu li.menu-item-has-children span.more-link { display: inline-flex; align-items: center; font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-primary-font-weight); line-height: 1; text-transform: capitalize; color: var(--e-global-color-secondary); } .vertical-navigation ul.menu li.menu-item-has-children span.more-link i { font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-primary); } .vertical-navigation ul.menu li.menu-item-has-children span.more-link i.left { margin-right: 10px; width: 12px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-navigation ul.menu li.menu-item-has-children span.more-link i.right { margin-left: 0; order: 15; width: 0; opacity: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-navigation ul.menu li.menu-item-has-children:hover .sub-menu { visibility: visible; left: 100%; z-index: 99; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .vertical-navigation ul.menu li.menu-item-has-children:hover a { color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); } .vertical-navigation ul.menu li.menu-item-has-children:hover a .menu-icon { color: var(--e-global-color-secondary); } .vertical-navigation ul.menu li.menu-item-has-children:hover a:after { color: var(--e-global-color-primary); } .vertical-navigation ul.menu li.menu-item-has-children:hover span.more-link i.left { width: 0; margin-right: 0; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .vertical-navigation ul.menu li.menu-item-has-children:hover span.more-link i.right { width: 12px; margin-left: 7px; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .vertical-navigation ul.menu li.menu-item-has-children.current-menu-item a { color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); } .vertical-navigation ul.menu li.menu-item-has-children.current-menu-item a .menu-icon { color: var(--e-global-color-secondary); } .vertical-navigation ul.menu li.menu-item-has-children.current-menu-item a:after { color: var(--e-global-color-primary); } /*------------------------------------------------------------- 2.3 Mega Menu --------------------------------------------------------------*/ .has-mega-menu.has-fullwidth { position: static !important; margin-right: 0.85em; } .has-mega-menu.has-fullwidth:hover { background-color: #fff; } .has-mega-menu.has-fullwidth .mega-fullwidth { width: 100%; border: none; box-shadow: none; left: -22px; } .has-mega-menu.sub-menu-left { position: static !important; } .vertical-navigation .has-mega-menu { position: static !important; } .vertical-navigation .has-mega-menu .mega-menu { padding: 0 !important; } .main-navigation .has-mega-menu .mega-menu .elementor-icon-list-item { min-width: unset; margin: 0; } .mega-menu.sub-menu { padding: 0; background: #fff; } .mega-menu.sub-menu .elementor-section.elementor-section-stretched { left: 0 !important; max-width: 100% !important; } .mega-menu.mega-stretchwidth { width: 100vw; } .single-bokifa_menu_item .elementor-icon-list-items li, .mega-menu .elementor-icon-list-items li { font-weight: var(--e-global-typography-text-font-weight); } .single-bokifa_menu_item .elementor-icon-list-items li a, .mega-menu .elementor-icon-list-items li a { color: var(--e-global-color-text); } .single-bokifa_menu_item .elementor-icon-list-items li a:hover, .mega-menu .elementor-icon-list-items li a:hover { color: var(--e-global-color-primary); } .header-side .main-navigation ul.menu { margin-left: -30px; margin-right: -30px; } .header-side .main-navigation ul ul.sub-menu { top: 50% !important; transform: translateY(-50%) !important; left: 100% !important; max-height: 100vh; overflow-y: auto; } .header-side .main-navigation ul ul.sub-menu .elementor-section.elementor-section-stretched { left: 0 !important; max-width: 100% !important; } .header-side .has-mega-menu.sub-menu-left { position: relative !important; } /*------------------------------------------------------------- 3.0 Main content area --------------------------------------------------------------*/ .site-content { outline: none; } /*------------------------------------------------------------- 3.1 Content (post etc) --------------------------------------------------------------*/ .hentry strong, .hentry th, .hentry dt { color: var(--e-global-color-dark); } .hentry thead th { color: var(--e-global-color-dark); font-weight: var(--e-global-typography-accent-font-weight); } .entry-title { font-size: 44px; font-size: 2.75rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1.1363636364; margin: 0 0 15px 0; padding: 30px 0 5px; text-transform: capitalize; color: var(--e-global-color-dark); } .entry-title a { color: var(--e-global-color-dark); } .entry-title a:hover { color: var(--e-global-color-primary); } @media (max-width: 1024px) { .entry-title { font-size: 35px; font-size: 2.1875rem; } } @media (max-width: 767px) { .entry-title { font-size: 25px; font-size: 1.5625rem; line-height: 1.2; margin: 0; } } .entry-header .categories-link { order: 1; } .entry-header .posted-on { order: 2; } .entry-header .post-author { order: 3; } .entry-header .meta-reply { order: 4; margin-left: auto; } .entry-header .meta-reply a { color: var(--e-global-color-text); text-transform: capitalize; } .entry-header .meta-reply:hover a { color: var(--e-global-color-primary); } .entry-header .meta-reply:hover:before { color: var(--e-global-color-primary); } @media (max-width: 567px) { .entry-header .meta-reply { margin-right: auto; margin-left: 10px; } } .entry-header .meta-views { order: 5; margin-left: 60px; color: var(--e-global-color-text); font-size: 12px; font-size: 0.75rem; line-height: 12px; text-transform: capitalize; } @media (max-width: 567px) { .entry-header .meta-views { margin-left: 10px; } } .page-header h1.page-title { font-size: 52px; font-size: 3.25rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); margin-bottom: 45px; line-height: 1.0576923077; } .post-thumbnail { margin-bottom: 30px; position: relative; } .posted-on-square a { width: 50px; height: 50px; display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: #fff; border-radius: 5px; font-weight: var(--e-global-typography-primary-font-weight); text-align: center; font-size: 12px; font-size: 0.75rem; line-height: 14px; color: var(--e-global-color-secondary); text-transform: uppercase; } .posted-on-square a b { font-size: 20px; font-size: 1.25rem; font-weight: var(--e-global-typography-primary-font-weight); display: block; line-height: 1; } .entry-meta-top, .entry-meta-bottom { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; color: var(--e-global-color-text); margin-bottom: 10px; } .entry-meta-top .post_meta_box, .entry-meta-bottom .post_meta_box { display: flex; flex-wrap: wrap; align-items: center; } @media (max-width: 767px) { .entry-meta-top > div, .entry-meta-bottom > div { margin-bottom: 10px; } .entry-meta-top > div:last-child, .entry-meta-bottom > div:last-child { margin-bottom: 0; } } .entry-meta-top .posted-on a, .entry-meta-bottom .posted-on a { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 1.666666; font-weight: 600; color: var(--e-global-color-lighter); text-transform: uppercase; } .entry-meta-top .posted-on:before, .entry-meta-bottom .posted-on:before { color: var(--e-global-color-primary); margin-bottom: 2px; } .entry-meta-top .post-author span, .entry-meta-bottom .post-author span { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 1.666666; font-weight: 600; color: var(--e-global-color-lighter); text-transform: uppercase; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .entry-meta-top .post-author a, .entry-meta-bottom .post-author a { text-transform: uppercase; color: var(--e-global-color-lighter); } .entry-meta-top .post-author a:hover, .entry-meta-bottom .post-author a:hover { color: var(--e-global-color-primary); } .entry-meta-top .post-author:before, .entry-meta-bottom .post-author:before { color: var(--e-global-color-primary); margin-bottom: 3px; } .categories-link a { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 1.666666; font-weight: 600; text-transform: uppercase; color: var(--e-global-color-primary); display: inline-block; position: relative; } .categories-link a:last-child { margin-right: 0; } .categories-link a:last-child:after { display: none; } .categories-link a:hover:before { width: 100%; } .entry-meta { font-size: 12px; font-size: 0.75rem; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; line-height: 1.8333333333; color: var(--e-global-color-lighter); display: flex; flex-wrap: wrap; align-items: center; } .entry-meta > div { margin-bottom: 3px; } .entry-meta a { display: inline-block; color: var(--e-global-color-lighter); text-transform: uppercase; font-size: 12px; font-size: 0.75rem; } .entry-meta a:hover { color: var(--e-global-color-primary); } .entry-meta .meta-reply, .entry-meta .posted-on, .entry-meta .post-author { display: flex; align-items: center; margin-right: 10px; } .entry-meta .meta-reply > *, .entry-meta .posted-on > *, .entry-meta .post-author > * { line-height: 22px; } .entry-meta .meta-reply a { color: var(--e-global-color-text); } .entry-meta .meta-reply a:hover { color: var(--e-global-color-primary); } .entry-meta .posted-on { order: 1; } .entry-meta .posted-on:after { content: "-"; position: relative; right: -5px; top: 0; font-size: 14px; font-size: 0.875rem; } .entry-meta .meta-reply { order: 3; } .entry-meta .meta-reply:after { content: "-"; position: relative; right: -5px; top: 0; font-size: 14px; font-size: 0.875rem; } .entry-meta .post-author { order: 2; } .entry-meta .post-author a { color: var(--e-global-color-lighter); order: 1; } .entry-meta .post-author a:hover { color: var(--e-global-color-primary); } .entry-meta .categories-link { margin-right: 20px; padding-top: 2px; padding-bottom: 2px; } .entry-excerpt { color: var(--e-global-color-text); } .entry-excerpt p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 13px; } @media (max-width: 568px) { .entry-excerpt p { margin-bottom: 15px; } } .more-link-wrap { margin-bottom: 28px; } @media (max-width: 568px) { .more-link-wrap { margin: 0; } } a.more-link { display: inline-flex; align-items: center; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: capitalize; color: var(--e-global-color-secondary); background-color: transparent; border: 0; white-space: nowrap; border-radius: 0; position: relative; padding: 0; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); } a.more-link:before { display: none; } a.more-link .elementor-button-text { position: relative; } a.more-link .elementor-button-text:after { content: ""; position: absolute; height: 1px; width: 100%; background-color: var(--e-global-color-secondary); bottom: 3px; left: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } a.more-link i { color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; line-height: inherit; margin: 0 0 0 8px; } a.more-link:hover, a.more-link:focus { color: var(--e-global-color-primary); } a.more-link:hover .elementor-button-text, a.more-link:focus .elementor-button-text { transform: translateY(0); opacity: 1; } a.more-link:hover .elementor-button-text:after, a.more-link:focus .elementor-button-text:after { background-color: var(--e-global-color-primary); } a.more-link:hover i, a.more-link:focus i { color: var(--e-global-color-primary); } a.more-link:visited { color: var(--e-global-color-secondary); } a.more-link:visited i { color: var(--e-global-color-secondary); } a.more-link:visited:hover { color: var(--e-global-color-primary); } a.more-link:visited:hover .elementor-button-text { transform: translateY(0); opacity: 1; } a.more-link:visited:hover .elementor-button-text:after { background-color: var(--e-global-color-primary); } a.more-link:visited:hover i { color: var(--e-global-color-primary); } a.more-link .bokifa_btn_text { position: relative; } a.more-link .bokifa_btn_text:after { content: ""; position: absolute; height: 1px; width: 100%; background-color: var(--e-global-color-secondary); bottom: 3px; left: 0; opacity: 1; visibility: visible; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } a.more-link:after { opacity: 0; visibility: hidden; margin-left: 8px; font-size: 14px; font-size: 0.875rem; } a.more-link:hover .bokifa_btn_text:after, a.more-link:focus .bokifa_btn_text:after { background-color: var(--e-global-color-primary); } a.more-link:hover i, a.more-link:focus i { color: var(--e-global-color-primary); } a.more-link:visited .bokifa_btn_text:after { background-color: var(--e-global-color-secondary); } a.more-link:visited:hover .bokifa_btn_text:after { background-color: var(--e-global-color-primary); } a.more-link:visited:hover i { color: var(--e-global-color-primary); } .tags-links .social-share-header { display: none; } .tags-links a { display: inline-block; font-size: 12px; font-size: 0.75rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 2; color: var(--e-global-color-lighter); text-transform: capitalize; margin: 0 2px 5px 0; padding: 7px 21px 9px 17px; border-radius: 5px; background-color: #F6F6F6; } .tags-links a:hover { background-color: var(--e-global-color-primary); color: #fff; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin-bottom: 10px; } .single .hentry .entry-header .entry-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 60px; font-size: 3.75rem; margin: 0 0 23px 0; line-height: 1.1; color: var(--e-global-color-dark); padding: 0 0 10px 0; } @media (max-width: 767px) { .single .hentry .entry-header .entry-title { font-size: 30px; font-size: 1.875rem; line-height: 1.2; padding: 0; } } .single .hentry .entry-header .categories-link { position: relative; width: auto; padding-right: 14px; display: flex; align-items: center; flex-wrap: wrap; } .single .hentry .entry-header .categories-link:before { content: ""; position: absolute; width: 1px; height: 9px; background-color: var(--e-global-color-lighter); top: 50%; transform: translateY(-50%); right: 8px; rotate: 15deg; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .single .hentry .entry-header .categories-link .screen-reader-text { display: block; clip-path: none; clip: auto; overflow: visible; opacity: 1; width: auto; margin: 0 4px 0 0; height: auto; position: relative !important; font-size: 12px; font-size: 0.75rem; line-height: 20px; top: 0; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .single .hentry .entry-header .posted-on { padding-right: 14px; position: relative; } .single .hentry .entry-header .posted-on:before { content: ""; position: absolute; width: 1px; height: 9px; background-color: var(--e-global-color-lighter); top: 50%; transform: translateY(-50%); right: 8px; rotate: 15deg; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .single .hentry .entry-header .meta-reply { position: unset; width: auto; margin-left: auto; } .single .hentry .entry-taxonomy { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 30px 0 0; } .single .hentry .entry-taxonomy .screen-reader-text { display: block; clip-path: none; clip: auto; height: auto; width: auto; top: 6px; margin: 0 10px 0 0; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-dark); font-weight: 500; } .single .hentry .entry-taxonomy .tags-links a { border: 1px solid var(--e-global-color-border); padding: 5px 15px; margin-right: 5px; border-radius: 0; } .single .hentry .entry-taxonomy .tags-links a:hover { background-color: transparent; color: var(--e-global-color-primary); } .single .entry-meta { margin-bottom: 15px; } .single .nav-links { display: flex; } .single .nav-links > div { display: flex; position: relative; overflow: hidden; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .post-inner .post-thumbnail ~ .post-content { position: relative; } .post-inner .post-thumbnail ~ .post-content .entry-meta-top { display: none; } .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom { position: absolute; top: 0; transform: translateY(-50%); left: 30px; margin: 0 30px 0 0; border-radius: 50px; padding: 4px 18px; background-color: #fff; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom { left: 0; margin: 0; right: 0; transform: translateY(-65%); border-radius: 0 0 15px 15px; background-color: var(--e-global-color-primary); height: 50px; } .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .post-author { color: #fff; } .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on:before, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link:before, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .post-author:before { background-color: #fff; } .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on a, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on span, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on .screen-reader-text, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link a, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link span, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link .screen-reader-text, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .post-author a, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .post-author span, .post-inner .post-thumbnail ~ .post-content .entry-meta-bottom .post-author .screen-reader-text { color: #fff; } } .post-inner .post-thumbnail ~ .post-content .entry-title { padding-top: 30px; } .post-inner .post-content .entry-title { padding-top: 0; } .post-inner .post-thumbnail { overflow: hidden; text-align: center; border-radius: 10px; margin: 0; } .post-inner .post-thumbnail img { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; aspect-ratio: 2.1956521739; object-fit: cover; width: 100%; } .post-inner:hover .post-thumbnail img { -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom { background-color: var(--e-global-color-primary); } .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .post-author { color: #fff; } .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on:before, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link:before, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .post-author:before { background-color: #fff; } .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on a, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on span, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .posted-on .screen-reader-text, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link a, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link span, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .categories-link .screen-reader-text, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .post-author a, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .post-author span, .post-inner:hover .post-thumbnail ~ .post-content .entry-meta-bottom .post-author .screen-reader-text { color: #fff; } .single-post .post-thumbnail img { aspect-ratio: 2.1451612903; border-radius: 15px; object-fit: cover; width: 100%; } .single-post .entry-meta-top { margin-bottom: 10px; } .single-post .entry-social-share { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; margin: 0 0 44px 0; } .single-post .entry-social-share .tags-links { align-self: center; } @media (max-width: 568px) { .single-post .entry-social-share { justify-content: flex-end; flex-wrap: wrap; } .single-post .entry-social-share .pbr-social-share { margin-bottom: 10px; } } .single-post .pbr-social-share { display: flex; margin-bottom: 5px; } .single-post .pbr-social-share .social-share-header { display: none; } .single-post .pbr-social-share a { color: var(--e-global-color-text); width: 40px; height: 40px; background-color: #000; margin: 0 0 0 10px; } @media (max-width: 568px) { .single-post .pbr-social-share a { margin: 0 10px 0 0; } } .single-post .pbr-social-share a i { color: #fff; font-size: 12px; font-size: 0.75rem; } .single-post .pbr-social-share a.social-facebook { background-color: #506CCF; } .single-post .pbr-social-share a.social-twitter { background-color: #97D5F0; } .single-post .pbr-social-share a.social-instagram { background-color: #C4C4C4; } .single-post .pbr-social-share a.social-pinterest { background-color: #D13B3B; } .single-post.bokifa-full-width-content .content-area { max-width: 910px; margin-left: auto; margin-right: auto; float: none; } .single-post.bokifa-full-width-content .single-content { display: flex; flex-direction: column; } .single-post.bokifa-full-width-content .single-content > * { order: 2; z-index: 9; } .single-post.bokifa-full-width-content .single-content p img { border-radius: 10px; } .single-post.bokifa-full-width-content .single-content .entry-header { text-align: left; margin-top: -91px; } @media (max-width: 1024px) { .single-post.bokifa-full-width-content .single-content .entry-header { margin-top: 0; } } .single-post.bokifa-full-width-content .single-content .entry-header .entry-meta { justify-content: left; } .single-post.bokifa-full-width-content .post-excerpt { display: none; } .single-post.bokifa-full-width-content .post-thumbnail { width: 100vw; transform: translateX(-50%); left: 50%; position: relative; max-width: 1330px; overflow: hidden; order: 1; } .single-post.bokifa-full-width-content .post-thumbnail:before { content: ""; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1070px; height: 120px; z-index: 5; border-radius: 15px 15px 0 0; } @media (max-width: 1024px) { .single-post.bokifa-full-width-content .post-thumbnail:before { display: none; } } .single-post.bokifa-full-width-content .post-thumbnail img { object-fit: cover; aspect-ratio: 2.1451612903; width: 100%; } @media (min-width: 768px) and (max-width: 1530px) { .single-post.bokifa-full-width-content .post-thumbnail { padding: 0 30px; } } @media (max-width: 767px) { .single-post.bokifa-full-width-content .post-thumbnail { padding: 0 15px; } } @media (min-width: 1024px) { .single-post.bokifa-full-width-content .post-thumbnail + .entry-header { margin-top: -180px; padding-bottom: 80px; } .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-title { color: #fff; } .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-top, .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-bottom { justify-content: center; color: #fff; } .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-top .post-author a:not(:hover), .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-top .posted-on a:not(:hover), .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-bottom .post-author a:not(:hover), .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-bottom .posted-on a:not(:hover) { color: #fff; } .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-top .categories-link a:hover, .single-post.bokifa-full-width-content .post-thumbnail + .entry-header .entry-meta-bottom .categories-link a:hover { color: #fff; border-color: #fff; } } @media (min-width: 1024px) and (max-width: 768px) { .single-post.bokifa-full-width-content { margin-top: 30px; padding-bottom: 0; } .single-post.bokifa-full-width-content .entry-title { color: var(--e-global-color-dark); } } .single-post .entry-content .row { display: flex; flex-wrap: wrap; margin-left: 0; } .single-post .entry-content .row.justify-content-center { width: 100vw; transform: translateX(-50%); left: 50%; position: relative; max-width: 940px; overflow: hidden; margin: 34px 0 27px 0; } @media (max-width: 768px) { .single-post .entry-content .row.justify-content-center { padding: 0 15px; } } @media (max-width: 767px) { .single-post .entry-content .row.justify-content-center { padding: 0; } } .single-post .entry-content .row.justify-content-center img { border-radius: 10px; aspect-ratio: 1.375; width: 100%; object-fit: cover; } @media (max-width: 568px) { .single-post .entry-content .row.justify-content-center .column-item:first-child { margin-bottom: 30px; } } .single-post .entry-content ul.custom-list { margin: 0 0 29px 0; } .single-post .entry-content ul.custom-list li { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 30px; font-weight: 600; list-style: none; padding-left: 30px; position: relative; color: var(--e-global-color-secondary); } .single-post .entry-content ul.custom-list li:before { font-size: 18px; font-size: 1.125rem; position: absolute; left: 0; top: 7px; color: var(--e-global-color-primary); } .single-post .entry-content p { margin-bottom: 26px; } .single-post .entry-content p img { margin: 30px 15px 30px 0; } .single-post .entry-content h4 { margin-top: -8px; margin-bottom: 12px; color: var(--e-global-color-dark); text-transform: inherit; } @media (max-width: 767px) { .single-post .entry-content h4 { font-size: 30px; font-size: 1.875rem; } } .single-post .entry-content [class*=" column-"], .single-post .entry-content [class^=column-] { flex: 0 0 50%; max-width: 50%; } @media (max-width: 568px) { .single-post .entry-content [class*=" column-"], .single-post .entry-content [class^=column-] { flex: 0 0 100%; max-width: 100%; } } article.article-default { overflow: hidden; } article.article-default:last-child { margin-bottom: 0; } article.article-default .categories-link { position: relative; width: auto; padding-right: 14px; display: flex; align-items: center; } article.article-default .categories-link:before { content: ""; position: absolute; width: 1px; height: 9px; background-color: var(--e-global-color-lighter); top: 50%; transform: translateY(-50%); right: 8px; rotate: 15deg; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } article.article-default .categories-link .screen-reader-text { display: block; clip-path: none; clip: auto; overflow: visible; opacity: 1; width: auto; margin: 0 4px 0 0; height: auto; position: relative !important; font-size: 12px; font-size: 0.75rem; line-height: 20px; top: 0; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } article.article-default .posted-on { padding-right: 14px; position: relative; } article.article-default .posted-on:before { content: ""; position: absolute; width: 1px; height: 9px; background-color: var(--e-global-color-lighter); top: 50%; transform: translateY(-50%); right: 8px; rotate: 15deg; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } article.article-default .post-author:before { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } article.article-default .post-author:hover a { color: var(--e-global-color-primary); } article.article-default.tag-categories .categories-link { display: block; } article.category-markup .entry-content { overflow: auto; } article .entry-content .wp-block-group { margin-bottom: 15px; } article .entry-content .wp-block-group p { margin-bottom: 0; } .post_format-post-format-image .entry-content img { width: 100%; } .search form.search-form label, .post-password-form label { vertical-align: middle; } .search form.search-form input[type=submit], .post-password-form input[type=submit] { vertical-align: middle; line-height: 1; } .post-password-form input { height: 50px; } @media (max-width: 480px) { .post-password-form input[type=password] { display: block; width: 100%; margin-bottom: 10px; } } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } .blog-style-list { --grid-row-gap: 0; } .blog-style-list article.article-default { margin-bottom: 30px; } .blog-style-list .post-thumbnail { margin-bottom: 20px; border-radius: 10px; } .blog-style-list .post-thumbnail img { border-radius: 10px; height: 300px; object-fit: cover; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-style-list .entry-header h3.entry-title { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1.25; text-transform: capitalize; color: var(--e-global-color-primary); margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-style-list .entry-meta-bottom { margin-bottom: 18px; } @media (min-width: 768px) { .blog-style-list article.article-default { display: flex; align-items: center; margin-bottom: 60px; padding-bottom: 0; overflow: hidden; } .blog-style-list article.article-default:last-of-type { margin-bottom: 30px; } .blog-style-list article.article-default:hover .post-thumbnail { width: 46.9%; margin-right: 0; margin-bottom: 0; } .blog-style-list article.article-default:hover .post-thumbnail img { transform: scale(1.1); } .blog-style-list .post-thumbnail { width: 46.9%; margin-right: 0; margin-bottom: 0; overflow: hidden; border-radius: 10px; } .blog-style-list .post-thumbnail img { aspect-ratio: 1.3666666667; height: 320px; object-fit: cover; border-radius: 10px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-style-list .entry-excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .blog-style-list .more-link-wrap { margin: 0; } .blog-style-list .post-content { flex: 1; word-break: break-word; padding: 0 0 0 30px; } .blog-style-list .post-content .entry-header { display: inline-grid; } .blog-style-list .post-content .entry-header .entry-meta-bottom { order: -1; margin-bottom: 12px; } .blog-style-list .post-content .entry-header h3.entry-title { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1.25; color: var(--e-global-color-text); margin-bottom: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } .blog-style-grid .column-item { margin-bottom: 30px; } .blog-style-grid .post-thumbnail img { aspect-ratio: 1.96; object-fit: cover; } .blog-style-grid .post-thumbnail .screen-reader-text { display: block; } .blog-style-grid .excerpt-content, .blog-style-grid .more-link-wrap { display: block; } .blog-style-grid .excerpt-content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 17px; } .list-items { margin: 0; padding: 0; } .list-items li { list-style: none; display: flex; align-items: center; } .list-items li:not(:last-child) { margin-bottom: 8px; } .list-items li i { margin-right: 10px; font-size: 1.2em; } .wp-audio-shortcode { margin-bottom: 10px; } .author-wrapper { background-color: #F9F5F0; display: flex; flex-wrap: wrap; padding: 30px; border-radius: 10px; } .author-wrapper .author-avatar { margin-right: 24px; } .author-wrapper .author-avatar img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; } .author-wrapper .author-caption { flex: 1; } .author-wrapper .author-caption .author-name { margin-top: 12px; } .author-wrapper .author-caption .author-name a { font-size: 16px; font-size: 1rem; line-height: 22px; color: var(--e-global-color-dark); text-transform: capitalize; } .author-wrapper .author-caption .author-website { margin-bottom: 20px; } .btn-slip-effect { position: relative; overflow: hidden; } .btn-slip-effect .elementor-button-text, .btn-slip-effect .bokifa_btn_text { -ms-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -webkit-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .btn-slip-effect:before { content: attr(data-text); display: inline-block; position: absolute; top: 50%; transform: translate(0, 100%); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); white-space: nowrap; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -webkit-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .btn-slip-effect:hover .elementor-button-text, .btn-slip-effect:hover .bokifa_btn_text { transform: translateY(-150%); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .btn-slip-effect:hover:before { transform: translate(0%, -50%); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /*------------------------------------------------------------- 4.0 Footer --------------------------------------------------------------*/ .bokifa-footer-builder .site-footer { padding-top: 0; } .copyright-bar { color: var(--e-global-color-lighter); padding: 1.618034em 15px; min-height: 105px; border-top: 1px solid var(--e-global-color-border); display: flex; align-items: center; } .copyright-bar .site-info { text-align: center; } .copyright-bar .site-info a.site-url:not(.button):hover { color: var(--e-global-color-primary); } @media (max-width: 1024px) { [data-elementor-type=footer] { margin-bottom: 60px; } } .scrollup { position: fixed; bottom: 30px; right: 30px; width: 35px; z-index: 99999; padding: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; text-transform: uppercase; line-height: 1; color: #fff; font-size: 12px; font-size: 0.75rem; -ms-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media (max-width: 767px) { .scrollup { opacity: 0 !important; pointer-events: none; } } .scrollup .scrollup-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid var(--e-global-color-border); background-color: #fff; font-size: 15px; font-size: 0.9375rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--e-global-color-secondary); } .scrollup .scrollup-icon:before { color: var(--e-global-color-secondary); } .scrollup .scrollup-label { display: none; } .scrollup:hover .scrollup-label { color: var(--e-global-color-primary); } .scrollup:hover .scrollup-icon { background-color: #FFFFFF; box-shadow: 0px 15px 50px rgba(196, 156, 97, 0.2); border-color: transparent; } .scrollup.activate { -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------- 5.0 Alignment --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.41577975em; margin-bottom: 1.41577975em; clear: both; } .alignright { display: inline; float: right; margin-left: 1.41577975em; margin-bottom: 1.41577975em; clear: both; } .aligncenter { clear: both; display: block; margin: 0 auto; margin-bottom: 1.41577975em; } /*------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*------------------------------------------------------------- 7.0 Clearing --------------------------------------------------------------*/ .clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after { content: ""; display: table; } .clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after { clear: both; } /*------------------------------------------------------------- 8.0 Tables --------------------------------------------------------------*/ table { border-spacing: 0; width: 100%; border-collapse: collapse; } table caption { padding: 1em 0; font-weight: var(--e-global-typography-primary-font-weight); } table td, table th { padding: 1em 1.41577975em; text-align: left; vertical-align: top; word-break: break-all; } table td p:last-child, table th p:last-child { margin-bottom: 0; } table th { font-weight: var(--e-global-typography-text-font-weight); } table thead th { padding: 1.41577975em; vertical-align: middle; } table tbody h2 { font-size: 1em; letter-spacing: normal; font-weight: normal; } table tbody h2 a { font-weight: normal; } table tr { border-top: 1px solid; border-bottom: 1px solid; border-color: var(--e-global-color-border); } .entry-content table:not(.shop_table) td, .entry-content table:not(.shop_table) th { border: 1px solid; border-color: var(--e-global-color-border); } @media (max-width: 568px) { .woosw-list table.woosw-items .woosw-item { display: flex; flex-direction: column; border-bottom: none; } .woosw-list table.woosw-items .woosw-item:last-child { border-bottom: 1px solid var(--e-global-color-border); } .woosw-list table.woosw-items .woosw-item .woosw-item--remove, .woosw-list table.woosw-items .woosw-item .woosw-item--image, .woosw-list table.woosw-items .woosw-item .woosw-item--info, .woosw-list table.woosw-items .woosw-item .woosw-item--actions { width: 100%; border-top: none; display: flex; align-items: center; justify-content: center; flex-direction: column; } .woosw-list table.woosw-items .woosw-item .woosw-item--actions { border-bottom: none; } .woosw-list table.woosw-items .woosw-item .woosw-item--remove { text-align: right; display: block; } } .woosw-list .woosw-actions .woosw-copy .woosw-copy-url { margin-right: 10px; } @media (max-width: 568px) { .woosw-list .woosw-actions .woosw-copy { display: block; width: 100%; } .woosw-list .woosw-actions .woosw-copy .woosw-copy-label { font-weight: 600; } .woosw-list .woosw-actions .woosw-copy .woosw-copy-url { margin-left: 0; margin-right: 0; } .woosw-list .woosw-actions .woosw-copy .woosw-copy-url input { width: 100%; margin: 10px 0; padding: 15px 8px; } .woosw-list .woosw-actions .woosw-copy .woosw-copy-btn { display: flex; justify-content: center; } } /*------------------------------------------------------------- 9.0 404 Styles --------------------------------------------------------------*/ .error404 #page { position: relative; } .error404 #page .site-content { margin: 0; padding: 0; background-color: #fff; } .error404 .breadcrumb-wrap { display: block; } .error404 .site-content .col-full { max-width: 100%; padding: 0; } @media (min-width: 1024px) { .error404 .site-content { padding: 85px 0 100px; } } .error404 .page-header { display: flex; justify-content: center; flex-direction: column; align-items: center; } .error404 .page-header img { position: absolute; top: 102px; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { .error404 .page-header img { top: 60px; } } .error404 .page-content .widget_search { max-width: 540px; margin-left: auto; margin-right: auto; } .error404 .page-content .widget_search form .search-field { background-color: transparent; border-color: var(--e-global-color-secondary); } .error404 .error-404 { text-align: center; padding: 64px 15px 125px 15px; } @media (max-width: 1024px) { .error404 .error-404 { padding-bottom: 80px; } } @media (max-width: 767px) { .error404 .error-404 { padding: 60px 15px; } } .error404 .title-404 { position: relative; z-index: 1; } .error404 .error-title { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 400px; font-size: 25rem; font-weight: 800; line-height: 1; color: #F65D4E; letter-spacing: -3px; margin: 0; z-index: 1; position: relative; } @media (max-width: 1024px) { .error404 .error-title { font-size: 300px; font-size: 18.75rem; line-height: 1; } } @media (max-width: 767px) { .error404 .error-title { font-size: 150px; font-size: 9.375rem; line-height: 1; letter-spacing: 0; } } .error404 .error-subtitle { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); text-transform: uppercase; color: black; margin: 7px auto 39px; letter-spacing: -0.09rem; z-index: 1; } @media (max-width: 1024px) { .error404 .error-subtitle { font-size: 40px; font-size: 2.5rem; line-height: 1.15; } } @media (max-width: 767px) { .error404 .error-subtitle { font-size: 30px; font-size: 1.875rem; line-height: 1.1666666667; margin-bottom: 30px; } } .error404 .error-text { max-width: 648px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 1.5555555556; font-weight: 600; color: #444; display: flex; flex-direction: column; align-items: center; z-index: 1; } .error404 .error-text .button-text { position: relative; } .error404 .error-text a { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 42px; display: flex; align-items: center; width: max-content; } .error404 .error-text a i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } .error404 .error-text a span { z-index: 3; } .error404 .error-text a:hover, .error404 .error-text a:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } .error404 .error-text a:hover i, .error404 .error-text a:focus i { color: #fff; } .error404 .error-text a:visited { color: var(--e-global-color-secondary); } .error404 .error-text a:visited i { color: var(--e-global-color-secondary); } .error404 .error-text a:visited:hover { color: #ffffff; } .error404 .error-text a:visited:hover i { color: #ffffff; } @media (max-width: 767px) { .error404 .error-text a { margin-top: 30px; } } .error404 .error-text a i { font-size: 12px; font-size: 0.75rem; margin: 0 0 0 12px; } .error404 .error-text a:hover .button-text:after { width: 100%; opacity: 1; visibility: visible; } .error404.right-sidebar .content-area, .error404.left-sidebar .content-area { width: 100%; display: block; } /*------------------------------------------------------------- 10.0 Comments --------------------------------------------------------------*/ #comments .comment-form p { margin-bottom: 1em; } #comments .comment-form .form-submit { order: 4; margin-bottom: 0; } #comments .comment-form .form-submit button { position: relative; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #comments .comment-form .form-submit button i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } #comments .comment-form .form-submit button span { z-index: 3; } #comments .comment-form .form-submit button:hover, #comments .comment-form .form-submit button:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } #comments .comment-form .form-submit button:hover i, #comments .comment-form .form-submit button:focus i { color: #fff; } #comments .comment-form .form-submit button:visited { color: var(--e-global-color-secondary); } #comments .comment-form .form-submit button:visited i { color: var(--e-global-color-secondary); } #comments .comment-form .form-submit button:visited:hover { color: #ffffff; } #comments .comment-form .form-submit button:visited:hover i { color: #ffffff; } #comments .comment-form .form-submit button:after { font-size: 10px; font-size: 0.625rem; padding-left: 11px; z-index: 3; } #comments .comment-form .form-submit button:hover:after { color: #ffffff; } #comments .comment-form .comment-form-url { display: none; } #comments .comment-form .comment-form-author, #comments .comment-form .comment-form-email, #comments .comment-form .comment-form-number, #comments .comment-form .comment-form-comment { margin-bottom: 20px; } #comments .comment-form .comment-form-author input, #comments .comment-form .comment-form-author textarea, #comments .comment-form .comment-form-email input, #comments .comment-form .comment-form-email textarea, #comments .comment-form .comment-form-number input, #comments .comment-form .comment-form-number textarea, #comments .comment-form .comment-form-comment input, #comments .comment-form .comment-form-comment textarea { width: 100%; padding: 12px 30px; font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } #comments .comment-form .comment-form-author input::placeholder, #comments .comment-form .comment-form-author textarea::placeholder, #comments .comment-form .comment-form-email input::placeholder, #comments .comment-form .comment-form-email textarea::placeholder, #comments .comment-form .comment-form-number input::placeholder, #comments .comment-form .comment-form-number textarea::placeholder, #comments .comment-form .comment-form-comment input::placeholder, #comments .comment-form .comment-form-comment textarea::placeholder { font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } #comments .comment-form .comment-form-author input:hover, #comments .comment-form .comment-form-author textarea:hover, #comments .comment-form .comment-form-email input:hover, #comments .comment-form .comment-form-email textarea:hover, #comments .comment-form .comment-form-number input:hover, #comments .comment-form .comment-form-number textarea:hover, #comments .comment-form .comment-form-comment input:hover, #comments .comment-form .comment-form-comment textarea:hover { border-color: var(--e-global-color-primary); } #comments .comment-form .comment-form-author textarea, #comments .comment-form .comment-form-email textarea, #comments .comment-form .comment-form-number textarea, #comments .comment-form .comment-form-comment textarea { padding: 23px 26px 13px; } #comments .comment-form .comment-form-author textarea:hover, #comments .comment-form .comment-form-email textarea:hover, #comments .comment-form .comment-form-number textarea:hover, #comments .comment-form .comment-form-comment textarea:hover { border-color: var(--e-global-color-primary); } #comments .comment-form .comment-form-author.comment-form-comment, #comments .comment-form .comment-form-email.comment-form-comment, #comments .comment-form .comment-form-number.comment-form-comment, #comments .comment-form .comment-form-comment.comment-form-comment { margin-bottom: 20px; } #comments .comment-form .comment-form-author, #comments .comment-form .comment-form-email { position: relative; display: inline-block; order: 1; } #comments .comment-form .comment-form-author input, #comments .comment-form .comment-form-email input { border-radius: 50px; } #comments .comment-form .comment-form-author:after, #comments .comment-form .comment-form-email:after { position: absolute; font-size: 14px; font-size: 0.875rem; right: 30px; top: 50%; transform: translateY(-50%); z-index: 3; color: var(--e-global-color-secondary); } #comments .comment-form .comment-form-comment { order: 2; } #comments .comment-form .comment-form-number { display: none; } #comments .comment-form .comment-form-cookies-consent { order: 3; } #comments .comment-form .comment-notes { padding-bottom: 5px; } #comments .comment-form .comment-notes, #comments .comment-form .logged-in-as, #comments .comment-form .comment-form-cookies-consent, #comments .comment-form .comment-form-comment { margin-bottom: 17px; color: var(--e-global-color-text); } #comments .comment-form .comment-notes a, #comments .comment-form .logged-in-as a, #comments .comment-form .comment-form-cookies-consent a, #comments .comment-form .comment-form-comment a { text-decoration: underline; color: var(--e-global-color-dark); } #comments .comment-form .comment-notes a:hover, #comments .comment-form .logged-in-as a:hover, #comments .comment-form .comment-form-cookies-consent a:hover, #comments .comment-form .comment-form-comment a:hover { color: var(--e-global-color-primary); } #comments .comment-form .comment-notes.comment-form-cookies-consent, #comments .comment-form .logged-in-as.comment-form-cookies-consent, #comments .comment-form .comment-form-cookies-consent.comment-form-cookies-consent, #comments .comment-form .comment-form-comment.comment-form-cookies-consent { display: flex; align-items: center; margin: -1px 0 28px; } #comments .comment-form .comment-notes.comment-form-cookies-consent input[type=checkbox], #comments .comment-form .logged-in-as.comment-form-cookies-consent input[type=checkbox], #comments .comment-form .comment-form-cookies-consent.comment-form-cookies-consent input[type=checkbox], #comments .comment-form .comment-form-comment.comment-form-cookies-consent input[type=checkbox] { height: 17px; width: 17px; border-radius: 10px; color: var(--e-global-color-primary); } #comments .comments-title { font-size: 26px; font-size: 1.625rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1.2307692308; color: var(--e-global-color-dark); margin-bottom: 0; text-transform: capitalize; } #comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-number { padding: 0 10px; } @media (min-width: 1024px) { #comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-number { flex: 0 0 50%; max-width: 50%; } } #comments .comment-form-author:after, #comments .comment-form-email:after, #comments .comment-form-number:after { position: absolute; right: 10px; top: 0; } #comments .comment-notes { flex: 0 0 100%; max-width: 100%; order: -1; } #comments .comment-form-comment { flex: 0 0 100%; max-width: 100%; } #comments .comment-form-cookies-consent { flex: 0 0 100%; max-width: 100%; } #comments .comment-list { position: relative; list-style: none; margin: 0; } #comments .comment-list .depth-1:first-of-type > .comment-body { margin-top: 0; border-top: none; padding-top: 21px; } #comments .comment-list .comment-body { padding-top: 30px; display: flex; flex-wrap: wrap; } #comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after { content: ""; display: table; } #comments .comment-list .comment-body::after { clear: both; } #comments .comment-list .comment-author { display: none; } @media (min-width: 1024px) { #comments .comment-list .comment-author { display: inline-block; } } #comments .comment-list .avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin: 0 30px 0 0; } #comments .comment-list .comment-content { width: 100%; position: relative; border-radius: 5px; background-color: transparent; border: 1px solid var(--e-global-color-border); padding: 17px 40px 29px; } @media (max-width: 568px) { #comments .comment-list .comment-content { padding: 15px; } } @media (min-width: 1024px) { #comments .comment-list .comment-content { width: calc(100% - 81px); } } #comments .comment-list .comment-content:before { content: ""; position: absolute; height: 0; width: 0; border-top: 8px solid transparent; border-right: 8px solid #E5E5E5; border-bottom: 8px solid transparent; top: 19px; left: -8px; } @media (max-width: 768px) { #comments .comment-list .comment-content:before { display: none; } } #comments .comment-list .comment-content .comment-text p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #comments .comment-list .comment-content .comment-text p:last-child { margin-bottom: 0; } #comments .comment-list .comment-content .reply { position: absolute; top: 29px; right: 29px; display: flex; } @media (max-width: 568px) { #comments .comment-list .comment-content .reply { position: relative; top: 0; right: 0; } } #comments .comment-list .comment-head { margin-bottom: 15px; } @media (max-width: 767px) { #comments .comment-list .comment-head { display: flex; margin-bottom: 15px; } } #comments .comment-list .comment-meta .fn { margin-right: 10px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.7142857143; font-weight: 600; text-transform: capitalize; color: var(--e-global-color-dark); } #comments .comment-list .comment-meta a.comment-date { color: var(--e-global-color-lighter); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; font-weight: 400; display: block; } #comments .comment-list .comment-meta a.comment-date:hover { color: var(--e-global-color-primary); } #comments .comment-list .comment-meta .comment-author { display: inline-block; margin-right: 6px; } #comments .comment-list .comment-meta cite { color: var(--e-global-color-secondary); clear: both; display: inline-block; font-size: 18px; font-size: 1.125rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); text-transform: capitalize; line-height: 24px; max-width: 300px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #comments .comment-list .comment-meta cite a { font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); text-transform: capitalize; line-height: 14px; margin-right: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #comments .comment-list .comment-meta cite a:hover { color: var(--e-global-color-primary); } #comments .comment-list .trackback .comment-body .comment-content:before, #comments .comment-list .pingback .comment-body .comment-content:before { content: none; } #comments .comment-list .reply::before, #comments .comment-list .reply::after { content: ""; display: table; } #comments .comment-list .reply::after { clear: both; } @media (max-width: 767px) { #comments .comment-list .reply { display: flex; margin-top: 15px; } } #comments .comment-list .reply a { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition: transform, ease, 0.3s; margin-right: 15px; color: var(--e-global-color-primary); } #comments .comment-list .reply a:last-child { margin-right: 0; } #comments .comment-list .reply a:before { margin: -4px 6px 0 0; font-size: 8px; font-size: 0.5rem; } #comments .comment-list .reply a:hover { color: var(--e-global-color-dark); } #comments .comment-list .children { list-style: none; } @media (max-width: 767px) { #comments .comment-list .children { margin-left: 30px; } } #comments .comment-list #respond { padding: 1.618034em; background-color: rgba(0, 0, 0, 0.0125); margin: 10px 0 10px auto; border-radius: 10px; border: 1px solid var(--e-global-color-border); width: 100%; } @media (min-width: 1024px) { #comments .comment-list #respond { width: calc(100% - 80px); } } @media (max-width: 767px) { #comments .comment-list #respond { padding: 15px; } } #comments .bypostauthor { font-size: inherit; } #comments blockquote { margin-left: 0; } #comments table th, #comments table td { border: 1px solid; border-color: var(--e-global-color-border); } #comments .no-comments { margin-top: 15px; } #commentform { display: flex; flex-wrap: wrap; margin: -10px; } #commentform > p, #commentform .comment-form-rating { padding: 0 10px; width: 100%; } .comment-content a { word-wrap: break-word; } #respond { clear: both; position: relative; margin-top: 55px; } #respond .comment-form-cookies-consent label { color: var(--e-global-color-text); margin-left: 12px; } #respond .form-submit, #respond form { margin-bottom: 0; } #respond label { color: var(--e-global-color-dark); } #respond #reply-title { font-size: 26px; font-size: 1.625rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1.2307692308; color: var(--e-global-color-dark); margin-bottom: 15px; text-transform: capitalize; } @media (max-width: 767px) { #respond #reply-title { font-size: 30px; font-size: 1.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 30px; } } #respond #cancel-comment-reply-link { position: absolute; top: 15px; right: 10px; display: block; height: 1.5rem; width: 1.5rem; overflow: hidden; line-height: 1; font-size: 0px; font-size: 0rem; text-align: center; transition: transform, ease, 0.3s; } #respond #cancel-comment-reply-link:before { font-size: 20px; font-size: 1.25rem; } /*------------------------------------------------------------- 11.0 Forms --------------------------------------------------------------*/ form { margin-bottom: 1.618034em; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ /* stylelint-disable */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ /* stylelint-enable */ } /* Button Outline */ .button-outline { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 25px; color: var(--e-global-color-secondary); background-color: transparent; border: 1px solid var(--e-global-color-border); white-space: nowrap; padding: 14px 30px; display: inline-flex; align-items: center; } .button-outline i { margin: 0 0 0 6px; color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .button-outline:hover, .button-outline:focus { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: #fff; } .button-outline:hover i, .button-outline:focus i { color: #fff; } .button-outline:visited { color: var(--e-global-color-secondary); } .button-outline:visited i { color: var(--e-global-color-secondary); } .button-outline:visited:hover { color: #ffffff; } .button-outline:visited:hover i { color: #ffffff; } .button-outline.loading { opacity: 0.5; } .button-outline.small { padding: 0.5407797364em 0.875em; font-size: 0.875em; } .button-outline.disabled, .button-outline:disabled { opacity: 0.5 !important; cursor: not-allowed; } .button-outline.disabled:hover, .button-outline:disabled:hover { opacity: 0.5 !important; } button, input[type=button], input[type=reset], input[type=submit], .button, .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } button i, input[type=button] i, input[type=reset] i, input[type=submit] i, .button i, .elementor-button i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } button span, input[type=button] span, input[type=reset] span, input[type=submit] span, .button span, .elementor-button span { z-index: 3; } button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus, .button:hover, .button:focus, .elementor-button:hover, .elementor-button:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } button:hover i, button:focus i, input[type=button]:hover i, input[type=button]:focus i, input[type=reset]:hover i, input[type=reset]:focus i, input[type=submit]:hover i, input[type=submit]:focus i, .button:hover i, .button:focus i, .elementor-button:hover i, .elementor-button:focus i { color: #fff; } button:visited, input[type=button]:visited, input[type=reset]:visited, input[type=submit]:visited, .button:visited, .elementor-button:visited { color: var(--e-global-color-secondary); } button:visited i, input[type=button]:visited i, input[type=reset]:visited i, input[type=submit]:visited i, .button:visited i, .elementor-button:visited i { color: var(--e-global-color-secondary); } button:visited:hover, input[type=button]:visited:hover, input[type=reset]:visited:hover, input[type=submit]:visited:hover, .button:visited:hover, .elementor-button:visited:hover { color: #ffffff; } button:visited:hover i, input[type=button]:visited:hover i, input[type=reset]:visited:hover i, input[type=submit]:visited:hover i, .button:visited:hover i, .elementor-button:visited:hover i { color: #ffffff; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .elementor-button:hover { color: #fff; border-color: var(--e-global-color-dark); background-color: var(--e-global-color-dark); } button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading, .button.loading, .elementor-button.loading { opacity: 0.5; } button.small, input[type=button].small, input[type=reset].small, input[type=submit].small, .button.small, .elementor-button.small { padding: 0.5407797364em 0.875em; font-size: 0.875em; } input[type=checkbox], input[type=radio] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type=checkbox] + label, input[type=radio] + label { margin: 0 0 0 10px; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-text); } input[type=search]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } input[type=search] { box-sizing: border-box; } input[type=search]::placeholder { color: #A3A7B6; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text { padding: 0.8rem 1.1rem; background-color: #fff; border: 1px solid var(--e-global-color-border); -webkit-appearance: none; box-sizing: border-box; outline: 0; border-radius: 25px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus { border-color: var(--e-global-color-primary); } select { padding: 0.688em 28px 0.688em 1.25em; width: 100%; } select:not([size]):not([multiple]):not(.flatpickr-monthDropdown-months) { color: var(--e-global-color-text); background-color: #ffffff; border: 1px solid var(--e-global-color-border); -webkit-appearance: none; -moz-appearance: textfield; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position: calc(100% - 5px) center; background-repeat: no-repeat; background-size: 27px 10px; border-radius: 25px; max-width: 100%; } .select2-container--default { text-align: left; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 16px; top: 50% !important; right: 10px; transform: translateY(-50%); } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 16px 12px; width: 16px !important; height: 12px !important; margin: 0 !important; left: 0 !important; top: 40% !important; display: block; background-position: center; } .select2-container--default .select2-dropdown { border: 1px solid var(--e-global-color-border); border-radius: 0; left: 0; top: 30px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } label { font-weight: var(--e-global-typography-text-font-weight); } label.inline input { width: auto; } fieldset { padding: 1.618034em; padding-top: 1em; margin: 0; margin-bottom: 1.618034em; margin-top: 1.618034em; border-color: var(--e-global-color-border); } fieldset legend { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); padding: 0.6180339845em 1em; margin-left: -1em; } [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; display: inline-block; border-radius: 0; } /*------------------------------------------------------------- 12.1 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.41577975em; } .gallery::before, .gallery::after { content: ""; display: table; } .gallery::after { clear: both; } .gallery .gallery-item { float: left; } .gallery .gallery-item .gallery-icon a { display: block; } .gallery .gallery-item .gallery-icon img { border: none; height: auto; margin: 0 auto; } .gallery .gallery-item .gallery-caption { margin: 10px 0; text-align: center; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .gallery.gallery-columns-3 .gallery-item { width: 33.3%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-6 .gallery-item { width: 16.666666667%; } .gallery.gallery-columns-7 .gallery-item { width: 14.285714286%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-9 .gallery-item { width: 11.111111111%; } /*------------------------------------------------------------- 12.2 Embeds --------------------------------------------------------------*/ embed, iframe, object, video { max-width: 100%; } /*------------------------------------------------------------- 13.0 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { text-align: left; font-style: italic; border-bottom: 2px solid var(--e-global-color-border); padding: 5px 0; font-size: 14px; font-size: 0.875rem; line-height: 20px; } /*------------------------------------------------------------- 14.0 Pagination --------------------------------------------------------------*/ nav.navigation { clear: both; } nav.navigation::before, nav.navigation::after { content: ""; display: table; } nav.navigation::after { clear: both; } .bokifa-sidebar-right .pagination .page-numbers, .bokifa-sidebar-right .woocommerce-pagination .page-numbers, .bokifa-sidebar-left .pagination .page-numbers, .bokifa-sidebar-left .woocommerce-pagination .page-numbers { justify-content: flex-start; } .pagination, .woocommerce-pagination { clear: both; margin-top: 30px; } .pagination.woocommerce-pagination, .woocommerce-pagination.woocommerce-pagination { margin-top: 90px; } .pagination ul.page-numbers, .woocommerce-pagination ul.page-numbers { margin: 0; } .pagination ul.page-numbers::before, .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after { content: ""; display: table; } .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::after { clear: both; } .pagination ul.page-numbers.current, .pagination ul.page-numbers:hover, .woocommerce-pagination ul.page-numbers.current, .woocommerce-pagination ul.page-numbers:hover { background-color: transparent; } .pagination ul.page-numbers li .page-numbers, .woocommerce-pagination ul.page-numbers li .page-numbers { justify-content: center; border: 1px solid var(--e-global-color-border); } .pagination ul.page-numbers li .page-numbers.current, .pagination ul.page-numbers li .page-numbers:hover, .woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce-pagination ul.page-numbers li .page-numbers:hover { border-color: var(--e-global-color-dark); } .pagination .elementor-pagination, .woocommerce-pagination .elementor-pagination { display: flex; align-items: center; } .pagination .page-numbers, .woocommerce-pagination .page-numbers { display: flex; justify-content: center; list-style: none; flex-wrap: wrap; min-width: 46px; min-height: 44px; font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 1; border-radius: 5px; margin: 0 5px 0; color: var(--e-global-color-dark); align-items: center; } .pagination .page-numbers.current, .pagination .page-numbers:hover, .woocommerce-pagination .page-numbers.current, .woocommerce-pagination .page-numbers:hover { color: #ffffff; background-color: var(--e-global-color-dark); } .pagination .page-numbers.current:before, .pagination .page-numbers:hover:before, .woocommerce-pagination .page-numbers.current:before, .woocommerce-pagination .page-numbers:hover:before { color: #ffffff; } .pagination .page-numbers.current:after, .pagination .page-numbers:hover:after, .woocommerce-pagination .page-numbers.current:after, .woocommerce-pagination .page-numbers:hover:after { color: #ffffff; } .pagination .page-numbers.next, .pagination .page-numbers.prev, .woocommerce-pagination .page-numbers.next, .woocommerce-pagination .page-numbers.prev { display: flex; align-items: center; justify-content: center; font-size: 0; width: auto; } .pagination .page-numbers.next span, .pagination .page-numbers.prev span, .woocommerce-pagination .page-numbers.next span, .woocommerce-pagination .page-numbers.prev span { display: none; } .pagination .page-numbers.next:hover:before, .pagination .page-numbers.prev:hover:before, .woocommerce-pagination .page-numbers.next:hover:before, .woocommerce-pagination .page-numbers.prev:hover:before { color: #ffffff; } .pagination .page-numbers.next:hover:after, .pagination .page-numbers.prev:hover:after, .woocommerce-pagination .page-numbers.next:hover:after, .woocommerce-pagination .page-numbers.prev:hover:after { color: #ffffff; } .pagination .page-numbers.prev:before, .woocommerce-pagination .page-numbers.prev:before { display: block; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-dark); } .pagination .page-numbers.prev i, .woocommerce-pagination .page-numbers.prev i { font-size: 26px; font-size: 1.625rem; } .pagination .page-numbers.next:after, .woocommerce-pagination .page-numbers.next:after { display: block; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-dark); } .pagination .page-numbers.next i, .woocommerce-pagination .page-numbers.next i { font-size: 26px; font-size: 1.625rem; } .pagination .page-numbers li:last-child .page-numbers, .woocommerce-pagination .page-numbers li:last-child .page-numbers { margin-right: 0; } .pagination .page-numbers li:first-child .page-numbers, .woocommerce-pagination .page-numbers li:first-child .page-numbers { margin-left: 0; } .blog-style-grid + .pagination { margin-top: 30px; } .blog-style-grid + .pagination ul.page-numbers { justify-content: center; } ul.pagination { display: flex; justify-content: center; list-style: none; flex-wrap: wrap; margin: 0; } ul.pagination li { display: inline-block; margin-right: 10px; } ul.pagination li .page-numbers { display: inline-block; text-align: center; font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-accent-font-weight); width: 40px; height: 40px; line-height: 40px; border-radius: 10px; color: var(--e-global-color-secondary); background-color: transparent; } ul.pagination li .page-numbers.current, ul.pagination li .page-numbers:hover { background-color: var(--e-global-color-secondary); color: #fff; } ul.pagination li .page-numbers.next, ul.pagination li .page-numbers.prev { width: auto; display: flex; align-items: center; } ul.pagination li .page-numbers.next:hover, ul.pagination li .page-numbers.prev:hover { color: var(--e-global-color-primary); background-color: transparent; } ul.pagination li .page-numbers.prev { margin-right: 20px; } ul.pagination li .page-numbers.prev i { margin-right: 9px; } ul.pagination li .page-numbers.next { margin-left: 20px; } ul.pagination li .page-numbers.next i { margin-left: 9px; } .rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev { transform: rotateY(180deg); } .wp-block-query-pagination .wp-block-query-pagination-previous, .wp-block-query-pagination .wp-block-query-pagination-next { margin-bottom: 0; } .page-links > *, .wp-block-query-pagination-numbers > * { display: inline-block; text-align: center; font-size: 15px; font-size: 0.9375rem; font-weight: var(--e-global-typography-accent-font-weight); width: 44px; height: 44px; line-height: 44px; border-radius: 5px; margin: 0 5px; color: var(--e-global-color-dark); background-color: transparent; border: 1px solid var(--e-global-color-border); } .page-links > *.current, .page-links > *:hover, .wp-block-query-pagination-numbers > *.current, .wp-block-query-pagination-numbers > *:hover { background-color: var(--e-global-color-dark); color: #fff; border-color: var(--e-global-color-dark); } .wp-block-query-pagination .wp-block-query-pagination-numbers { margin: 0; } nav.post-navigation { border: 1px solid var(--e-global-color-border); border-left: 0; border-right: 0; margin-bottom: 55px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } nav.post-navigation .nav-previous, nav.post-navigation .nav-next { padding: 28px 0 33px 0; } nav.post-navigation .nav-previous .nav-content, nav.post-navigation .nav-next .nav-content { position: relative; max-width: 300px; } nav.post-navigation .nav-previous .nav-content:before, nav.post-navigation .nav-next .nav-content:before { display: none; position: absolute; left: 4px; top: 16px; font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-lighter); line-height: 15px; } nav.post-navigation .nav-previous .nav-content:after, nav.post-navigation .nav-next .nav-content:after { display: none; position: absolute; right: 4px; top: 18px; font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-lighter); line-height: 15px; } nav.post-navigation .nav-previous a, nav.post-navigation .nav-next a { display: flex; align-items: center; color: var(--e-global-color-secondary); } nav.post-navigation .nav-previous a:hover, nav.post-navigation .nav-next a:hover { color: var(--e-global-color-primary); } nav.post-navigation .nav-previous img, nav.post-navigation .nav-next img { object-fit: cover; width: 60px; height: 60px; border-radius: 5px; display: block; } @media (max-width: 568px) { nav.post-navigation .nav-previous img, nav.post-navigation .nav-next img { display: none; } } nav.post-navigation .nav-previous .title, nav.post-navigation .nav-next .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-size: 1rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 600; line-height: 1.5; color: var(--e-global-color-dark); text-transform: capitalize; } @media (max-width: 375px) { nav.post-navigation .nav-previous .title, nav.post-navigation .nav-next .title { font-size: 16px; font-size: 1rem; } } nav.post-navigation .nav-previous .reader-text, nav.post-navigation .nav-next .reader-text { color: #999; position: relative; font-size: 12px; font-size: 0.75rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 600; line-height: 1.6666666667; text-transform: uppercase; align-content: center; align-items: center; display: flex; } nav.post-navigation .nav-previous .reader-text span i, nav.post-navigation .nav-next .reader-text span i { font-size: 16px; font-size: 1rem; } nav.post-navigation .nav-previous a:hover .nav-content .reader-text:before, nav.post-navigation .nav-next a:hover .nav-content .reader-text:before { color: var(--e-global-color-primary); } nav.post-navigation .nav-previous a:hover .title, nav.post-navigation .nav-next a:hover .title { color: var(--e-global-color-primary); } nav.post-navigation .nav-previous { float: left; width: 100%; padding-right: 0; } @media (max-width: 768px) { nav.post-navigation .nav-previous { width: 50%; } } nav.post-navigation .nav-previous span { margin-right: 8px; } nav.post-navigation .nav-previous img { margin-right: 20px; } nav.post-navigation .nav-next { float: right; width: 100%; padding-left: 0; justify-content: flex-end; } @media (max-width: 768px) { nav.post-navigation .nav-next { width: 50%; } } nav.post-navigation .nav-next span { margin-left: 4px; } nav.post-navigation .nav-next img { margin-left: 20px; } nav.post-navigation .nav-next .reader-text { justify-content: flex-end; } nav.post-navigation .nav-next .title { text-align: right; } /*------------------------------------------------------------- 15.0 Widgets --------------------------------------------------------------*/ #secondary .widget { margin-bottom: 40px; padding-bottom: 50px; border-radius: 0; border-bottom: 1px solid var(--e-global-color-border); } #secondary .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #secondary .widget_block { border: none; margin-bottom: 0; padding: 0; } #secondary .widget_search { font-size: 20px; font-size: 1.25rem; margin-bottom: 39px; padding-bottom: 48px; } .widget .wp-block-group { margin-bottom: 50px; font-size: 14px; font-size: 0.875rem; border-radius: 10px; } .widget.widget_product_search .widget-title, .widget.widget_product_search .widgettitle, .widget.widget_search .widget-title, .widget.widget_search .widgettitle { transform: none; } .widget.widget_product_search .widget-title span, .widget.widget_product_search .widgettitle span, .widget.widget_search .widget-title span, .widget.widget_search .widgettitle span { padding: 0; } .widget.widget_product_search .wp-block-search__input, .widget.widget_product_search .search-field, .widget.widget_search .wp-block-search__input, .widget.widget_search .search-field { border-radius: 50px; border: 1px solid transparent; background-color: #F4F4F4; padding: 16px 26px; } .widget.widget_product_search .wp-block-search__input:hover, .widget.widget_product_search .search-field:hover, .widget.widget_search .wp-block-search__input:hover, .widget.widget_search .search-field:hover { border-color: var(--e-global-color-primary); } .widget.widget_product_search .wp-block-search__input::placeholder, .widget.widget_product_search .search-field::placeholder, .widget.widget_search .wp-block-search__input::placeholder, .widget.widget_search .search-field::placeholder { color: var(--e-global-color-secondary); font-size: 16px; font-size: 1rem; } .widget.widget_product_search .wp-block-search__input:focus, .widget.widget_product_search .search-field:focus, .widget.widget_search .wp-block-search__input:focus, .widget.widget_search .search-field:focus { border-color: var(--e-global-color-primary); } .widget.widget_product_search .wp-block-search__inside-wrapper:before, .widget.widget_search .wp-block-search__inside-wrapper:before { font-size: 1.125rem; color: var(--e-global-color-secondary); } .widget.widget_product_search .wp-block-search__inside-wrapper:hover, .widget.widget_search .wp-block-search__inside-wrapper:hover { color: var(--e-global-color-primary); } .widget_block .wp-block-search__label, .widget_block .wp-block-group__inner-container > h2, .widget_block .widget-title, .widget_block .widgettitle, .widget .wp-block-search__label, .widget .wp-block-group__inner-container > h2, .widget .widget-title, .widget .widgettitle { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 26px; font-size: 1.625rem; line-height: 1.2307692308; padding-bottom: 26px; color: var(--e-global-color-dark); } .widget_block.widget_search .wp-block-search__label, .widget_block.widget_search .wp-block-group__inner-container > h2, .widget_block.widget_search .widget-title, .widget_block.widget_search .widgettitle, .widget.widget_search .wp-block-search__label, .widget.widget_search .wp-block-group__inner-container > h2, .widget.widget_search .widget-title, .widget.widget_search .widgettitle { border-bottom: 0; } .widget_block .price_slider .ui-slider-range, .widget .price_slider .ui-slider-range { background-color: var(--e-global-color-secondary); } .widget_block .price_slider .ui-slider-handle, .widget .price_slider .ui-slider-handle { background-color: var(--e-global-color-secondary); } .widget_block .product-brands .brand-item a, .widget .product-brands .brand-item a { margin-left: 13px; line-height: 40px; } .widget_block .product-brands .brand-item a:hover, .widget .product-brands .brand-item a:hover { color: var(--e-global-color-primary); } .widget_block .product-brands .brand-item.chosen a, .widget .product-brands .brand-item.chosen a { color: var(--e-global-color-primary); } .widget_block .product-brands .brand-item.chosen a:before, .widget .product-brands .brand-item.chosen a:before { color: var(--e-global-color-primary); } .widget_block .product-brands .brand-item.chosen .count, .widget .product-brands .brand-item.chosen .count { color: var(--e-global-color-primary); } .widget_block .product-brands .brand-item:hover a, .widget .product-brands .brand-item:hover a { color: var(--e-global-color-primary); } .widget_block .product-brands .brand-item:hover .count, .widget .product-brands .brand-item:hover .count { color: var(--e-global-color-primary); } .widget_block .product-categories .cat-item, .widget .product-categories .cat-item { display: block; margin-bottom: 1em; } .widget_block .product-categories .cat-item:last-child, .widget .product-categories .cat-item:last-child { margin-bottom: 0; } .widget_block .product-brands .brand-item, .widget .product-brands .brand-item { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0; } .widget_block .product-brands .brand-item:last-child, .widget .product-brands .brand-item:last-child { margin-bottom: 0; } .widget_block select, .widget select { margin-bottom: 1.618em; max-width: 100%; } .widget_block .wp-block-search__label, .widget .wp-block-search__label { display: inherit; } .widget_block .widget-search .search-submit, .widget .widget-search .search-submit { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .widget_block .widget-search .search-submit:focus, .widget .widget-search .search-submit:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .widget_block.widget_recent_entries, .widget.widget_recent_entries { counter-reset: section; padding-top: 0; } .widget_block.widget_recent_entries .widget-title, .widget.widget_recent_entries .widget-title { padding-bottom: 34px; } .widget_block.widget_recent_entries .widget-content .post-date, .widget.widget_recent_entries .widget-content .post-date { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 10px; font-size: 0.625rem; line-height: 1.8; font-weight: 600; letter-spacing: 2px; color: var(--e-global-color-lighter); margin-bottom: 6px; text-transform: uppercase; } .widget_block.widget_recent_entries .widget-content li, .widget.widget_recent_entries .widget-content li { display: flex; flex-direction: row; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--e-global-color-border); align-items: flex-start; } .widget_block.widget_recent_entries .widget-content li:last-child, .widget.widget_recent_entries .widget-content li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_block.widget_recent_entries .recent-posts-thumbnail, .widget.widget_recent_entries .recent-posts-thumbnail { flex: 0 0 auto; overflow: hidden; position: relative; } .widget_block.widget_recent_entries .recent-posts-thumbnail img, .widget.widget_recent_entries .recent-posts-thumbnail img { margin-right: 20px; width: 80px; height: 80px; object-fit: cover; border-radius: 5px; } .widget_block.widget_recent_entries .recent-posts-info, .widget.widget_recent_entries .recent-posts-info { flex: 1 1 auto; display: flex; flex-direction: column-reverse; margin-top: -4px; } .widget_block.widget_recent_entries .post-title, .widget.widget_recent_entries .post-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.5; font-weight: 600; color: var(--e-global-color-secondary); text-transform: inherit; } .widget_block.widget_recent_entries .post-title a, .widget.widget_recent_entries .post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--e-global-color-dark); } .widget_block.widget_recent_entries .post-title a:hover, .widget.widget_recent_entries .post-title a:hover { color: var(--e-global-color-primary); } .widget_block ul, .widget ul { margin: 0; list-style: none; } .widget_block ul li, .widget ul li { list-style: none; margin-bottom: 0; } .widget_block ul li:last-child, .widget ul li:last-child { margin-bottom: 0; } .widget_block ul li.current-cat a, .widget ul li.current-cat a { color: var(--e-global-color-primary); } .widget_block ul li.current-cat a .count, .widget_block ul li.current-cat a .cat-count, .widget ul li.current-cat a .count, .widget ul li.current-cat a .cat-count { color: var(--e-global-color-primary); } .widget_block ul li.current-cat a .count:before, .widget_block ul li.current-cat a .cat-count:before, .widget ul li.current-cat a .count:before, .widget ul li.current-cat a .cat-count:before { opacity: 1; visibility: visible; } .widget_block ul .children, .widget ul .children { margin-top: 16px; } .widget_block ul ul, .widget ul ul { margin-left: 1.41577975em; margin-top: 1em; } .widget_block.widget_rss .rss-date, .widget.widget_rss .rss-date { font-style: italic; display: block; margin: 0 0 0.7em; } .widget_block.widget_rss .widget-title .rsswidget, .widget.widget_rss .widget-title .rsswidget { display: inline-block; font-size: 20px; font-size: 1.25rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 600; line-height: 26px; } .widget_block.widget_rss .rss-date, .widget_block.widget_rss cite, .widget.widget_rss .rss-date, .widget.widget_rss cite { color: var(--e-global-color-dark); } .widget_block.widget_rss li, .widget.widget_rss li { margin-bottom: 1em; } .widget_block.widget_rss li a.rsswidget, .widget.widget_rss li a.rsswidget { text-decoration: underline; line-height: 1.41577975em; } .wpml-ls.wpml-ls-legacy-list-vertical li, .wpml-ls.wpml-ls-legacy-list-horizontal li { margin-bottom: 1em; } .wpml-ls.wpml-ls-legacy-list-vertical a, .wpml-ls.wpml-ls-legacy-list-horizontal a { padding: 0; } .wpml-ls.wpml-ls-legacy-list-horizontal a { padding-right: 0.875em; } .wpml-ls.wpml-ls-legacy-dropdown-click, .wpml-ls.wpml-ls-legacy-dropdown { width: 100%; } .wpml-ls.wpml-ls-legacy-dropdown-click a, .wpml-ls.wpml-ls-legacy-dropdown a { padding: 1em 1.41577975em; border-color: var(--e-global-color-border); background-color: var(--background); } .wpml-ls.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after, .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: 1em; } .wpml-ls.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .wpml-ls.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-top: 0; } .wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal { margin-bottom: 0; } .wpml-ls-statics-footer.wpml-ls-legacy-list-vertical { margin-top: 1em; margin-bottom: 0; } .wpml-ls-statics-footer li a { color: var(--e-global-color-text); } .wpml-ls-statics-footer li a:hover { color: var(--e-global-color-primary); } .widget.widget_tag_cloud .tagcloud a, .widget.widget_tag_cloud .wp-block-tag-cloud a, .widget.widget_product_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .wp-block-tag-cloud a { display: inline-block; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px !important; line-height: 1.571428; font-weight: 500; color: var(--e-global-color-lighter); padding: 5px 14px 7px; margin-bottom: 3px; border-radius: 0; border: 1px solid var(--e-global-color-border); background-color: transparent; } .widget.widget_tag_cloud .tagcloud a:not(:last-child):after, .widget.widget_tag_cloud .wp-block-tag-cloud a:not(:last-child):after, .widget.widget_product_tag_cloud .tagcloud a:not(:last-child):after, .widget.widget_product_tag_cloud .wp-block-tag-cloud a:not(:last-child):after { display: none; content: "."; margin: -8px 8px 0; vertical-align: middle; } .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud .wp-block-tag-cloud a:hover, .widget.widget_product_tag_cloud .tagcloud a:hover, .widget.widget_product_tag_cloud .wp-block-tag-cloud a:hover { color: #fff; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li { color: var(--e-global-color-lighter); } .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li a { color: var(--e-global-color-secondary); } .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li::before { opacity: 1 !important; } .woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list .chosen a { color: var(--e-global-color-primary); } .widget_search form, .widget_product_search form, .site-search form { position: relative; margin-bottom: 0; } .widget_search form:before, .widget_product_search form:before, .site-search form:before { position: absolute; justify-content: center; align-items: center; display: inline-flex; text-align-last: center; font-size: 18px; font-size: 1.125rem; width: 44px; height: 52px; right: 0; color: var(--e-global-color-secondary); border-radius: 10px; } .widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search], .site-search form input[type=text], .site-search form input[type=search] { width: 100%; padding-right: 40px; flex: 1; border: none; } .widget_search form input[type=submit], .widget_search form button[type=submit], .widget_product_search form input[type=submit], .widget_product_search form button[type=submit], .site-search form input[type=submit], .site-search form button[type=submit] { font-size: 0; line-height: 0; width: 60px; height: 100%; position: absolute; right: 0; top: 0; z-index: 3; border: none; padding: 0; border-radius: 10px; cursor: pointer; background-color: transparent; } .widget-area .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { position: absolute; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { background-color: transparent; font-size: 0; line-height: 0; border: none; position: relative; width: 60px; margin: 0 0 0 15px; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button .search-icon { display: none; } .site-search form { margin-bottom: 0; } .widget_categories form, .widget_text form { margin: 0; } .widget_categories p, .widget_text p { margin: 0; } .widget.widget_block ul, .widget.widget_block ol, .wp-block-archives-list ul, .wp-block-archives-list ol, .widget_product_brands ul, .widget_product_brands ol, .widget_pages ul, .widget_pages ol, .widget_categories ul, .widget_categories ol, .widget_archive ul, .widget_archive ol, .widget_recent_comments ul, .widget_recent_comments ol, .widget_nav_menu ul, .widget_nav_menu ol, .widget_links ul, .widget_links ol, .widget_layered_nav ul, .widget_layered_nav ol, .widget_meta ul, .widget_meta ol, .widget_layered_nav_filters ul, .widget_layered_nav_filters ol { margin-bottom: 0; } .widget.widget_block ul li, .widget.widget_block ol li, .wp-block-archives-list ul li, .wp-block-archives-list ol li, .widget_product_brands ul li, .widget_product_brands ol li, .widget_pages ul li, .widget_pages ol li, .widget_categories ul li, .widget_categories ol li, .widget_archive ul li, .widget_archive ol li, .widget_recent_comments ul li, .widget_recent_comments ol li, .widget_nav_menu ul li, .widget_nav_menu ol li, .widget_links ul li, .widget_links ol li, .widget_layered_nav ul li, .widget_layered_nav ol li, .widget_meta ul li, .widget_meta ol li, .widget_layered_nav_filters ul li, .widget_layered_nav_filters ol li { list-style: none; } .widget.widget_block ul li:hover, .widget.widget_block ol li:hover, .wp-block-archives-list ul li:hover, .wp-block-archives-list ol li:hover, .widget_product_brands ul li:hover, .widget_product_brands ol li:hover, .widget_pages ul li:hover, .widget_pages ol li:hover, .widget_categories ul li:hover, .widget_categories ol li:hover, .widget_archive ul li:hover, .widget_archive ol li:hover, .widget_recent_comments ul li:hover, .widget_recent_comments ol li:hover, .widget_nav_menu ul li:hover, .widget_nav_menu ol li:hover, .widget_links ul li:hover, .widget_links ol li:hover, .widget_layered_nav ul li:hover, .widget_layered_nav ol li:hover, .widget_meta ul li:hover, .widget_meta ol li:hover, .widget_layered_nav_filters ul li:hover, .widget_layered_nav_filters ol li:hover { color: var(--e-global-color-primary); } .widget.widget_block ul a, .widget.widget_block ol a, .wp-block-archives-list ul a, .wp-block-archives-list ol a, .widget_product_brands ul a, .widget_product_brands ol a, .widget_pages ul a, .widget_pages ol a, .widget_categories ul a, .widget_categories ol a, .widget_archive ul a, .widget_archive ol a, .widget_recent_comments ul a, .widget_recent_comments ol a, .widget_nav_menu ul a, .widget_nav_menu ol a, .widget_links ul a, .widget_links ol a, .widget_layered_nav ul a, .widget_layered_nav ol a, .widget_meta ul a, .widget_meta ol a, .widget_layered_nav_filters ul a, .widget_layered_nav_filters ol a { color: var(--e-global-color-text); position: relative; padding-left: 20px; } .widget.widget_block ul a:before, .widget.widget_block ol a:before, .wp-block-archives-list ul a:before, .wp-block-archives-list ol a:before, .widget_product_brands ul a:before, .widget_product_brands ol a:before, .widget_pages ul a:before, .widget_pages ol a:before, .widget_categories ul a:before, .widget_categories ol a:before, .widget_archive ul a:before, .widget_archive ol a:before, .widget_recent_comments ul a:before, .widget_recent_comments ol a:before, .widget_nav_menu ul a:before, .widget_nav_menu ol a:before, .widget_links ul a:before, .widget_links ol a:before, .widget_layered_nav ul a:before, .widget_layered_nav ol a:before, .widget_meta ul a:before, .widget_meta ol a:before, .widget_layered_nav_filters ul a:before, .widget_layered_nav_filters ol a:before { content: ""; position: absolute; height: 5px; width: 5px; background-color: var(--e-global-color-primary); top: 50%; transform: translateY(-50%); left: 0; border-radius: 50px; } .widget.widget_block ul a .count, .widget.widget_block ul a .cat-count, .widget.widget_block ol a .count, .widget.widget_block ol a .cat-count, .wp-block-archives-list ul a .count, .wp-block-archives-list ul a .cat-count, .wp-block-archives-list ol a .count, .wp-block-archives-list ol a .cat-count, .widget_product_brands ul a .count, .widget_product_brands ul a .cat-count, .widget_product_brands ol a .count, .widget_product_brands ol a .cat-count, .widget_pages ul a .count, .widget_pages ul a .cat-count, .widget_pages ol a .count, .widget_pages ol a .cat-count, .widget_categories ul a .count, .widget_categories ul a .cat-count, .widget_categories ol a .count, .widget_categories ol a .cat-count, .widget_archive ul a .count, .widget_archive ul a .cat-count, .widget_archive ol a .count, .widget_archive ol a .cat-count, .widget_recent_comments ul a .count, .widget_recent_comments ul a .cat-count, .widget_recent_comments ol a .count, .widget_recent_comments ol a .cat-count, .widget_nav_menu ul a .count, .widget_nav_menu ul a .cat-count, .widget_nav_menu ol a .count, .widget_nav_menu ol a .cat-count, .widget_links ul a .count, .widget_links ul a .cat-count, .widget_links ol a .count, .widget_links ol a .cat-count, .widget_layered_nav ul a .count, .widget_layered_nav ul a .cat-count, .widget_layered_nav ol a .count, .widget_layered_nav ol a .cat-count, .widget_meta ul a .count, .widget_meta ul a .cat-count, .widget_meta ol a .count, .widget_meta ol a .cat-count, .widget_layered_nav_filters ul a .count, .widget_layered_nav_filters ul a .cat-count, .widget_layered_nav_filters ol a .count, .widget_layered_nav_filters ol a .cat-count { color: var(--e-global-color-text); padding: 0 3px 0 0; } .widget.widget_block ul a:focus, .widget.widget_block ul a:hover, .widget.widget_block ol a:focus, .widget.widget_block ol a:hover, .wp-block-archives-list ul a:focus, .wp-block-archives-list ul a:hover, .wp-block-archives-list ol a:focus, .wp-block-archives-list ol a:hover, .widget_product_brands ul a:focus, .widget_product_brands ul a:hover, .widget_product_brands ol a:focus, .widget_product_brands ol a:hover, .widget_pages ul a:focus, .widget_pages ul a:hover, .widget_pages ol a:focus, .widget_pages ol a:hover, .widget_categories ul a:focus, .widget_categories ul a:hover, .widget_categories ol a:focus, .widget_categories ol a:hover, .widget_archive ul a:focus, .widget_archive ul a:hover, .widget_archive ol a:focus, .widget_archive ol a:hover, .widget_recent_comments ul a:focus, .widget_recent_comments ul a:hover, .widget_recent_comments ol a:focus, .widget_recent_comments ol a:hover, .widget_nav_menu ul a:focus, .widget_nav_menu ul a:hover, .widget_nav_menu ol a:focus, .widget_nav_menu ol a:hover, .widget_links ul a:focus, .widget_links ul a:hover, .widget_links ol a:focus, .widget_links ol a:hover, .widget_layered_nav ul a:focus, .widget_layered_nav ul a:hover, .widget_layered_nav ol a:focus, .widget_layered_nav ol a:hover, .widget_meta ul a:focus, .widget_meta ul a:hover, .widget_meta ol a:focus, .widget_meta ol a:hover, .widget_layered_nav_filters ul a:focus, .widget_layered_nav_filters ul a:hover, .widget_layered_nav_filters ol a:focus, .widget_layered_nav_filters ol a:hover { color: var(--e-global-color-primary); } .widget.widget_block ul a:focus .count, .widget.widget_block ul a:focus .cat-count, .widget.widget_block ul a:hover .count, .widget.widget_block ul a:hover .cat-count, .widget.widget_block ol a:focus .count, .widget.widget_block ol a:focus .cat-count, .widget.widget_block ol a:hover .count, .widget.widget_block ol a:hover .cat-count, .wp-block-archives-list ul a:focus .count, .wp-block-archives-list ul a:focus .cat-count, .wp-block-archives-list ul a:hover .count, .wp-block-archives-list ul a:hover .cat-count, .wp-block-archives-list ol a:focus .count, .wp-block-archives-list ol a:focus .cat-count, .wp-block-archives-list ol a:hover .count, .wp-block-archives-list ol a:hover .cat-count, .widget_product_brands ul a:focus .count, .widget_product_brands ul a:focus .cat-count, .widget_product_brands ul a:hover .count, .widget_product_brands ul a:hover .cat-count, .widget_product_brands ol a:focus .count, .widget_product_brands ol a:focus .cat-count, .widget_product_brands ol a:hover .count, .widget_product_brands ol a:hover .cat-count, .widget_pages ul a:focus .count, .widget_pages ul a:focus .cat-count, .widget_pages ul a:hover .count, .widget_pages ul a:hover .cat-count, .widget_pages ol a:focus .count, .widget_pages ol a:focus .cat-count, .widget_pages ol a:hover .count, .widget_pages ol a:hover .cat-count, .widget_categories ul a:focus .count, .widget_categories ul a:focus .cat-count, .widget_categories ul a:hover .count, .widget_categories ul a:hover .cat-count, .widget_categories ol a:focus .count, .widget_categories ol a:focus .cat-count, .widget_categories ol a:hover .count, .widget_categories ol a:hover .cat-count, .widget_archive ul a:focus .count, .widget_archive ul a:focus .cat-count, .widget_archive ul a:hover .count, .widget_archive ul a:hover .cat-count, .widget_archive ol a:focus .count, .widget_archive ol a:focus .cat-count, .widget_archive ol a:hover .count, .widget_archive ol a:hover .cat-count, .widget_recent_comments ul a:focus .count, .widget_recent_comments ul a:focus .cat-count, .widget_recent_comments ul a:hover .count, .widget_recent_comments ul a:hover .cat-count, .widget_recent_comments ol a:focus .count, .widget_recent_comments ol a:focus .cat-count, .widget_recent_comments ol a:hover .count, .widget_recent_comments ol a:hover .cat-count, .widget_nav_menu ul a:focus .count, .widget_nav_menu ul a:focus .cat-count, .widget_nav_menu ul a:hover .count, .widget_nav_menu ul a:hover .cat-count, .widget_nav_menu ol a:focus .count, .widget_nav_menu ol a:focus .cat-count, .widget_nav_menu ol a:hover .count, .widget_nav_menu ol a:hover .cat-count, .widget_links ul a:focus .count, .widget_links ul a:focus .cat-count, .widget_links ul a:hover .count, .widget_links ul a:hover .cat-count, .widget_links ol a:focus .count, .widget_links ol a:focus .cat-count, .widget_links ol a:hover .count, .widget_links ol a:hover .cat-count, .widget_layered_nav ul a:focus .count, .widget_layered_nav ul a:focus .cat-count, .widget_layered_nav ul a:hover .count, .widget_layered_nav ul a:hover .cat-count, .widget_layered_nav ol a:focus .count, .widget_layered_nav ol a:focus .cat-count, .widget_layered_nav ol a:hover .count, .widget_layered_nav ol a:hover .cat-count, .widget_meta ul a:focus .count, .widget_meta ul a:focus .cat-count, .widget_meta ul a:hover .count, .widget_meta ul a:hover .cat-count, .widget_meta ol a:focus .count, .widget_meta ol a:focus .cat-count, .widget_meta ol a:hover .count, .widget_meta ol a:hover .cat-count, .widget_layered_nav_filters ul a:focus .count, .widget_layered_nav_filters ul a:focus .cat-count, .widget_layered_nav_filters ul a:hover .count, .widget_layered_nav_filters ul a:hover .cat-count, .widget_layered_nav_filters ol a:focus .count, .widget_layered_nav_filters ol a:focus .cat-count, .widget_layered_nav_filters ol a:hover .count, .widget_layered_nav_filters ol a:hover .cat-count { color: #ffffff; } .widget.widget_block ul a:focus .count:before, .widget.widget_block ul a:focus .cat-count:before, .widget.widget_block ul a:hover .count:before, .widget.widget_block ul a:hover .cat-count:before, .widget.widget_block ol a:focus .count:before, .widget.widget_block ol a:focus .cat-count:before, .widget.widget_block ol a:hover .count:before, .widget.widget_block ol a:hover .cat-count:before, .wp-block-archives-list ul a:focus .count:before, .wp-block-archives-list ul a:focus .cat-count:before, .wp-block-archives-list ul a:hover .count:before, .wp-block-archives-list ul a:hover .cat-count:before, .wp-block-archives-list ol a:focus .count:before, .wp-block-archives-list ol a:focus .cat-count:before, .wp-block-archives-list ol a:hover .count:before, .wp-block-archives-list ol a:hover .cat-count:before, .widget_product_brands ul a:focus .count:before, .widget_product_brands ul a:focus .cat-count:before, .widget_product_brands ul a:hover .count:before, .widget_product_brands ul a:hover .cat-count:before, .widget_product_brands ol a:focus .count:before, .widget_product_brands ol a:focus .cat-count:before, .widget_product_brands ol a:hover .count:before, .widget_product_brands ol a:hover .cat-count:before, .widget_pages ul a:focus .count:before, .widget_pages ul a:focus .cat-count:before, .widget_pages ul a:hover .count:before, .widget_pages ul a:hover .cat-count:before, .widget_pages ol a:focus .count:before, .widget_pages ol a:focus .cat-count:before, .widget_pages ol a:hover .count:before, .widget_pages ol a:hover .cat-count:before, .widget_categories ul a:focus .count:before, .widget_categories ul a:focus .cat-count:before, .widget_categories ul a:hover .count:before, .widget_categories ul a:hover .cat-count:before, .widget_categories ol a:focus .count:before, .widget_categories ol a:focus .cat-count:before, .widget_categories ol a:hover .count:before, .widget_categories ol a:hover .cat-count:before, .widget_archive ul a:focus .count:before, .widget_archive ul a:focus .cat-count:before, .widget_archive ul a:hover .count:before, .widget_archive ul a:hover .cat-count:before, .widget_archive ol a:focus .count:before, .widget_archive ol a:focus .cat-count:before, .widget_archive ol a:hover .count:before, .widget_archive ol a:hover .cat-count:before, .widget_recent_comments ul a:focus .count:before, .widget_recent_comments ul a:focus .cat-count:before, .widget_recent_comments ul a:hover .count:before, .widget_recent_comments ul a:hover .cat-count:before, .widget_recent_comments ol a:focus .count:before, .widget_recent_comments ol a:focus .cat-count:before, .widget_recent_comments ol a:hover .count:before, .widget_recent_comments ol a:hover .cat-count:before, .widget_nav_menu ul a:focus .count:before, .widget_nav_menu ul a:focus .cat-count:before, .widget_nav_menu ul a:hover .count:before, .widget_nav_menu ul a:hover .cat-count:before, .widget_nav_menu ol a:focus .count:before, .widget_nav_menu ol a:focus .cat-count:before, .widget_nav_menu ol a:hover .count:before, .widget_nav_menu ol a:hover .cat-count:before, .widget_links ul a:focus .count:before, .widget_links ul a:focus .cat-count:before, .widget_links ul a:hover .count:before, .widget_links ul a:hover .cat-count:before, .widget_links ol a:focus .count:before, .widget_links ol a:focus .cat-count:before, .widget_links ol a:hover .count:before, .widget_links ol a:hover .cat-count:before, .widget_layered_nav ul a:focus .count:before, .widget_layered_nav ul a:focus .cat-count:before, .widget_layered_nav ul a:hover .count:before, .widget_layered_nav ul a:hover .cat-count:before, .widget_layered_nav ol a:focus .count:before, .widget_layered_nav ol a:focus .cat-count:before, .widget_layered_nav ol a:hover .count:before, .widget_layered_nav ol a:hover .cat-count:before, .widget_meta ul a:focus .count:before, .widget_meta ul a:focus .cat-count:before, .widget_meta ul a:hover .count:before, .widget_meta ul a:hover .cat-count:before, .widget_meta ol a:focus .count:before, .widget_meta ol a:focus .cat-count:before, .widget_meta ol a:hover .count:before, .widget_meta ol a:hover .cat-count:before, .widget_layered_nav_filters ul a:focus .count:before, .widget_layered_nav_filters ul a:focus .cat-count:before, .widget_layered_nav_filters ul a:hover .count:before, .widget_layered_nav_filters ul a:hover .cat-count:before, .widget_layered_nav_filters ol a:focus .count:before, .widget_layered_nav_filters ol a:focus .cat-count:before, .widget_layered_nav_filters ol a:hover .count:before, .widget_layered_nav_filters ol a:hover .cat-count:before { opacity: 1; visibility: visible; } .widget.widget_block ul .children, .widget.widget_block ol .children, .wp-block-archives-list ul .children, .wp-block-archives-list ol .children, .widget_product_brands ul .children, .widget_product_brands ol .children, .widget_pages ul .children, .widget_pages ol .children, .widget_categories ul .children, .widget_categories ol .children, .widget_archive ul .children, .widget_archive ol .children, .widget_recent_comments ul .children, .widget_recent_comments ol .children, .widget_nav_menu ul .children, .widget_nav_menu ol .children, .widget_links ul .children, .widget_links ol .children, .widget_layered_nav ul .children, .widget_layered_nav ol .children, .widget_meta ul .children, .widget_meta ol .children, .widget_layered_nav_filters ul .children, .widget_layered_nav_filters ol .children { margin-top: 0; } .widget_meta ul li a { position: relative; display: flex; align-items: center; } .widget_meta ul li a:before { content: ""; width: 12px; height: 12px; display: inline-flex; border: 1px solid transparent; background-color: #EFEFEF; margin-right: 10px; } .widget_meta ul li a:hover:before { border-color: var(--e-global-color-primary); border: 1px solid var(--e-global-color-secondary); } .widget_archive select { margin-bottom: 0; } .widget_nav_menu li, .widget_pages li, .widget_categories li, .widget_archive li, .wp-block-archives li, .wp-block-categories li, .product-categories li, .product-brands li { list-style: none; margin-bottom: 0.6180339845em; } .widget_nav_menu li a, .widget_pages li a, .widget_categories li a, .widget_archive li a, .wp-block-archives li a, .wp-block-categories li a, .product-categories li a, .product-brands li a { position: relative; display: inline-flex; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.875; font-weight: 600; color: var(--e-global-color-secondary); } .widget_nav_menu li a .archive-name, .widget_nav_menu li a .cat-name, .widget_pages li a .archive-name, .widget_pages li a .cat-name, .widget_categories li a .archive-name, .widget_categories li a .cat-name, .widget_archive li a .archive-name, .widget_archive li a .cat-name, .wp-block-archives li a .archive-name, .wp-block-archives li a .cat-name, .wp-block-categories li a .archive-name, .wp-block-categories li a .cat-name, .product-categories li a .archive-name, .product-categories li a .cat-name, .product-brands li a .archive-name, .product-brands li a .cat-name { margin-right: 4px; position: relative; align-self: center; } .widget_nav_menu li a:focus, .widget_nav_menu li a:hover, .widget_pages li a:focus, .widget_pages li a:hover, .widget_categories li a:focus, .widget_categories li a:hover, .widget_archive li a:focus, .widget_archive li a:hover, .wp-block-archives li a:focus, .wp-block-archives li a:hover, .wp-block-categories li a:focus, .wp-block-categories li a:hover, .product-categories li a:focus, .product-categories li a:hover, .product-brands li a:focus, .product-brands li a:hover { color: var(--e-global-color-primary); } .widget-area { padding: 50px 56px 51px 54px; border-style: solid; border-width: 1px; border-color: var(--e-global-color-border); border-radius: 15px; } @media (max-width: 1024px) { .widget-area { padding: 30px; } } @media (max-width: 1023px) { .widget-area { margin-top: 40px; } } .widget-area .widget_categories select, .widget-area .widget_archive select { margin-bottom: 0; } .widget-area .widget_categories .cat-count, .widget-area .widget_categories .archive-count, .widget-area .widget_archive .cat-count, .widget-area .widget_archive .archive-count { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.875; font-weight: 600; color: var(--e-global-color-lighter); margin-left: auto; position: relative; } .widget-area .widget_categories a, .widget-area .widget_archive a { display: flex; align-items: center; } .widget-area .widget_categories a:focus, .widget-area .widget_categories a:hover, .widget-area .widget_archive a:focus, .widget-area .widget_archive a:hover { color: var(--e-global-color-primary); } .widget-area .widget_categories a:focus:hover .cat-count, .widget-area .widget_categories a:focus:hover .archive-count, .widget-area .widget_categories a:hover:hover .cat-count, .widget-area .widget_categories a:hover:hover .archive-count, .widget-area .widget_archive a:focus:hover .cat-count, .widget-area .widget_archive a:focus:hover .archive-count, .widget-area .widget_archive a:hover:hover .cat-count, .widget-area .widget_archive a:hover:hover .archive-count { color: var(--e-global-color-primary); } .widget-area .widget_categories a[aria-current=page], .widget-area .widget_archive a[aria-current=page] { color: var(--e-global-color-primary); } .widget-area .widget_categories a[aria-current=page] .cat-count, .widget-area .widget_categories a[aria-current=page] .archive-count, .widget-area .widget_archive a[aria-current=page] .cat-count, .widget-area .widget_archive a[aria-current=page] .archive-count { color: var(--e-global-color-primary); } .widget_recent_comments .wp-block-latest-comments__comment { line-height: 1.7; } .widget_recent_comments ul a { text-decoration: underline; padding: 0; } .widget_recent_comments ul a:before { display: none; } .widget.widget_block ol a { padding: 0; } .widget.widget_block ol a:before { display: none; } .wp-block-latest-comments__comment { line-height: 1.7; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.7; } .wp-block-latest-comments__comment a { text-decoration: underline; } .wp-block-latest-comments__comment a:hover { color: var(--e-global-color-secondary); } .widget-area #wp-calendar th, .widget-area #wp-calendar td, .footer-widgets #wp-calendar th, .footer-widgets #wp-calendar td { padding: 0.236em; text-align: center; } .widget-area #wp-calendar #today, .footer-widgets #wp-calendar #today { background-color: transparent; color: #fff; font-weight: 700; } .widget_recent_entries ul ul.children { margin: 0.6180339845em 0 0 0; } .bokifa-canvas-filter .widget h1.widget-title, .widget-area .widget h1.widget-title { font-size: 1.41577975em; } .widget_calendar caption, .wp-block-calendar caption { padding: 7px 0; background: var(--e-global-color-primary); color: #fff; } .widget_calendar table th, .widget_calendar table td, .wp-block-calendar table th, .wp-block-calendar table td { text-align: center; border: 1px solid; border-color: var(--e-global-color-border); } .widget_calendar table th, .wp-block-calendar table th { background: #ddd; color: var(--e-global-color-dark); } .ajax-search .site-header-search .button-search-popup { display: flex; align-items: center; justify-content: center; flex-direction: column; border: none; width: 100%; height: unset; } .ajax-search .site-header-search i { font-size: 20px; font-size: 1.25rem; line-height: 1; margin-bottom: 10px; color: var(--e-global-color-secondary); } .ajax-search .site-header-search .content { font-size: 12px; font-size: 0.75rem; line-height: 14px; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .ajax-search .site-header-search:hover i { color: var(--e-global-color-secondary); } .search-by-category { display: block; order: -1; } @media (max-width: 567px) { .search-by-category { display: none; } } .search-by-category .input-dropdown-inner { height: 50px; line-height: 50px; width: 230px; position: relative; } @media (max-width: 1024px) { .search-by-category .input-dropdown-inner { width: 150px; } } .search-by-category .input-dropdown-inner:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 23px; background-color: var(--e-global-color-border); } .search-by-category .input-dropdown-inner > a { display: block; padding: 0 25px; font-size: 14px; font-size: 0.875rem; font-weight: 500; color: var(--e-global-color-secondary); position: relative; } .search-by-category .input-dropdown-inner > a span { width: 135px; display: block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .search-by-category .input-dropdown-inner > a:after { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); } .search-by-category .input-dropdown-inner select.dropdown_product_cat_ajax { line-height: 50px; height: 50px; padding: 0 15px; font-size: 14px; font-size: 0.875rem; display: none; border: none; background-color: transparent; } .search-by-category .list-wrapper { position: absolute; top: 100%; left: 1px; z-index: 300; display: none; margin-top: 1px; height: auto; background-color: #FFF; text-align: left; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); padding: 15px 0; border-radius: 10px; } .search-by-category .list-wrapper .bokifa-scroll-content { position: relative; max-height: 255px; width: 230px; overflow-y: auto; margin-bottom: 0; } .search-by-category ul li { margin-bottom: 0; } .search-by-category ul li a { display: block; padding: 5px 25px; color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 20px; white-space: nowrap; } .search-by-category ul li a:focus, .search-by-category ul li a:hover { background-color: #F9F9F9; color: var(--e-global-color-primary); } .search-by-category ul li.current-item > a { background-color: #F4F4F4; color: var(--e-global-color-secondary); } .search-by-category ul .children { margin-top: 0; display: none; } .search-by-category ul .children > li > a { padding-left: 15px; color: var(--e-global-color-lighter); } .search-by-category ul .children > li > a:focus, .search-by-category ul .children > li > a:hover { background-color: #F9F9F9; color: var(--e-global-color-primary); } .search-by-category ul .children .cat-item a span { color: var(--e-global-color-accent); } .search-by-category ul .children .cat-item a:focus, .search-by-category ul .children .cat-item a:hover { background-color: #F9F9F9; color: var(--e-global-color-secondary); } .widget .widget_tag_cloud { margin-bottom: 18px; } /*-------------------------------------------------------------- 16.0 Layout --------------------------------------------------------------*/ /** * Strictly Layout Styles */ @media (min-width: 1024px) { /** * Menus * * 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed. */ .menu-toggle, .main-navigation.toggled div.menu { display: none; } .primary-navigation { display: block; } .instagram-widget .instagram-picture, .instagram-widget .instagram-box-title { order: unset !important; } .main-navigation { clear: both; display: block; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; display: block; } .main-navigation ul li { position: relative; display: inline-block; text-align: left; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { display: block; opacity: 1; visibility: visible; pointer-events: auto; } .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul { left: calc(100% + 30px); top: 0; visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul { left: 100%; top: 0; display: block; visibility: visible; pointer-events: auto; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .main-navigation ul ul.sub-menu { float: left; position: absolute; top: 100%; z-index: 99999; left: -1px; visibility: hidden; pointer-events: none; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .main-navigation ul ul.sub-menu:not(.flyout-submenu) { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .main-navigation ul ul.sub-menu.sub-menu--is-touch-device { display: none; left: 0; } .main-navigation ul ul.sub-menu li { display: block; } .main-navigation ul ul.sub-menu li .product-transition .shop-action a[class*=product_type_] { display: flex; } .main-navigation ul.mega-menu { border-radius: 0; } .site-content::before, .site-content::after { content: ""; display: table; } .site-content::after { clear: both; } [class*=bokifa-sidebar-] .content-area { width: calc(100% - 520px); float: left; } .bokifa-sidebar-left .content-area { float: right; } .bokifa-sidebar-right .content-area { float: left; } } @media (min-width: 1024px) and (max-width: 1024px) { [class*=bokifa-sidebar-] .content-area { width: calc(100% - 340px); } } @media (min-width: 1024px) { [class*=bokifa-sidebar-] .widget-area { width: 490px; float: right; } .bokifa-sidebar-left .widget-area { float: left; } .bokifa-sidebar-right .widget-area { float: right; } } @media (min-width: 1024px) and (max-width: 1024px) { [class*=bokifa-sidebar-] .widget-area { width: 320px; } } @media (min-width: 1024px) { .left-sidebar .content-area { float: left; } .left-sidebar .widget-area { float: right; } } @media (min-width: 1024px) { .woocommerce-page.bokifa-full-width-content .content-area { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) { .bokifa-full-width-content .content-area { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .site-branding .site-description { margin-bottom: 0; display: block; } .site-header .subscribe-and-connect-connect { float: right; margin-bottom: 1em; } .site-header .subscribe-and-connect-connect .icons { list-style: none; margin: 0; } .site-header .subscribe-and-connect-connect .icons a { font-size: 1em !important; } .site-header .subscribe-and-connect-connect .icons li { margin: 0 0 0 0.5407797364em !important; display: inline-block; } /** * Full width & homepage template */ .page-template-template-fullwidth-php .content-area, .elementor_library-template-default .content-area, .page-template-template-homepage-php .content-area { width: 100%; float: left; margin-left: 0; margin-right: 0; } /** * Comments */ .comment-list::before, .comment-list::after { content: ""; display: table; } .comment-list::after { clear: both; } .comment-list .comment { clear: both; } .comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url { width: 100%; margin-right: 0; } .comment-list .comment-body #respond { border: 1px solid var(--e-global-color-border); } .comment-list ol.children { margin-left: 80px; list-style: none; } #respond .comment-form-comment { clear: both; } /** * Primary Navigation */ .bokifa-primary-navigation { clear: both; } .bokifa-primary-navigation::before, .bokifa-primary-navigation::after { content: ""; display: table; } .bokifa-primary-navigation::after { clear: both; } .main-navigation div.menu { display: block; } .main-navigation ul.menu, .main-navigation ul.nav-menu { max-height: none; overflow: visible; margin-left: 0; transition: none; } .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { padding: 1.287em 1.1em; } .main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after, .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after, .main-navigation ul.nav-menu > li.page_item_has_children:hover::after { display: block; } .main-navigation ul.menu ul.sub-menu > li > a, .main-navigation ul.nav-menu ul.sub-menu > li > a { font-size: 14px; font-size: 0.875rem; line-height: 2.1428571429; font-weight: 500; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .main-navigation ul.menu ul.sub-menu > li > a:hover, .main-navigation ul.nav-menu ul.sub-menu > li > a:hover { color: var(--e-global-color-primary); } .main-navigation ul.menu ul.sub-menu > li.current-menu-parent > a, .main-navigation ul.menu ul.sub-menu > li.current-menu-item > a, .main-navigation ul.menu ul.sub-menu > li.current-menu-ancestor > a, .main-navigation ul.nav-menu ul.sub-menu > li.current-menu-parent > a, .main-navigation ul.nav-menu ul.sub-menu > li.current-menu-item > a, .main-navigation ul.nav-menu ul.sub-menu > li.current-menu-ancestor > a { color: var(--e-global-color-primary); } .main-navigation ul.menu ul.sub-menu ul, .main-navigation ul.nav-menu ul.sub-menu ul { margin-left: 30px; } .main-navigation ul.menu ul.mega-menu ul, .main-navigation ul.nav-menu ul.mega-menu ul { margin-left: 0; } /** * 404 Styles */ .error404 .fourohfour-columns-2 .col-1 { width: 48.3870967742%; float: left; margin-right: 3.2258064516%; } .error404 .fourohfour-columns-2 .col-1 ul.products { margin-bottom: 0; } .error404 .fourohfour-columns-2 .col-2 { width: 48.3870967742%; float: right; margin-right: 0; } .wpml-ls-statics-footer { max-width: 1530px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .wpml-ls-statics-footer::before, .wpml-ls-statics-footer::after { content: ""; display: table; } .wpml-ls-statics-footer::after { clear: both; } .wpml-ls-statics-footer:after { content: " "; display: block; clear: both; } .copyright-bar .bokifa-social { text-align: left; margin: 0; } .copyright-bar .site-info { margin: 0; } .copyright-bar .logo-brands img { margin-left: auto; margin-right: 0; } } .hfe-nav-menu li.menu-item a.hfe-menu-item { display: inline-block; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); font-size: 14px; font-size: 0.875rem; line-height: 14px; } .hfe-nav-menu li.menu-item a.hfe-menu-item:hover { color: var(--e-global-color-primary); } .hfe-nav-menu li.menu-item.current-menu-item a.hfe-menu-item { color: var(--e-global-color-primary); } .elementor-menu-one .elementor-widget-navigation-menu .hfe-nav-menu.vertical ul.hfe-nav-menu li.menu-item a.hfe-menu-item { margin: 0; } .elementor-menu-one .elementor-widget-navigation-menu .hfe-nav-menu.vertical ul.hfe-nav-menu li.menu-item a.hfe-menu-item:before { background-color: var(--e-global-color-primary); width: 0; } /*-------------------------------------------------------------- 17.0 Utilities --------------------------------------------------------------*/ .d-flex { display: flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /*-------------------------------------------------------------- 19.0 Icons --------------------------------------------------------------*/ .bokifa-social-share { font-size: 14px; font-size: 0.875rem; } .bokifa-social-share .social-share-header { color: var(--e-global-color-text); } .bokifa-social-share a { padding-left: 5px; padding-right: 5px; color: var(--e-global-color-text); } .bokifa-social-share a:hover { color: var(--e-global-color-primary); } .bokifa-social-share a span { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .bokifa-social-share a span:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .single-product .bokifa-social-share { display: flex; flex-wrap: wrap; align-items: center; margin-top: 22px; } .single-product .bokifa-social-share .social-share-header { display: block; margin-right: 18px; } .single-product .bokifa-social-share a { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 34px; padding: 0; margin-right: 10px; color: #ffffff; background-color: var(--e-global-color-primary); } .single-product .bokifa-social-share a.social-facebook { background-color: #3B5998; } .single-product .bokifa-social-share a.social-twitter { background-color: #1DA1F2; } .single-product .bokifa-social-share a.social-linkedin { background-color: #0077B5; } .single-product .bokifa-social-share a.social-google { background-color: #787C80; } .single-product .bokifa-social-share a.social-pinterest { background-color: #E60023; } .single-product .bokifa-social-share a i { font-size: 12px; font-size: 0.75rem; } /* Text meant only for screen readers. */ /* ===== Start ICONS CSS ===== */ @font-face { font-family: "bokifa-icon"; src: url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.eot"); src: url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.eot?#iefix") format("eot"), url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.woff2") format("woff2"), url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.woff") format("woff"), url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.ttf") format("truetype"), url("https://typewritink.com/wp-content/themes/bokifa/assets/fonts/icons/bokifa-icon-1.0.15.svg#bokifa-icon-1.0.15") format("svg"); font-display: swap; } [class*=bokifa-icon-] { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; } .bokifa-icon-add-fill:before { content: ""; } .bokifa-icon-angle-left:before { content: ""; } .bokifa-icon-angle-right:before { content: ""; } .bokifa-icon-book:before { content: ""; } .bokifa-icon-book2:before { content: ""; } .bokifa-icon-box:before { content: ""; } .bokifa-icon-box2:before { content: ""; } .bokifa-icon-breadcrumb:before { content: ""; } .bokifa-icon-bullet-list-line:before { content: ""; } .bokifa-icon-calendar:before { content: ""; } .bokifa-icon-cat2:before { content: ""; } .bokifa-icon-chat:before { content: ""; } .bokifa-icon-check-line:before { content: ""; } .bokifa-icon-check1:before { content: ""; } .bokifa-icon-comments1:before { content: ""; } .bokifa-icon-customers:before { content: ""; } .bokifa-icon-delivery-s:before { content: ""; } .bokifa-icon-delivery:before { content: ""; } .bokifa-icon-discount:before { content: ""; } .bokifa-icon-eaudio:before { content: ""; } .bokifa-icon-evideo:before { content: ""; } .bokifa-icon-eview:before { content: ""; } .bokifa-icon-facebook-o:before { content: ""; } .bokifa-icon-filters:before { content: ""; } .bokifa-icon-fire:before { content: ""; } .bokifa-icon-freeship:before { content: ""; } .bokifa-icon-gallery-s:before { content: ""; } .bokifa-icon-gift-box:before { content: ""; } .bokifa-icon-grid1:before { content: ""; } .bokifa-icon-headphones:before { content: ""; } .bokifa-icon-help-center:before { content: ""; } .bokifa-icon-instagram-o:before { content: ""; } .bokifa-icon-linkedin-in:before { content: ""; } .bokifa-icon-list-ul:before { content: ""; } .bokifa-icon-m-marker:before { content: ""; } .bokifa-icon-medal:before { content: ""; } .bokifa-icon-movies:before { content: ""; } .bokifa-icon-note1:before { content: ""; } .bokifa-icon-online-shopping:before { content: ""; } .bokifa-icon-open-book:before { content: ""; } .bokifa-icon-play-circle:before { content: ""; } .bokifa-icon-play-fill:before { content: ""; } .bokifa-icon-play:before { content: ""; } .bokifa-icon-plus-circle-o:before { content: ""; } .bokifa-icon-pumpkin:before { content: ""; } .bokifa-icon-quote-left:before { content: ""; } .bokifa-icon-quote1:before { content: ""; } .bokifa-icon-reply-line:before { content: ""; } .bokifa-icon-returns:before { content: ""; } .bokifa-icon-schildren:before { content: ""; } .bokifa-icon-secure-payment:before { content: ""; } .bokifa-icon-setting:before { content: ""; } .bokifa-icon-share-all:before { content: ""; } .bokifa-icon-shopping-bag:before { content: ""; } .bokifa-icon-shopping-cart:before { content: ""; } .bokifa-icon-sliders-v:before { content: ""; } .bokifa-icon-smiley:before { content: ""; } .bokifa-icon-sparkle:before { content: ""; } .bokifa-icon-star-1:before { content: ""; } .bokifa-icon-star2:before { content: ""; } .bokifa-icon-study:before { content: ""; } .bokifa-icon-time-fast:before { content: ""; } .bokifa-icon-two-line:before { content: ""; } .bokifa-icon-ufo:before { content: ""; } .bokifa-icon-user2:before { content: ""; } .bokifa-icon-v-alien:before { content: ""; } .bokifa-icon-v-balloon:before { content: ""; } .bokifa-icon-v-book:before { content: ""; } .bokifa-icon-v-boy:before { content: ""; } .bokifa-icon-v-family:before { content: ""; } .bokifa-icon-v-helmet:before { content: ""; } .bokifa-icon-v-magical:before { content: ""; } .bokifa-icon-v-mortarboard:before { content: ""; } .bokifa-icon-v-palette:before { content: ""; } .bokifa-icon-v-resume:before { content: ""; } .bokifa-icon-360:before { content: ""; } .bokifa-icon-arrow-down:before { content: ""; } .bokifa-icon-arrow-left:before { content: ""; } .bokifa-icon-arrow-right:before { content: ""; } .bokifa-icon-arrow-up:before { content: ""; } .bokifa-icon-bars:before { content: ""; } .bokifa-icon-caret-down:before { content: ""; } .bokifa-icon-caret-left:before { content: ""; } .bokifa-icon-caret-right:before { content: ""; } .bokifa-icon-caret-up:before { content: ""; } .bokifa-icon-cart-empty:before { content: ""; } .bokifa-icon-cart:before { content: ""; } .bokifa-icon-check-square:before { content: ""; } .bokifa-icon-chevron-down:before { content: ""; } .bokifa-icon-chevron-left:before { content: ""; } .bokifa-icon-chevron-right:before { content: ""; } .bokifa-icon-chevron-up:before { content: ""; } .bokifa-icon-circle:before { content: ""; } .bokifa-icon-cloud-download-alt:before { content: ""; } .bokifa-icon-comment:before { content: ""; } .bokifa-icon-comments:before { content: ""; } .bokifa-icon-compare:before { content: ""; } .bokifa-icon-credit-card:before { content: ""; } .bokifa-icon-dot-circle:before { content: ""; } .bokifa-icon-edit:before { content: ""; } .bokifa-icon-envelope:before { content: ""; } .bokifa-icon-expand-alt:before { content: ""; } .bokifa-icon-external-link-alt:before { content: ""; } .bokifa-icon-file-alt:before { content: ""; } .bokifa-icon-file-archive:before { content: ""; } .bokifa-icon-filter:before { content: ""; } .bokifa-icon-folder-open:before { content: ""; } .bokifa-icon-folder:before { content: ""; } .bokifa-icon-frown:before { content: ""; } .bokifa-icon-gift:before { content: ""; } .bokifa-icon-grip-horizontal:before { content: ""; } .bokifa-icon-heart-fill:before { content: ""; } .bokifa-icon-heart:before { content: ""; } .bokifa-icon-history:before { content: ""; } .bokifa-icon-home:before { content: ""; } .bokifa-icon-info-circle:before { content: ""; } .bokifa-icon-instagram:before { content: ""; } .bokifa-icon-level-up-alt:before { content: ""; } .bokifa-icon-list:before { content: ""; } .bokifa-icon-map-marker-check:before { content: ""; } .bokifa-icon-meh:before { content: ""; } .bokifa-icon-minus-circle:before { content: ""; } .bokifa-icon-minus:before { content: ""; } .bokifa-icon-mobile-android-alt:before { content: ""; } .bokifa-icon-money-bill:before { content: ""; } .bokifa-icon-panel:before { content: ""; } .bokifa-icon-paper-plane:before { content: ""; } .bokifa-icon-pencil-alt:before { content: ""; } .bokifa-icon-plus-circle:before { content: ""; } .bokifa-icon-plus:before { content: ""; } .bokifa-icon-quickview:before { content: ""; } .bokifa-icon-random:before { content: ""; } .bokifa-icon-rating-stroke:before { content: ""; } .bokifa-icon-rating:before { content: ""; } .bokifa-icon-repeat:before { content: ""; } .bokifa-icon-reply-all:before { content: ""; } .bokifa-icon-reply:before { content: ""; } .bokifa-icon-search-plus:before { content: ""; } .bokifa-icon-search:before { content: ""; } .bokifa-icon-shield-check:before { content: ""; } .bokifa-icon-shopping-basket:before { content: ""; } .bokifa-icon-sign-out-alt:before { content: ""; } .bokifa-icon-smile:before { content: ""; } .bokifa-icon-spinner:before { content: ""; } .bokifa-icon-square:before { content: ""; } .bokifa-icon-star:before { content: ""; } .bokifa-icon-store:before { content: ""; } .bokifa-icon-sync:before { content: ""; } .bokifa-icon-tachometer-alt:before { content: ""; } .bokifa-icon-th-large:before { content: ""; } .bokifa-icon-th-list:before { content: ""; } .bokifa-icon-thumbtack:before { content: ""; } .bokifa-icon-ticket:before { content: ""; } .bokifa-icon-times-circle:before { content: ""; } .bokifa-icon-times:before { content: ""; } .bokifa-icon-trophy-alt:before { content: ""; } .bokifa-icon-user-headset:before { content: ""; } .bokifa-icon-user-shield:before { content: ""; } .bokifa-icon-user:before { content: ""; } .bokifa-icon-video:before { content: ""; } .bokifa-icon-wishlist-empty:before { content: ""; } .bokifa-icon-wishlist:before { content: ""; } .bokifa-icon-adobe:before { content: ""; } .bokifa-icon-amazon:before { content: ""; } .bokifa-icon-android:before { content: ""; } .bokifa-icon-angular:before { content: ""; } .bokifa-icon-apper:before { content: ""; } .bokifa-icon-apple:before { content: ""; } .bokifa-icon-atlassian:before { content: ""; } .bokifa-icon-behance:before { content: ""; } .bokifa-icon-bitbucket:before { content: ""; } .bokifa-icon-bitcoin:before { content: ""; } .bokifa-icon-bity:before { content: ""; } .bokifa-icon-bluetooth:before { content: ""; } .bokifa-icon-btc:before { content: ""; } .bokifa-icon-centos:before { content: ""; } .bokifa-icon-chrome:before { content: ""; } .bokifa-icon-codepen:before { content: ""; } .bokifa-icon-cpanel:before { content: ""; } .bokifa-icon-discord:before { content: ""; } .bokifa-icon-dochub:before { content: ""; } .bokifa-icon-docker:before { content: ""; } .bokifa-icon-dribbble:before { content: ""; } .bokifa-icon-dropbox:before { content: ""; } .bokifa-icon-drupal:before { content: ""; } .bokifa-icon-ebay:before { content: ""; } .bokifa-icon-facebook-f:before { content: ""; } .bokifa-icon-facebook:before { content: ""; } .bokifa-icon-figma:before { content: ""; } .bokifa-icon-firefox:before { content: ""; } .bokifa-icon-google-plus:before { content: ""; } .bokifa-icon-google:before { content: ""; } .bokifa-icon-grunt:before { content: ""; } .bokifa-icon-gulp:before { content: ""; } .bokifa-icon-html5:before { content: ""; } .bokifa-icon-joomla:before { content: ""; } .bokifa-icon-link-brand:before { content: ""; } .bokifa-icon-linkedin:before { content: ""; } .bokifa-icon-mailchimp:before { content: ""; } .bokifa-icon-opencart:before { content: ""; } .bokifa-icon-paypal:before { content: ""; } .bokifa-icon-pinterest-p:before { content: ""; } .bokifa-icon-reddit:before { content: ""; } .bokifa-icon-skype:before { content: ""; } .bokifa-icon-slack:before { content: ""; } .bokifa-icon-snapchat:before { content: ""; } .bokifa-icon-spotify:before { content: ""; } .bokifa-icon-trello:before { content: ""; } .bokifa-icon-twitter:before { content: ""; } .bokifa-icon-vimeo:before { content: ""; } .bokifa-icon-whatsapp:before { content: ""; } .bokifa-icon-wordpress:before { content: ""; } .bokifa-icon-yoast:before { content: ""; } .bokifa-icon-youtube:before { content: ""; } /* ===== End ICONS CSS ===== */ .bokifa-social ul { margin: 0; list-style-type: none; } .bokifa-social ul li { display: inline-block; margin-right: 10px; line-height: 1; } .bokifa-social ul li:last-child { margin-right: 0; } .bokifa-social ul li a:before { position: relative; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .bokifa-social ul li a[href*=twitter]:before { content: ""; color: #1DA1F2; } .bokifa-social ul li a[href*=instagram]:before { content: ""; color: #262626; } .bokifa-social ul li a[href*=docker]:before { content: ""; } .bokifa-social ul li a[href*=dochub]:before { content: ""; } .bokifa-social ul li a[href*=yelp]:before { content: ""; color: #af0606; } .bokifa-social ul li a[href*=flickr]:before { content: ""; color: #0063dc; } .bokifa-social ul li a[href*=github]:before { content: ""; color: #333333; } .bokifa-social ul li a[href*=dribbble]:before { content: ""; color: #ea4c89; } .bokifa-social ul li a[href*=wordpress]:before { content: ""; color: #21759b; } .bokifa-social ul li a[href*=tumblr]:before { content: ""; color: #35465c; } .bokifa-social ul li a[href*=angular]:before { content: ""; } .bokifa-social ul li a[href*=atlassian]:before { content: ""; } .bokifa-social ul li a[href*=snapchat]:before { content: ""; color: #fffc00; } .bokifa-social ul li a[href*=apper]:before { content: ""; } .bokifa-social ul li a[href*=codepen]:before { content: ""; } .bokifa-social ul li a[href*=gulp]:before { content: ""; } .bokifa-social ul li a[href*=cpanel]:before { content: ""; } .bokifa-social ul li a[href*=skype]:before { content: ""; color: #00AFF0; } .bokifa-social ul li a[href*=reddit]:before { content: ""; color: #ff4500; } .bokifa-social ul li a[href*=whatsapp]:before { content: ""; } .bokifa-social ul li a[href*=slack]:before { content: ""; } .bokifa-social ul li a[href*=amazon]:before { content: ""; } .bokifa-social ul li a[href*=android]:before { content: ""; } .bokifa-social ul li a[href*=grunt]:before { content: ""; } .bokifa-social ul li a[href*=firefox]:before { content: ""; } .bokifa-social ul li a[href*=adobe]:before { content: ""; } .bokifa-social ul li a[href*=behance]:before { content: ""; } .bokifa-social ul li a[href*=dropbox]:before { content: ""; } .bokifa-social ul li a[href*=facebook]:before { content: ""; color: #3b5998; } .bokifa-social ul li a[href*=linkedin]:before { content: ""; color: #0077b5; } .bokifa-social ul li a[href*=paypal]:before { content: ""; } .bokifa-social ul li a[href*=trello]:before { content: ""; } .bokifa-social ul li a[href*=vimeo]:before { content: ""; color: #1ab7ea; } .bokifa-social ul li a[href*=youtube]:before { content: ""; color: #cd201f; } .bokifa-social ul li a[href*=apple]:before { content: ""; color: #999999; } .bokifa-social ul li a[href*=bitbucket]:before { content: ""; } .bokifa-social ul li a[href*=bitcoin]:before { content: ""; } .bokifa-social ul li a[href*=bluetooth]:before { content: ""; } .bokifa-social ul li a[href*=bity]:before { content: ""; } .bokifa-social ul li a[href*="google/chrome"]:before { content: ""; } .bokifa-social ul li a[href*=drupal]:before { content: ""; } .bokifa-social ul li a[href*=html5]:before { content: ""; } .bokifa-social ul li a[href*=mailchimp]:before { content: ""; } .bokifa-social ul li a[href*=jenkins]:before { content: ""; } .bokifa-social ul li a[href*=spotify]:before { content: ""; color: #2ebd59; } .bokifa-social ul li a[href*=ebay]:before { content: ""; } .bokifa-social ul li a[href*=telegram]:before { content: ""; color: #2CA5E0; } .bokifa-social ul li a[href*=yoast]:before { content: ""; } .bokifa-social ul li a[href*=btc-e]:before { content: ""; } .bokifa-social ul li a[href*=discord]:before { content: ""; } .bokifa-social ul li a[href*=google]:before { content: ""; color: #dd4b39; } .bokifa-social ul li a[href*=google-plus]:before { content: ""; } .bokifa-social ul li a[href*=figma]:before { content: ""; } .bokifa-social ul li a[href*=joomla]:before { content: ""; } .bokifa-social ul li a[href*=opencart]:before { content: ""; } .bokifa-social ul li a[href*=pinterest]:before { content: ""; color: #bd081c; } .bokifa-social ul li a[href*=vimeo]:before { content: ""; color: #1ab7ea; } .bokifa-social ul li a[href*=centos]:before { content: ""; } .bokifa-social ul li a[href*=whatsapp]:before { content: ""; } .entry-header .post-author:before, .entry-content .post-author:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 12px; font-size: 0.75rem; } .entry-header .meta-reply:before, .entry-content .meta-reply:before { font-size: 12px; font-size: 0.75rem; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-bottom: 2px; color: var(--e-global-color-text); } .entry-header .meta-views:before, .entry-content .meta-views:before { font-size: 10px; font-size: 0.625rem; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin: 0 2px 2px 0; } #comments .commentlist .bypostauthor > .comment-body cite::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } #respond #cancel-comment-reply-link::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; display: block; } .sticky .entry-title::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } .editor-styles-wrapper blockquote, .hentry .entry-content blockquote { position: relative; clear: both; } .editor-styles-wrapper blockquote:before, .hentry .entry-content blockquote:before { position: absolute; font-size: 44px; font-size: 2.75rem; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; top: 45px; left: 46px; color: var(--e-global-color-primary); } @media (max-width: 767px) { .editor-styles-wrapper blockquote:before, .hentry .entry-content blockquote:before { top: 30px; left: 15px; } } .woocommerce-grouped-product-list-item__quantity a.button::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .woocommerce-grouped-product-list-item__quantity a.button.loading { position: relative; } .woocommerce-grouped-product-list-item__quantity a.button.loading::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; } .single_add_to_cart_button::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single_add_to_cart_button.loading { position: relative; } .single_add_to_cart_button.loading::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; } a[class*=product_type_].loading, .added_to_cart.loading { position: relative; } a[class*=product_type_].loading:after, .added_to_cart.loading:after { content: ""; } a[class*=product_type_].loading:before, .added_to_cart.loading:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 15px; width: 15px; line-height: 15px; font-size: 15px; font-size: 0.9375rem; } .shop-action .blockUI.blockOverlay:before, .shop-action .loader:before { top: 50%; left: 50%; opacity: 1 !important; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; font-size: 20px; font-size: 1.25rem; width: 20px; height: 20px; line-height: 1; position: absolute; display: block !important; margin-left: -10px; margin-top: -10px; color: #000; } .shop-action .blockUI.blockOverlay { opacity: 1 !important; overflow: hidden; background-image: none !important; background: #fff !important; } .main-navigtion ul li a::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } .mobile-navigation ul li button::before, .mobile-navigation-categories ul li button::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-weight: 700; } .mobile-navigation ul li button.toggled-on::before, .mobile-navigation-categories ul li button.toggled-on::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-weight: 700; } .widget_search:not(.widget_block) form::before, .widget_product_search form::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; justify-content: center; align-items: center; display: inline-flex; } form.wp-block-search::before { display: none; } form.wp-block-search .wp-block-search__inside-wrapper { position: relative; } form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: var(--e-global-color-text); font-size: 18px; } .single-product .pswp__button { background-color: transparent; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; display: block; line-height: 20px; text-indent: 0; font-size: 20px; font-size: 1.25rem; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img { display: none !important; } .single-product div.product .woocommerce-product-gallery .swiper-button-prev:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single-product div.product .woocommerce-product-gallery .swiper-button-next:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } [dir=rtl] .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a:before { content: ""; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav li.flex-nav-next a:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } [dir=rtl] .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav li.flex-nav-next a:before { content: ""; } .single-product div.product .woocommerce-product-gallery-vertical .swiper-button-prev:after, .single-product div.product .woocommerce-product-gallery-right_vertical .swiper-button-prev:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; transform: rotate(-90deg); } .single-product div.product .woocommerce-product-gallery-vertical .swiper-button-next:after, .single-product div.product .woocommerce-product-gallery-right_vertical .swiper-button-next:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; transform: rotate(90deg); } .single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div > a:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single-product div.product .entry-summary .compare:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .stock::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; margin-right: 0.5407797364em; margin-top: -4px; } .stock.in-stock::before { content: ""; } a.remove { display: block; width: 1.618034em; height: 1.618034em; line-height: 1.618; font-weight: var(--e-global-typography-text-font-weight); text-indent: -9999px; position: relative; } a.remove::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: var(--e-global-color-lighter); line-height: 1.618; text-indent: 0; text-align: center; } .woocommerce-shipping-calculator > p:first-child a::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.3342202552em; } .blockUI::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 30px; width: 30px; line-height: 30px; font-size: 30px; font-size: 1.875rem; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } .pagination .page-numbers.prev::before, .woocommerce-pagination .page-numbers.prev::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .pagination .page-numbers.next::after, .woocommerce-pagination .page-numbers.next::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .pagination .next, .pagination .prev, .woocommerce-pagination .next, .woocommerce-pagination .prev { display: inline-block; position: relative; } .dokan-pagination-container .dokan-pagination li a.prev::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .dokan-pagination-container .dokan-pagination li a.next::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .dokan-pagination-container .dokan-pagination li .next, .dokan-pagination-container .dokan-pagination li .prev { display: inline-block; position: relative; } #shipping_method li > label { cursor: pointer; padding-right: 20px; position: relative; } #shipping_method li > label::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } #shipping_method li > input[type=radio]:first-child { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } #shipping_method li > input[type=radio]:first-child:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } #shipping_method li > input[type=radio]:first-child:checked + label::after { content: ""; } #shipping_method li > input[type=hidden]:first-child + label { padding-right: 0; } #shipping_method li > input[type=hidden]:first-child + label::after { content: none; } #payment .payment_methods li > label { cursor: pointer; } #payment .payment_methods li > label::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; transition: color, ease, 0.2s; } #payment .payment_methods li > input[type=radio]:first-child { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } #payment .payment_methods li > input[type=radio]:first-child:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } #payment .payment_methods li > input[type=radio]:first-child:checked + label::before { content: ""; } .woocommerce-password-strength::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } .woocommerce-password-strength.strong::after { content: ""; } .woocommerce-password-strength.good::after { content: ""; } .woocommerce-MyAccount-navigation ul li.is-active a::before { opacity: 1; } .woocommerce-MyAccount-navigation ul li a::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; line-height: 1.618; margin-left: 0.5407797364em; width: 1.41577975em; text-align: right; float: right; opacity: 0.25; } .woocommerce-MyAccount-navigation ul li a:hover::before { opacity: 1; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: ""; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before { content: ""; } .my_account_orders .button.view::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } p.order-again .button::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } .woocommerce-MyAccount-downloads .button::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } .demo_store::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } #reviews .commentlist li p.meta .verified { display: inline-block; height: 1.41577975em; width: 1.41577975em; position: relative; text-indent: -9999px; } #reviews .commentlist li p.meta .verified::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; color: #0f834d; position: absolute; top: 0; left: 0; width: 1.41577975em; height: 1.41577975em; text-indent: 0; text-align: center; line-height: 1.618034em; } /** * Composite Products */ .single-product div.product .component_selections .clear_component_options::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } /** * Mix and Match */ .cart .mnm_table_item .mnm_table_item_indent::before, .shop_table .mnm_table_item .mnm_table_item_indent::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; transform: rotate(90deg); margin-right: 0.3819660059em; opacity: 0.25; } /** * Quick view */ .quick-view-button::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.6180339845em; } /** * Ship multiple addresses */ .woocommerce-page .ship_address .gift-form label::after, .woocommerce-page .no_shipping_address .gift-form label::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5407797364em; } .woocommerce-page .ship_address .modify-address-button::before, .woocommerce-page .no_shipping_address .modify-address-button::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } .woocommerce-page .addresses + .addresses header.title a::before { content: ""; } /** * Product reviews pro */ .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before, .woocommerce-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } /** * Variation Swatches */ a#variations_clear::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } /** * Wishlists */ .wl-add-link::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } .button.wl-create-new::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.5407797364em; } .site-header-cart .cart-contents::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-widget-bokifa-vertical-menu .vertical-navigation .bokifa-icon { position: relative; } .elementor-widget-bokifa-vertical-menu .vertical-navigation .bokifa-icon::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 14px; font-size: 0.875rem; transition: transform 0.2s; } @media (max-width: 568px) { .main-navigation .sub-menu li a::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } } @media (min-width: 768px) { .main-navigation ul.menu > li.menu-item-has-children > a span::after, .main-navigation ul.menu > li.page_item_has_children > a span::after, .main-navigation ul.menu > li.has-mega-menu > a span::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a span::after, .main-navigation ul.nav-menu > li.page_item_has_children > a span::after, .main-navigation ul.nav-menu > li.has-mega-menu > a span::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 6px; font-size: 10px; font-size: 0.625rem; margin-bottom: 3px; } .vertical-navigation ul.menu li a::after, .vertical-navigation ul.nav-menu li a::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: auto; float: right; font-size: 8px; font-size: 0.5rem; } .demo_store a.woocommerce-store-notice__dismiss-link::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 0.3342202552em; } .addresses header.title a { display: block; width: 1em; height: 1em; text-indent: -9999px; position: relative; padding: 0.875em; margin-top: 0.6180339845em; } .addresses header.title a::before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; line-height: 1.618; position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; text-indent: 0; } /** * Wishlists */ #wl-wrapper .wl-tabs > li.active::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; display: block !important; position: absolute; top: 50%; height: 1em; width: 1em; margin-top: -0.5em; } } ul.wishlist_table.mobile .remove_from_wishlist:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .slick-prev:before, .slick-next:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; } .slick-prev:before { content: ""; } [dir=rtl] .slick-prev:before { content: ""; } .woocommerce-product-gallery-vertical .slick-prev:before { content: ""; } .woocommerce-product-gallery-horizontal .slick-prev:before { content: ""; } .slick-next:before { content: ""; } [dir=rtl] .slick-next:before { content: ""; } .woocommerce-product-gallery-vertical .slick-next:before { content: ""; } .woocommerce-product-gallery-horizontal .slick-next:before { content: ""; } .arrow-style-3 .slick-prev:before { content: ""; } [dir=rtl] .arrow-style-3 .slick-prev:before { content: ""; } .arrow-style-3 .slick-next:before { content: ""; } [dir=rtl] .arrow-style-3 .slick-next:before { content: ""; } body.loading { position: relative; } body.loading::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 40px; width: 40px; line-height: 40px; font-size: 40px; position: fixed; top: 50%; left: 50%; display: block; z-index: 999999; color: #fff; } body.loading:before { content: ""; display: block; position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 999998; } .woocommerce-cart .cart-empty:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 164px; color: var(--e-global-color-lighter); display: block; margin-bottom: 50px; } h2.resp-accordion:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } h2.resp-accordion.active:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .widget_product_categories .icon-minus { float: right; text-align: center; cursor: pointer; } .widget_product_categories .icon-minus:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 9px; font-size: 0.5625rem; } .widget_product_categories .icon-plus { float: right; text-align: center; cursor: pointer; } .widget_product_categories .icon-plus:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 13px; font-size: 0.8125rem; } ul.products-list li.product-list .product-caption a[class*=product_type_]:after, ul.products-list li.product-list .product-caption .woosc-btn:after, ul.products-list li.product-list .product-caption .woosw-btn:after, ul.products-list li.product-list .product-caption .woosq-btn:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; } ul.products-list li.product-list .product-caption a[class*=product_type_]:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } ul.products-list li.product-list .product-caption a[class*=product_type_].loading { position: relative; } ul.products-list li.product-list .product-caption a[class*=product_type_].loading:after { content: ""; } ul.products-list li.product-list .product-caption a[class*=product_type_].loading:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; font-size: 15px; font-size: 0.9375rem; top: unset; } ul.products-list li.product-list .product-caption .woosw-btn:before { content: ""; } ul.products-list li.product-list .product-caption .woosw-btn.woosw-adding:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; line-height: inherit; content: "" !important; } ul.products-list li.product-list .product-caption .woosc-btn:before { content: ""; } ul.products-list li.product-list .product-caption .woosq-btn:before { content: ""; } ul.products li.product .product-block a[class*=product_type_]:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } ul.products li.product .product-block a[class*=product_type_].loading { position: relative; } ul.products li.product .product-block a[class*=product_type_].loading:after { content: ""; } ul.products li.product .product-block a[class*=product_type_].loading:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; font-size: 15px; font-size: 0.9375rem; top: unset; } ul.products li.product-style-2 .product-block a[class*=product_type_] { font-size: 0px; font-size: 0rem; } ul.products li.product-style-2 .product-block a[class*=product_type_]:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-top: 7px; font-size: 25px; font-size: 1.5625rem; text-align: center; } @media (max-width: 1024px) { ul.products li.product-style-2 .product-block a[class*=product_type_]:before { margin-right: 0; } } ul.products li.product-style-2 .product-block a[class*=product_type_].loading { position: relative; } ul.products li.product-style-2 .product-block a[class*=product_type_].loading:after { content: ""; } ul.products li.product-style-2 .product-block a[class*=product_type_].loading:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; font-size: 15px; font-size: 0.9375rem; } ul.products li.product-style-3 .add_to_cart a[class*=product_type_], ul.products li.product-style-4 .add_to_cart a[class*=product_type_] { font-size: 12px; font-size: 0.75rem; width: auto; } ul.products li.product-style-3 .add_to_cart a[class*=product_type_]:before, ul.products li.product-style-4 .add_to_cart a[class*=product_type_]:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 25px; font-size: 1.5625rem; display: inline-flex; margin-right: 8px; } @media (max-width: 1024px) { ul.products li.product-style-3 .add_to_cart a[class*=product_type_]:before, ul.products li.product-style-4 .add_to_cart a[class*=product_type_]:before { margin-right: 0px; } } ul.products li.product-style-3 .add_to_cart a[class*=product_type_].loading, ul.products li.product-style-4 .add_to_cart a[class*=product_type_].loading { position: relative; } ul.products li.product-style-3 .add_to_cart a[class*=product_type_].loading:after, ul.products li.product-style-4 .add_to_cart a[class*=product_type_].loading:after { content: ""; } ul.products li.product-style-3 .add_to_cart a[class*=product_type_].loading:before, ul.products li.product-style-4 .add_to_cart a[class*=product_type_].loading:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; font-size: 15px; font-size: 0.9375rem; } .shop-action .woosc-btn:before, .shop-action .woosq-btn:before, .shop-action .woosw-btn:before, .shop-action a[class*=product_type_]:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; } .shop-action .woosw-btn:before { content: ""; } .shop-action .woosw-btn.woosw-adding:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; line-height: inherit; content: "" !important; } .shop-action .woosc-btn:before { content: ""; } .shop-action .woosq-btn:before { content: ""; } .shop-action a[class*=product_type_]:before { content: ""; } .shop-action a[class*=product_type_].loading { position: relative; } .shop-action a[class*=product_type_].loading:after { content: ""; } .shop-action a[class*=product_type_].loading:before { content: ""; animation: fa-spin 0.75s linear infinite; } .single-product div.product .entry-summary .woosc-btn:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single-product div.product .entry-summary .woosc-btn.loading { position: relative; } .single-product div.product .entry-summary .woosc-btn.loading::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; } .single-product div.product .entry-summary .woosc-btn.loading:before { content: ""; } .single-product div.product .entry-summary .woosw-btn:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-weight: 600; } .single-product div.product .entry-summary .woosw-btn.loading { position: relative; } .single-product div.product .entry-summary .woosw-btn.loading::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; } .single-product div.product .entry-summary .woosw-btn.loading:before { content: ""; } a.read-more:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 5px; } .elementor-widget-bokifa-language-switcher.language-switcher-style-mobile .bokifa-language-switcher .language-switcher-head:after { position: relative; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5em; line-height: 12px; } .loading-quick-shop .product-transition::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .search-by-category .input-dropdown-inner > a:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 10px; font-size: 0.625rem; } .popup-navigation ul.menu > li.menu-item-has-children > a:after, .popup-navigation ul.menu > li.page_item_has_children > a:after, .popup-navigation ul.menu > li.has-mega-menu > a:after, .popup-navigation ul.nav-menu > li.menu-item-has-children > a:after, .popup-navigation ul.nav-menu > li.page_item_has_children > a:after, .popup-navigation ul.nav-menu > li.has-mega-menu > a:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 0.5em; font-size: 16px; font-size: 1rem; } .popup-navigation ul.menu ul li.menu-item-has-children > a::after, .popup-navigation ul.menu ul li.page_item_has_children > a::after, .popup-navigation ul.nav-menu ul li.menu-item-has-children > a::after, .popup-navigation ul.nav-menu ul li.page_item_has_children > a::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; float: right; margin-left: 0.5em; line-height: 20px; font-size: 14px; font-size: 0.875rem; } .bokifa-elementor-single-product .shop-button a[class*=product_type_]:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-left: 5px; margin-top: 3px; float: right; transition: all 0.3s ease; } .elementor-widget-bokifa-image-gallery .column-item a:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .woosw-list .woosw-content-mid-notice:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 164px; color: var(--e-global-color-lighter); display: block; margin-bottom: 50px; } @keyframes mf-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } to { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } @-webkit-keyframes mf-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } to { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } @-o-keyframes mf-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } to { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } @-ms-keyframes mf-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } to { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } .elementor-widget-bokifa-search .widget.widget_product_search button[type=submit]:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; position: absolute; left: 30%; top: 50%; transform: translate(-50%, -50%); } .woocommerce-tabs.product-accordions .accordion-head:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .woocommerce-tabs.product-accordions .accordion-head:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .comment-form .form-submit .submit:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; padding-left: 11px; font-size: 10px; font-size: 0.625rem; } [dir=rtl] .comment-form .form-submit .submit:after { content: ""; } .elementor-widget-opal-image-hotspots .elementor-tab-title:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-widget-opal-image-hotspots .elementor-tab-title.elementor-active:before { content: ""; } .scrollup .scrollup-icon:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb > a:first-of-type:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 5px; top: -2px; position: relative; font-size: 16px; opacity: 0.85; display: none; } .star-rating { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; } .star-rating:before { content: "" " " "" " " "" " " "" " " ""; } .star-rating span::before { content: "" " " "" " " "" " " "" " " ""; } a.more-link:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-testimonial-item-wrapper .layout-4 .caption-top:before { border: 1px solid var(--e-global-color-border); border-radius: 50%; content: ""; position: absolute; animation-timing-function: linear; z-index: -1; transform: scale(1); pointer-events: none; width: 200px; height: 200px; top: 6px; right: 0; bottom: 0; left: 8px; } form.woocommerce-form-track-order button:after { font-size: 24px; font-size: 1.5rem; font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; padding-left: 5px; line-height: 5px; } [dir=rtl] form.woocommerce-form-track-order button:after { content: ""; } .woocommerce-widget-layered-nav-list li:before, .product-brands li:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 16px; font-size: 1rem; margin-right: 13px; margin-left: 1px; color: var(--e-global-color-border); display: none; } .woocommerce-widget-layered-nav-list li:hover:before, .woocommerce-widget-layered-nav-list li:focus:before, .woocommerce-widget-layered-nav-list li:active:before, .woocommerce-widget-layered-nav-list li.chosen:before, .product-brands li:hover:before, .product-brands li:focus:before, .product-brands li:active:before, .product-brands li.chosen:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; color: var(--e-global-color-primary); display: none; } .nav-previous .nav-content:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; left: 0; } [dir=rtl] .nav-previous .nav-content:before { content: ""; } .nav-next .nav-content:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; right: 0; } [dir=rtl] .nav-next .nav-content:after { content: ""; } .pbr-social-share .bo-social-facebook i.bokifa-icon-facebook-o:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-top: -3px; } .pbr-social-share .bo-social-twitter i.bokifa-icon-twitter-o:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-top: -3px; } .pbr-social-share .bo-social-behance i.bokifa-icon-behance:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-top: -3px; } .pbr-social-share .bo-social-youtube i.bokifa-icon-youtube:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-top: -3px; } .pbr-social-share .add_to_cart .button:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .carousehover a:hover:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; font-size: 30px; } .single-service .widget_service_list ul li a:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-widget-bokifa-text-scrolling .elementor-scrolling-item:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .comment-content .reply .comment-reply-link:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .comment-content .reply .comment-edit-link:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .error404 .error-button:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; margin-right: 5px; } ul.account-dashboard li a::after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .formbuilder-file .qq-upload-button:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-scrolling-inner .elementor-scrolling-item:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-item-image-carousel a:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .button-attr:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single_variation_wrap .quantity_tiers_wrap .wrap-action-tier .bokifa-dropdown-tiers .tier-value:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .elementor-bokifa-flyout-content .main-navigation ul.menu > li.menu-item-has-children > a:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .single-post .single-content .entry-content ul.custom-list li:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .woocommerce.active .toggled-on.widget-title:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; cursor: pointer; font-weight: 700; margin-bottom: -2px; } .woocommerce .widget-title:after { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; cursor: pointer; font-weight: 700; margin-bottom: -2px; } .show-password-input:before { font-family: "bokifa-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: middle; content: ""; } .overflow-to-left .swiper { overflow: visible; clip-path: inset(-100% -29px -100% -100%); } .overflow-to-right .swiper { overflow: visible; clip-path: inset(-100% -100% -100% -29px); } .bokifa-swiper-wrapper .swiper { clip-path: inset(-100% -29px -100% -29px); overflow: visible; } .bokifa-swiper-wrapper { overflow: visible; } .bokifa-swiper-wrapper .elementor-swiper-button { display: flex; align-items: center; justify-content: center; min-width: 1em; min-height: 1em; } .swiper-widget-horizontal .swiper-slide { width: calc((100% - ((var(--e-global-column-to-show) - 1) * var(--grid-column-gap))) / var(--e-global-column-to-show)); margin-right: var(--grid-column-gap); } .swiper-widget-vertical .swiper-vertical { width: 100%; } .swiper-widget-vertical .swiper-slide { width: 100%; margin-bottom: var(--grid-column-gap); } .swiper-free-mode > .swiper-wrapper { transition-timing-function: linear; } .bokifa-swiper-wrapper .elementor-swiper-button { font-size: 16px; font-size: 1rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 60px; height: 60px; background-color: transparent; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid var(--e-global-color-border); color: var(--e-global-color-dark); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .bokifa-swiper-wrapper .elementor-swiper-button i, .bokifa-swiper-wrapper .elementor-swiper-button svg { font-size: 16px; font-size: 1rem; color: var(--e-global-color-dark); fill: var(--e-global-color-dark); } .bokifa-swiper-wrapper .elementor-swiper-button:hover { color: var(--e-global-color-primary); } .bokifa-swiper-wrapper:hover .elementor-swiper-button { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-pagination-style-1 .swiper-pagination { display: flex; align-items: center; justify-content: center; } .elementor-pagination-style-1 .swiper-pagination-vertical { transform: rotate(90deg); right: -16.3%; } .elementor-pagination-style-1 .swiper-pagination .swiper-pagination-bullet { color: transparent; background-image: none; position: relative; z-index: 1; background-color: var(--e-global-color-lighter); opacity: 1; height: 4px; width: 30px; margin: 0 5px; border-radius: 2px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-pagination-style-1 .swiper-pagination .swiper-pagination-bullet:hover { background-color: var(--e-global-color-dark); margin: 0 5px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-pagination-style-1 .swiper-pagination .swiper-pagination-bullet:hover:hover { background-color: var(--e-global-color-dark); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-pagination-style-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-color: var(--e-global-color-dark); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); height: 4px; width: 30px; } .elementor-pagination-style-2 .swiper-pagination-horizontal .swiper-pagination-bullet { margin: 0 8px; } .elementor-pagination-style-2 .swiper .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 23px; } .elementor-pagination-style-2 .swiper-pagination-bullet { background-color: var(--e-global-color-text); cursor: pointer; border-radius: 20px; width: 6px; height: 6px; position: relative; } .elementor-pagination-style-2 .swiper-pagination-bullet:before { content: ""; position: absolute; border: 1px solid #E0E0E000; padding: 5px; width: 20px; height: 20px; border-radius: 20px; top: -7px; left: -7px; } .elementor-pagination-style-2 .swiper-pagination-bullet:hover { background: var(--e-global-color-text); opacity: 100%; } .elementor-pagination-style-2 .swiper-pagination-bullet:hover:before { border-color: var(--e-global-color-secondary); } .elementor-pagination-style-2 .swiper-pagination-bullet-active { background-color: var(--e-global-color-text); border-color: var(--e-global-color-primary); } .elementor-pagination-style-2 .swiper-pagination-bullet-active:before { border-color: var(--e-global-color-secondary); } .elementor-pagination-style-3 .swiper-pagination { display: flex; } .elementor-pagination-style-3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { --swiper-pagination-bullet-horizontal-gap: 0; } .elementor-pagination-style-3 .swiper-pagination-bullet { --swiper-pagination-bullet-horizontal-gap: 0; width: 100% !important; border-radius: 0; position: relative; opacity: 1; background-color: transparent; } .elementor-pagination-style-3 .swiper-pagination-bullet:before { content: ""; width: 100%; height: 5px; left: 0; bottom: 0; display: block; background-color: var(--e-global-color-border); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-pagination-style-3 .swiper-pagination-bullet-active { background-color: inherit; } .elementor-pagination-style-3 .swiper-pagination-bullet-active:before { background-color: var(--e-global-color-primary); } .elementor-swiper-button-next-vertical-bottom .elementor-swiper-button-next { -ms-transform: translateY(50%); -o-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } .elementor-swiper-button-prev-vertical-bottom .elementor-swiper-button-prev { -ms-transform: translateY(50%); -o-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } .swiper-scrollbar-yes .bokifa-swiper { padding-bottom: 58px; } .swiper-scrollbar-yes .bokifa-swiper-wrapper .swiper-scrollbar { left: 0; border-radius: 0; } .swiper-scrollbar-yes .bokifa-swiper-wrapper .swiper-scrollbar-drag { border-radius: 0; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-5309cb241e7e7bd08993991e65a85a6b.css */ /*! elementor-icons - v5.50.0 - 07-06-2026 */ @font-face{font-family:eicons;src:url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.50.0");src:url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.50.0#iefix") format("embedded-opentype"),url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.50.0") format("woff2"),url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.50.0") format("woff"),url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.50.0") format("truetype"),url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.50.0#eicon") format("svg");font-weight:400;font-style:normal; font-display: swap; }[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:a 2s infinite linear}.eicon-editor-link:before{content:"\e800"}.eicon-editor-unlink:before{content:"\e801"}.eicon-editor-external-link:before{content:"\e802"}.eicon-editor-close:before{content:"\e803"}.eicon-editor-list-ol:before{content:"\e804"}.eicon-editor-list-ul:before{content:"\e805"}.eicon-editor-bold:before{content:"\e806"}.eicon-editor-italic:before{content:"\e807"}.eicon-editor-underline:before{content:"\e808"}.eicon-editor-paragraph:before{content:"\e809"}.eicon-editor-h1:before{content:"\e80a"}.eicon-editor-h2:before{content:"\e80b"}.eicon-editor-h3:before{content:"\e80c"}.eicon-editor-h4:before{content:"\e80d"}.eicon-editor-h5:before{content:"\e80e"}.eicon-editor-h6:before{content:"\e80f"}.eicon-editor-quote:before{content:"\e810"}.eicon-editor-code:before{content:"\e811"}.eicon-elementor:before{content:"\e812"}.eicon-elementor-circle:before{content:"\e813"}.eicon-pojome:before{content:"\e814"}.eicon-plus:before{content:"\e815"}.eicon-menu-bar:before{content:"\e816"}.eicon-apps:before{content:"\e817"}.eicon-accordion:before{content:"\e818"}.eicon-alert:before{content:"\e819"}.eicon-animation-text:before{content:"\e81a"}.eicon-animation:before{content:"\e81b"}.eicon-banner:before{content:"\e81c"}.eicon-blockquote:before{content:"\e81d"}.eicon-button:before{content:"\e81e"}.eicon-call-to-action:before{content:"\e81f"}.eicon-captcha:before{content:"\e820"}.eicon-carousel:before{content:"\e821"}.eicon-checkbox:before{content:"\e822"}.eicon-columns:before{content:"\e823"}.eicon-countdown:before{content:"\e824"}.eicon-counter:before{content:"\e825"}.eicon-date:before{content:"\e826"}.eicon-divider-shape:before{content:"\e827"}.eicon-divider:before{content:"\e828"}.eicon-download-button:before{content:"\e829"}.eicon-dual-button:before{content:"\e82a"}.eicon-email-field:before{content:"\e82b"}.eicon-facebook-comments:before{content:"\e82c"}.eicon-facebook-like-box:before{content:"\e82d"}.eicon-form-horizontal:before{content:"\e82e"}.eicon-form-vertical:before{content:"\e82f"}.eicon-gallery-grid:before{content:"\e830"}.eicon-gallery-group:before{content:"\e831"}.eicon-gallery-justified:before{content:"\e832"}.eicon-gallery-masonry:before{content:"\e833"}.eicon-icon-box:before{content:"\e834"}.eicon-image-before-after:before{content:"\e835"}.eicon-image-box:before{content:"\e836"}.eicon-image-hotspot:before{content:"\e837"}.eicon-image-rollover:before{content:"\e838"}.eicon-info-box:before{content:"\e839"}.eicon-inner-section:before{content:"\e83a"}.eicon-mailchimp:before{content:"\e83b"}.eicon-menu-card:before{content:"\e83c"}.eicon-navigation-horizontal:before{content:"\e83d"}.eicon-nav-menu:before{content:"\e83e"}.eicon-navigation-vertical:before{content:"\e83f"}.eicon-number-field:before{content:"\e840"}.eicon-parallax:before{content:"\e841"}.eicon-php7:before{content:"\e842"}.eicon-post-list:before{content:"\e843"}.eicon-post-slider:before{content:"\e844"}.eicon-post:before{content:"\e845"}.eicon-posts-carousel:before{content:"\e846"}.eicon-posts-grid:before{content:"\e847"}.eicon-posts-group:before{content:"\e848"}.eicon-posts-justified:before{content:"\e849"}.eicon-posts-masonry:before{content:"\e84a"}.eicon-posts-ticker:before{content:"\e84b"}.eicon-price-list:before{content:"\e84c"}.eicon-price-table:before{content:"\e84d"}.eicon-radio:before{content:"\e84e"}.eicon-rtl:before{content:"\e84f"}.eicon-scroll:before{content:"\e850"}.eicon-search:before{content:"\e851"}.eicon-select:before{content:"\e852"}.eicon-share:before{content:"\e853"}.eicon-sidebar:before{content:"\e854"}.eicon-skill-bar:before{content:"\e855"}.eicon-slider-3d:before{content:"\e856"}.eicon-slider-album:before{content:"\e857"}.eicon-slider-device:before{content:"\e858"}.eicon-slider-full-screen:before{content:"\e859"}.eicon-slider-push:before{content:"\e85a"}.eicon-slider-vertical:before{content:"\e85b"}.eicon-slider-video:before{content:"\e85c"}.eicon-slides:before{content:"\e85d"}.eicon-social-icons:before{content:"\e85e"}.eicon-spacer:before{content:"\e85f"}.eicon-table:before{content:"\e860"}.eicon-tabs:before{content:"\e861"}.eicon-tel-field:before{content:"\e862"}.eicon-text-area:before{content:"\e863"}.eicon-text-field:before{content:"\e864"}.eicon-thumbnails-down:before{content:"\e865"}.eicon-thumbnails-half:before{content:"\e866"}.eicon-thumbnails-right:before{content:"\e867"}.eicon-time-line:before{content:"\e868"}.eicon-toggle:before{content:"\e869"}.eicon-url:before{content:"\e86a"}.eicon-t-letter:before{content:"\e86b"}.eicon-wordpress:before{content:"\e86c"}.eicon-text:before{content:"\e86d"}.eicon-anchor:before{content:"\e86e"}.eicon-bullet-list:before{content:"\e86f"}.eicon-code:before{content:"\e870"}.eicon-favorite:before{content:"\e871"}.eicon-google-maps:before{content:"\e872"}.eicon-image:before{content:"\e873"}.eicon-photo-library:before{content:"\e874"}.eicon-woocommerce:before{content:"\e875"}.eicon-youtube:before{content:"\e876"}.eicon-flip-box:before{content:"\e877"}.eicon-settings:before{content:"\e878"}.eicon-headphones:before{content:"\e879"}.eicon-testimonial:before{content:"\e87a"}.eicon-counter-circle:before{content:"\e87b"}.eicon-person:before{content:"\e87c"}.eicon-chevron-right:before{content:"\e87d"}.eicon-chevron-left:before{content:"\e87e"}.eicon-close:before{content:"\e87f"}.eicon-file-download:before{content:"\e880"}.eicon-save:before{content:"\e881"}.eicon-zoom-in:before{content:"\e882"}.eicon-shortcode:before{content:"\e883"}.eicon-nerd:before{content:"\e884"}.eicon-device-desktop:before{content:"\e885"}.eicon-device-tablet:before{content:"\e886"}.eicon-device-mobile:before{content:"\e887"}.eicon-document-file:before{content:"\e888"}.eicon-folder-o:before{content:"\e889"}.eicon-hypster:before{content:"\e88a"}.eicon-h-align-left:before{content:"\e88b"}.eicon-h-align-right:before{content:"\e88c"}.eicon-h-align-center:before{content:"\e88d"}.eicon-h-align-stretch:before{content:"\e88e"}.eicon-v-align-top:before{content:"\e88f"}.eicon-v-align-bottom:before{content:"\e890"}.eicon-v-align-middle:before{content:"\e891"}.eicon-v-align-stretch:before{content:"\e892"}.eicon-pro-icon:before{content:"\e893"}.eicon-mail:before{content:"\e894"}.eicon-lock-user:before{content:"\e895"}.eicon-testimonial-carousel:before{content:"\e896"}.eicon-media-carousel:before{content:"\e897"}.eicon-section:before{content:"\e898"}.eicon-column:before{content:"\e899"}.eicon-edit:before{content:"\e89a"}.eicon-clone:before{content:"\e89b"}.eicon-trash:before{content:"\e89c"}.eicon-play:before{content:"\e89d"}.eicon-angle-right:before{content:"\e89e"}.eicon-angle-left:before{content:"\e89f"}.eicon-animated-headline:before{content:"\e8a0"}.eicon-menu-toggle:before{content:"\e8a1"}.eicon-fb-embed:before{content:"\e8a2"}.eicon-fb-feed:before{content:"\e8a3"}.eicon-twitter-embed:before{content:"\e8a4"}.eicon-twitter-feed:before{content:"\e8a5"}.eicon-sync:before{content:"\e8a6"}.eicon-import-export:before{content:"\e8a7"}.eicon-check-circle:before{content:"\e8a8"}.eicon-library-save:before{content:"\e8a9"}.eicon-library-download:before{content:"\e9dd"}.eicon-insert:before{content:"\e8ab"}.eicon-preview-medium:before{content:"\e8ac"}.eicon-sort-down:before{content:"\e8ad"}.eicon-sort-up:before{content:"\e8ae"}.eicon-heading:before{content:"\e8af"}.eicon-logo:before{content:"\e8b0"}.eicon-meta-data:before{content:"\e8b1"}.eicon-post-content:before{content:"\e8b2"}.eicon-post-excerpt:before{content:"\e8b3"}.eicon-post-navigation:before{content:"\e8b4"}.eicon-yoast:before{content:"\e8b5"}.eicon-nerd-chuckle:before{content:"\e8b6"}.eicon-nerd-wink:before{content:"\e8b7"}.eicon-comments:before{content:"\e8b8"}.eicon-download-circle-o:before{content:"\e8b9"}.eicon-library-upload:before{content:"\e8ba"}.eicon-save-o:before{content:"\e8bb"}.eicon-upload-circle-o:before{content:"\e8bc"}.eicon-ellipsis-h:before{content:"\e8bd"}.eicon-ellipsis-v:before{content:"\e8be"}.eicon-arrow-left:before{content:"\e8bf"}.eicon-arrow-right:before{content:"\e8c0"}.eicon-arrow-up:before{content:"\e8c1"}.eicon-arrow-down:before{content:"\e8c2"}.eicon-play-o:before{content:"\e8c3"}.eicon-archive-posts:before{content:"\e8c4"}.eicon-archive-title:before{content:"\e8c5"}.eicon-featured-image:before{content:"\e8c6"}.eicon-post-info:before{content:"\e8c7"}.eicon-post-title:before{content:"\e8c8"}.eicon-site-logo:before{content:"\e8c9"}.eicon-site-search:before{content:"\e8ca"}.eicon-site-title:before{content:"\e8cb"}.eicon-plus-square:before{content:"\e8cc"}.eicon-minus-square:before{content:"\e8cd"}.eicon-cloud-check:before{content:"\e8ce"}.eicon-drag-n-drop:before{content:"\e8cf"}.eicon-welcome:before{content:"\e8d0"}.eicon-handle:before{content:"\e8d1"}.eicon-cart:before{content:"\e8d2"}.eicon-product-add-to-cart:before{content:"\e8d3"}.eicon-product-breadcrumbs:before{content:"\e8d4"}.eicon-product-categories:before{content:"\e8d5"}.eicon-product-description:before{content:"\e8d6"}.eicon-product-images:before{content:"\e8d7"}.eicon-product-info:before{content:"\e8d8"}.eicon-product-meta:before{content:"\e8d9"}.eicon-product-pages:before{content:"\e8da"}.eicon-product-price:before{content:"\e8db"}.eicon-product-rating:before{content:"\e8dc"}.eicon-product-related:before{content:"\e8dd"}.eicon-product-stock:before{content:"\e8de"}.eicon-product-tabs:before{content:"\e8df"}.eicon-product-title:before{content:"\e8e0"}.eicon-product-upsell:before{content:"\e8e1"}.eicon-products:before{content:"\e8e2"}.eicon-bag-light:before{content:"\e8e3"}.eicon-bag-medium:before{content:"\e8e4"}.eicon-bag-solid:before{content:"\e8e5"}.eicon-basket-light:before{content:"\e8e6"}.eicon-basket-medium:before{content:"\e8e7"}.eicon-basket-solid:before{content:"\e8e8"}.eicon-cart-light:before{content:"\e8e9"}.eicon-cart-medium:before{content:"\e8ea"}.eicon-cart-solid:before{content:"\e8eb"}.eicon-exchange:before{content:"\e8ec"}.eicon-preview-thin:before{content:"\e8ed"}.eicon-device-laptop:before{content:"\e8ee"}.eicon-collapse:before{content:"\e8ef"}.eicon-expand:before{content:"\e8f0"}.eicon-navigator:before{content:"\e8f1"}.eicon-plug:before{content:"\e8f2"}.eicon-dashboard:before{content:"\e8f3"}.eicon-typography:before{content:"\e8f4"}.eicon-info-circle-o:before{content:"\e8f5"}.eicon-integration:before{content:"\e8f6"}.eicon-plus-circle-o:before{content:"\e8f7"}.eicon-rating:before{content:"\e8f8"}.eicon-review:before{content:"\e8f9"}.eicon-tools:before{content:"\e8fa"}.eicon-loading:before{content:"\e8fb"}.eicon-sitemap:before{content:"\e8fc"}.eicon-click:before{content:"\e8fd"}.eicon-clock:before{content:"\e8fe"}.eicon-library-open:before{content:"\e8ff"}.eicon-warning:before{content:"\e900"}.eicon-flow:before{content:"\e901"}.eicon-cursor-move:before{content:"\e902"}.eicon-arrow-circle-left:before{content:"\e903"}.eicon-flash:before{content:"\e904"}.eicon-redo:before{content:"\e905"}.eicon-ban:before{content:"\e906"}.eicon-barcode:before{content:"\e907"}.eicon-calendar:before{content:"\e908"}.eicon-caret-left:before{content:"\e909"}.eicon-caret-right:before{content:"\e90a"}.eicon-caret-up:before{content:"\e90b"}.eicon-chain-broken:before{content:"\e90c"}.eicon-check-circle-o:before{content:"\e90d"}.eicon-check:before{content:"\e90e"}.eicon-chevron-double-left:before{content:"\e90f"}.eicon-chevron-double-right:before{content:"\e910"}.eicon-undo:before{content:"\e911"}.eicon-filter:before{content:"\e912"}.eicon-circle-o:before{content:"\e913"}.eicon-circle:before{content:"\e914"}.eicon-clock-o:before{content:"\e915"}.eicon-cog:before{content:"\e916"}.eicon-cogs:before{content:"\e917"}.eicon-commenting-o:before{content:"\e918"}.eicon-copy:before{content:"\e919"}.eicon-database:before{content:"\e91a"}.eicon-dot-circle-o:before{content:"\e91b"}.eicon-envelope:before{content:"\e91c"}.eicon-external-link-square:before{content:"\e91d"}.eicon-eyedropper:before{content:"\e91e"}.eicon-folder:before{content:"\e91f"}.eicon-font:before{content:"\e920"}.eicon-adjust:before{content:"\e921"}.eicon-lightbox:before{content:"\e922"}.eicon-heart-o:before{content:"\e923"}.eicon-history:before{content:"\e924"}.eicon-image-bold:before{content:"\e925"}.eicon-info-circle:before{content:"\e926"}.eicon-link:before{content:"\e927"}.eicon-long-arrow-left:before{content:"\e928"}.eicon-long-arrow-right:before{content:"\e929"}.eicon-caret-down:before{content:"\e92a"}.eicon-paint-brush:before{content:"\e92b"}.eicon-pencil:before{content:"\e92c"}.eicon-plus-circle:before{content:"\e92d"}.eicon-zoom-in-bold:before{content:"\e92e"}.eicon-sort-amount-desc:before{content:"\e92f"}.eicon-sign-out:before{content:"\e930"}.eicon-spinner:before{content:"\e931"}.eicon-square:before{content:"\e932"}.eicon-star-o:before{content:"\e933"}.eicon-star:before{content:"\e934"}.eicon-text-align-justify:before{content:"\e935"}.eicon-text-align-center:before{content:"\e936"}.eicon-tags:before{content:"\e937"}.eicon-text-align-left:before{content:"\e938"}.eicon-text-align-right:before{content:"\e939"}.eicon-close-circle:before{content:"\e93a"}.eicon-trash-o:before{content:"\e93b"}.eicon-font-awesome:before{content:"\e93c"}.eicon-user-circle-o:before{content:"\e93d"}.eicon-video-camera:before{content:"\e93e"}.eicon-heart:before{content:"\e93f"}.eicon-wrench:before{content:"\e940"}.eicon-help:before{content:"\e941"}.eicon-help-o:before{content:"\e942"}.eicon-zoom-out-bold:before{content:"\e943"}.eicon-plus-square-o:before{content:"\e944"}.eicon-minus-square-o:before{content:"\e945"}.eicon-minus-circle:before{content:"\e946"}.eicon-minus-circle-o:before{content:"\e947"}.eicon-code-bold:before{content:"\e948"}.eicon-cloud-upload:before{content:"\e949"}.eicon-search-bold:before{content:"\e94a"}.eicon-map-pin:before{content:"\e94b"}.eicon-meetup:before{content:"\e94c"}.eicon-slideshow:before{content:"\e94d"}.eicon-t-letter-bold:before{content:"\e94e"}.eicon-preferences:before{content:"\e94f"}.eicon-table-of-contents:before{content:"\e950"}.eicon-tv:before{content:"\e951"}.eicon-upload:before{content:"\e952"}.eicon-instagram-comments:before{content:"\e953"}.eicon-instagram-nested-gallery:before{content:"\e954"}.eicon-instagram-post:before{content:"\e955"}.eicon-instagram-video:before{content:"\e956"}.eicon-instagram-gallery:before{content:"\e957"}.eicon-instagram-likes:before{content:"\e958"}.eicon-facebook:before{content:"\e959"}.eicon-twitter:before{content:"\e95a"}.eicon-pinterest:before{content:"\e95b"}.eicon-frame-expand:before{content:"\e95c"}.eicon-frame-minimize:before{content:"\e95d"}.eicon-archive:before{content:"\e95e"}.eicon-colors-typography:before{content:"\e95f"}.eicon-custom:before{content:"\e960"}.eicon-footer:before{content:"\e961"}.eicon-header:before{content:"\e962"}.eicon-layout-settings:before{content:"\e963"}.eicon-lightbox-expand:before{content:"\e964"}.eicon-error-404:before{content:"\e965"}.eicon-theme-style:before{content:"\e966"}.eicon-search-results:before{content:"\e967"}.eicon-single-post:before{content:"\e968"}.eicon-site-identity:before{content:"\e969"}.eicon-theme-builder:before{content:"\e96a"}.eicon-download-bold:before{content:"\e96b"}.eicon-share-arrow:before{content:"\e96c"}.eicon-global-settings:before{content:"\e96d"}.eicon-user-preferences:before{content:"\e96e"}.eicon-lock:before{content:"\e96f"}.eicon-export-kit:before{content:"\e970"}.eicon-import-kit:before{content:"\e971"}.eicon-lottie:before{content:"\e972"}.eicon-products-archive:before{content:"\e973"}.eicon-single-product:before{content:"\e974"}.eicon-disable-trash-o:before{content:"\e975"}.eicon-single-page:before{content:"\e976"}.eicon-wordpress-light:before{content:"\e977"}.eicon-cogs-check:before{content:"\e978"}.eicon-custom-css:before{content:"\e979"}.eicon-global-colors:before{content:"\e97a"}.eicon-globe:before{content:"\e97b"}.eicon-typography-1:before{content:"\e97c"}.eicon-background:before{content:"\e97d"}.eicon-device-responsive:before{content:"\e97e"}.eicon-device-wide:before{content:"\e97f"}.eicon-code-highlight:before{content:"\e980"}.eicon-video-playlist:before{content:"\e981"}.eicon-download-kit:before{content:"\e982"}.eicon-kit-details:before{content:"\e983"}.eicon-kit-parts:before{content:"\e984"}.eicon-kit-upload:before{content:"\e985"}.eicon-kit-plugins:before{content:"\e986"}.eicon-kit-upload-alt:before{content:"\e987"}.eicon-hotspot:before{content:"\e988"}.eicon-paypal-button:before{content:"\e989"}.eicon-shape:before{content:"\e98a"}.eicon-wordart:before{content:"\e98b"}.eicon-checkout:before{content:"\e98c"}.eicon-container:before{content:"\e98d"}.eicon-flip:before{content:"\e98e"}.eicon-info:before{content:"\e98f"}.eicon-my-account:before{content:"\e990"}.eicon-purchase-summary:before{content:"\e991"}.eicon-page-transition:before{content:"\e992"}.eicon-spotify:before{content:"\e993"}.eicon-stripe-button:before{content:"\e994"}.eicon-woo-settings:before{content:"\e995"}.eicon-woo-cart:before{content:"\e996"}.eicon-grow:before{content:"\e997"}.eicon-order-end:before{content:"\e998"}.eicon-nowrap:before{content:"\e999"}.eicon-order-start:before{content:"\e99a"}.eicon-progress-tracker:before{content:"\e99b"}.eicon-shrink:before{content:"\e99c"}.eicon-wrap:before{content:"\e99d"}.eicon-align-center-h:before{content:"\e99e"}.eicon-align-center-v:before{content:"\e99f"}.eicon-align-end-h:before{content:"\e9a0"}.eicon-align-end-v:before{content:"\e9a1"}.eicon-align-start-h:before{content:"\e9a2"}.eicon-align-start-v:before{content:"\e9a3"}.eicon-align-stretch-h:before{content:"\e9a4"}.eicon-align-stretch-v:before{content:"\e9a5"}.eicon-justify-center-h:before{content:"\e9a6"}.eicon-justify-center-v:before{content:"\e9a7"}.eicon-justify-end-h:before{content:"\e9a8"}.eicon-justify-end-v:before{content:"\e9a9"}.eicon-justify-space-around-h:before{content:"\e9aa"}.eicon-justify-space-around-v:before{content:"\e9ab"}.eicon-justify-space-between-h:before{content:"\e9ac"}.eicon-justify-space-between-v:before{content:"\e9ad"}.eicon-justify-space-evenly-h:before{content:"\e9ae"}.eicon-justify-space-evenly-v:before{content:"\e9af"}.eicon-justify-start-h:before{content:"\e9b0"}.eicon-justify-start-v:before{content:"\e9b1"}.eicon-woocommerce-cross-sells:before{content:"\e9b2"}.eicon-woocommerce-notices:before{content:"\e9b3"}.eicon-inner-container:before{content:"\e9b4"}.eicon-warning-full:before{content:"\e9b5"}.eicon-exit:before{content:"\e9b6"}.eicon-loop-builder:before{content:"\e9b7"}.eicon-notes:before{content:"\e9b8"}.eicon-read:before{content:"\e9b9"}.eicon-unread:before{content:"\e9ba"}.eicon-carousel-loop:before{content:"\e9bb"}.eicon-mega-menu:before{content:"\eb78"}.eicon-nested-carousel:before{content:"\e9bd"}.eicon-ai:before{content:"\e9be"}.eicon-taxonomy-filter:before{content:"\eb7d"}.eicon-container-grid:before{content:"\ef02"}.eicon-upgrade:before{content:"\e9c1"}.eicon-advanced:before{content:"\eb84"}.eicon-div-block:before{content:"\eb9b"}.eicon-notification:before{content:"\e9c3"}.eicon-light-mode:before{content:"\e9c4"}.eicon-dark-mode:before{content:"\e9c5"}.eicon-upgrade-crown:before{content:"\e9c6"}.eicon-off-canvas:before{content:"\e9c7"}.eicon-speakerphone:before{content:"\e9c9"}.eicon-ehp-cta:before{content:"\e9cb"}.eicon-ehp-forms:before{content:"\e9bc"}.eicon-ehp-hero:before{content:"\e9ca"}.eicon-ehp-zigzag:before{content:"\e9cc"}.eicon-e-button:before{content:"\e9ce"}.eicon-flexbox:before{content:"\e9d0"}.eicon-paragraph:before{content:"\e9d1"}.eicon-icon:before{content:"\e9d2"}.eicon-e-image:before{content:"\e9d3"}.eicon-video:before{content:"\e9d4"}.eicon-svg:before{content:"\e9d5"}.eicon-e-divider:before{content:"\e9d6"}.eicon-e-heading:before{content:"\e9d7"}.eicon-atomic:before{content:"\ebae"}.eicon-library-delete:before{content:"\e9d8"}.eicon-library-copy:before{content:"\e9d9"}.eicon-library-folder-empty:before{content:"\e9da"}.eicon-library-move:before{content:"\e9db"}.eicon-library-edit:before{content:"\e9dc"}.eicon-library-subscription-upgrade:before{content:"\e9de"}.eicon-library-folder-view:before{content:"\e9df"}.eicon-library-grid:before{content:"\e9e1"}.eicon-library-cloud-connect:before{content:"\e9e2"}.eicon-library-import:before{content:"\e9e3"}.eicon-library-list:before{content:"\e9e4"}.eicon-library-cloud-empty:before{content:"\e9e5"}.eicon-folder-plus:before{content:"\e8aa"}.eicon-library-folder:before{content:"\e9e6"}.eicon-accessibility:before{content:"\e9bf"}.eicon-lock-outline:before{content:"\e9e7"}.eicon-e-youtube:before{content:"\e9e8"}.eicon-contact:before{content:"\ebd2"}.eicon-layout:before{content:"\ebd8"}.eicon-components:before{content:"\ebd9"}.eicon-tab-content:before{content:"\ebda"}.eicon-tab-menu:before{content:"\ebdb"}.eicon-atomic-label:before{content:"\e9ee"}.eicon-atomic-form:before{content:"\e9ef"}.eicon-atomic-submit-button:before{content:"\e9f0"}.eicon-atomic-input:before{content:"\e9f1"}.eicon-atomic-text-area:before{content:"\e9f2"}.eicon-atomic-select:before{content:"\e9f3"}.eicon-atomic-checkbox:before{content:"\e9f4"}.eicon-atomic-radiobutton:before{content:"\e9f5"}.eicon-atomic-file-upload:before{content:"\ebe9"}.eicon-atomic-time-picker:before{content:"\ebea"}.eicon-atomic-date-picker:before{content:"\ebeb"}.eicon-upgrade-crown-full:before{content:"\ef03"}.eicon-eye:before{content:"\e8ac"}.eicon-elementor-square:before{content:"\e813"} /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-f4981e42c283507695b21057b68643d1.css */ /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot"); src: url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff") format("woff"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.ttf") format("truetype"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-dec6ecec8dfe130279bb8aa5ed4c29bd.css */ /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: swap; src: url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot"); src: url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff") format("woff"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("https://typewritink.com/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-bea3615220fd2234e32fede4e3f766fa.css */ /** * WooCommerce */ /** * Imports */ /* Text meant only for screen readers. */ @font-face { font-family: "star"; src: url("https://typewritink.com/wp-content/plugins/woocommerce/assets/fonts/star.eot"); src: url("https://typewritink.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("https://typewritink.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("https://typewritink.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("https://typewritink.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @keyframes slideInDown1 { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 100%, 0); visibility: visible; } } @keyframes slideOutUp { from { transform: translate3d(0, 100%, 0); visibility: hidden; } to { transform: translate3d(0, 0, 0); } } .price { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); color: var(--e-global-color-primary); font-size: 18px; font-size: 1.125rem; line-height: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: start; margin: 0; } .price ins { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 28px; order: -1; } .price del { color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-decoration-line: line-through; margin-left: 6px; margin-bottom: -4px; } /** Header Absolute */ .home .header-absolute { position: absolute; top: 0; left: 0; right: 0; } /** * Header Elements */ .site-header-cart { list-style-type: none; margin-left: 0; padding: 0; margin-bottom: 0; } .site-header-cart .cart-contents { position: relative; display: block; text-align: center; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .site-header-cart .cart-contents::before { color: var(--e-global-color-primary); } .site-header-cart .widget_shopping_cart { display: none; background-color: var(--background); padding: 2.290779772em 1.41577975em 1.41577975em; } .site-header-cart .widget_shopping_cart .buttons { padding: 0; } .site-header-cart .widget_shopping_cart .buttons .button { margin: 0; } .site-search { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-text); clear: both; display: none; } .site-search .widget_product_search #searchsubmit { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .site-search .widget_product_search #searchsubmit:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /** * Handheld footer bar */ .bokifa-handheld-footer-bar { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 996; border-top: 1px solid; border-top-color: var(--e-global-color-border); } .bokifa-handheld-footer-bar::before, .bokifa-handheld-footer-bar::after { content: ""; display: table; } .bokifa-handheld-footer-bar::after { clear: both; } @media (min-width: 1025px) { .bokifa-handheld-footer-bar { display: none; } } .bokifa-handheld-footer-bar ul { margin: 0; } .bokifa-handheld-footer-bar ul li { display: inline-block; float: left; text-align: center; } .bokifa-handheld-footer-bar ul li:last-child > a { border-right: 0; } .bokifa-handheld-footer-bar ul li > a { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; padding-bottom: 5px; background-color: var(--background); height: 4.2360680659em; position: relative; z-index: 999; border-right: 1px solid; border-right-color: var(--e-global-color-border); } .bokifa-handheld-footer-bar ul li > a:before { color: var(--e-global-color-secondary); } .bokifa-handheld-footer-bar ul li > a .title { font-weight: var(--e-global-typography-primary-font-weight); font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-secondary); } .bokifa-handheld-footer-bar ul li.search .site-search { background-color: var(--background); position: absolute; bottom: -5em; left: 0; right: 0; padding: 1em; z-index: 1; display: block; -ms-transform: all 0.2s ease; -o-transform: all 0.2s ease; -moz-transform: all 0.2s ease; -webkit-transform: all 0.2s ease; transform: all 0.2s ease; } .bokifa-handheld-footer-bar ul li.search.active .site-search { bottom: calc(100% + 1px); } .bokifa-handheld-footer-bar ul li.search .site-search, .bokifa-handheld-footer-bar ul li.search .widget, .bokifa-handheld-footer-bar ul li.search form { margin-bottom: 0; } .bokifa-handheld-footer-bar ul li.search .widget_product_search { padding-bottom: 0; } .bokifa-handheld-footer-bar ul li.search .ajax-search-result { display: none; } .bokifa-handheld-footer-bar ul li.cart .count, .bokifa-handheld-footer-bar ul li.wishlist .count { display: inline-block; min-width: 16px; text-indent: 0; line-height: 12px; font-size: 12px; font-size: 0.75rem; padding: 2px 0; box-sizing: content-box; position: absolute; top: 0.5em; left: 50%; border-radius: 100%; color: #fff; background-color: var(--e-global-color-primary); } .bokifa-handheld-footer-bar ul.columns-1 li { width: 100%; display: block; float: none; } .bokifa-handheld-footer-bar ul.columns-2 li { width: 50%; } .bokifa-handheld-footer-bar ul.columns-3 li { width: 33.33333%; } .bokifa-handheld-footer-bar ul.columns-4 li { width: 25%; } .bokifa-handheld-footer-bar ul.scsscolumns-5 li { width: 20%; } .sf-input-focused .bokifa-handheld-footer-bar { display: none; } /** * Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td::before, table.shop_table_responsive tr td::after { content: ""; display: table; } table.shop_table_responsive tr td::after { clear: both; } table.shop_table_responsive tr td[data-title]::before { content: attr(data-title) ": "; font-weight: var(--e-global-typography-primary-font-weight); float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; line-height: 50px; } table.shop_table_responsive.my_account_orders .order-actions { text-align: right; } table.shop_table_responsive.my_account_orders .order-actions::before { display: none; } /** * Breadcrumbs */ /** * Right to left styles */ /*!rtl:begin:ignore*/ .rtl .widget_price_filter .price_label, .rtl .widget_price_filter .price_label span { direction: ltr; unicode-bidi: embed; } /*!rtl:end:ignore*/ /** * General WooCommerce components */ .woocommerce-form__label-for-checkbox { cursor: pointer; display: block; } .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox { margin-right: 0.3342202552em; } .form-row label { color: var(--e-global-color-secondary); display: block; margin-bottom: 0.5em; } .form-row .select2-container--default .select2-selection--single { border: 1px solid; border-color: var(--e-global-color-border); border-radius: 10px; min-height: 52px; background-color: var(--e-global-color-background-field); } .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 52px; color: var(--e-global-color-text); } .form-row .select2-container--default .select2-search--dropdown .select2-search__field { background: #fff !important; } .form-row input, .form-row textarea, .form-row select { width: 100%; } .form-row input[type=checkbox], .form-row input[type=radio] { width: auto; } .form-row .button { width: auto; } .form-row .button span { position: relative; } .form-row .button:hover { border-color: var(--e-global-color-accent); } .form-row.create-account label { display: inline-block; } .form-row.woocommerce-validated input.input-text { background-color: #fff; box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .form-row.woocommerce-invalid input.input-checkbox { outline: 2px solid #e2401c; outline-offset: 1px; } .form-row.woocommerce-invalid .select2-selection { border-color: #e2401c; border-width: 2px; } .form-row-last { margin-right: 0 !important; } .form-row-wide { clear: both; width: 100%; } .required { border-bottom: 0 !important; color: #e2401c; } .demo_store { position: fixed; left: 0; bottom: 69px; right: 0; margin: 0; padding: 1em 1.41577975em; background-color: #3d9cd2; color: #fff; z-index: 9998; } .demo_store a { color: #fff; font-weight: var(--e-global-typography-text-font-weight); text-decoration: underline; } .demo_store a:hover { text-decoration: none; } .demo_store a.woocommerce-store-notice__dismiss-link { display: block; } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 11px; font-size: 0.6875rem; width: 6.5em; letter-spacing: -0.4px; } .star-rating::before { float: left; top: 0; left: 0; position: absolute; color: #CCCCCC; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { top: 0; position: absolute; left: 0; color: #E2BB80; } p.stars { display: inline-block; margin: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: var(--e-global-typography-text-font-weight); } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "S"; color: var(--e-global-color-border); text-indent: 0; } p.stars a:hover ~ a::before { content: "S"; color: var(--e-global-color-text); opacity: 0.25; } p.stars:hover a::before { content: "S"; color: #E2BB80; opacity: 1; } p.stars.selected a.active::before { content: "S"; color: #E2BB80; opacity: 1; } p.stars.selected a.active ~ a::before { content: "S"; color: var(--e-global-color-text); opacity: 0.25; } p.stars.selected a:not(.active)::before { content: "S"; color: #E2BB80; opacity: 1; } .label-wrapper > span { background-color: var(--e-global-color-secondary); font-size: 12px; font-size: 0.75rem; font-weight: 800; padding: 0; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; color: #fff; margin-right: 6px; text-transform: capitalize; } .label-wrapper > span.new-label { background-color: #F865DC; margin-top: 5px; } .label-wrapper > span.onsale { background-color: #FF0000; margin-top: 5px; } .onsale + .stock-label { top: 30px; left: 0; } .stock-label { line-height: 28px; display: inline-block; position: absolute; font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); top: 0; left: 0; z-index: 3; padding: 2px 15px; background-color: var(--e-global-color-primary); border-radius: 10px; color: #fff; } .quantity .qty { width: 4.2360680659em; text-align: center; } .bokifa-sorting { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 25px; font-size: 16px; font-size: 1rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-text); } .bokifa-sorting * { margin-bottom: 0; } .bokifa-sorting .woocommerce-ordering { position: relative; border-right: 0; margin-bottom: 5px; } .bokifa-sorting .woocommerce-ordering .select-selected, .bokifa-sorting .woocommerce-ordering .select-items { display: none; } .bokifa-sorting .woocommerce-ordering select { line-height: 22px; border: none; width: 160px !important; background-position: 100% center; background-size: 35px 8px; color: var(--e-global-color-light); background-color: var(--background); font-size: 16px; font-size: 1rem; font-weight: 400; padding: 8px 15px; } .bokifa-sorting .sidebar-drawing-toggle { display: flex; align-items: center; margin: 0 20px 5px 0; order: -2; font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 1; justify-content: space-between; flex-direction: row-reverse; background: transparent; border: 1px solid var(--e-global-color-border); margin-right: 5px; border-radius: 25px; padding: 11px 20px; outline: none; text-align: center; } @media (max-width: 1023px) { .bokifa-sorting .sidebar-drawing-toggle { display: none; } } .bokifa-sorting .sidebar-drawing-toggle > a { justify-content: space-between; flex-direction: row-reverse; display: flex; align-items: center; } .bokifa-sorting .sidebar-drawing-toggle > a .bokifa-icon-filters { line-height: inherit; font-size: 16px; font-size: 1rem; margin-left: 17px; display: inline-block; margin-bottom: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .bokifa-sorting .sidebar-drawing-toggle > a .filter__text { color: var(--e-global-color-dark); } .bokifa-sorting .sidebar-drawing-toggle > a .filter__text.filter__text_show { display: inline-block; } .bokifa-sorting .sidebar-drawing-toggle > a .filter__text.filter__text_hide { display: none; } .bokifa-sorting .sidebar-drawing-toggle > a:hover .filter__text { color: var(--e-global-color-primary); } .bokifa-sorting .sidebar-drawing-toggle > a:hover .bokifa-icon-sliders-v { color: var(--e-global-color-primary); } .bokifa-sorting .sidebar-drawing-toggle > a.actived .filter__text.filter__text_show { display: none; } .bokifa-sorting .sidebar-drawing-toggle > a.actived .filter__text.filter__text_hide { display: inline-block; } .bokifa-products-per-page { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); padding-left: 19px; margin-left: 14px; position: relative; display: flex; align-items: center; } .bokifa-products-per-page .per-page-title { color: var(--e-global-color-text); } .bokifa-products-per-page select:not([size]):not([multiple]) { margin-left: 3px; padding: 0 18px 0 0; border: none; width: auto; background-position: 100% center; background-size: 8px 8px; background-color: var(--background); } .bokifa-products-per-page:after { content: ""; width: 1px; height: 20px; position: absolute; background-color: var(--e-global-color-border); left: 0; top: 50%; transform: translateY(-50%); } .woocommerce-result-count { padding-right: 10px; margin: 0 auto 9px; color: var(--e-global-color-secondary); } .gridlist-toggle { display: inline-flex; flex-direction: row-reverse; align-items: center; order: -1; margin-bottom: 5px; } .gridlist-toggle a { line-height: 0; font-size: 24px; font-size: 1.5rem; color: #8b8b8b; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--e-global-color-border); display: flex; align-items: center; justify-content: center; } .gridlist-toggle a span { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin-left: 7px; display: none; } .gridlist-toggle a i { font-size: 20px; font-size: 1.25rem; } .gridlist-toggle a.active { color: var(--e-global-color-dark); } .gridlist-toggle a:hover { color: var(--e-global-color-dark); } .gridlist-toggle a:not(:first-child) { margin-right: 5px; } .upsells { display: none; } .related > h2:first-child, .upsells > h2:first-child { position: relative; display: block; text-align: center; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); color: var(--e-global-color-secondary); font-size: 48px; font-size: 3rem; text-transform: capitalize; line-height: 58px; margin-bottom: 60px; } @media (max-width: 767px) { .related > h2:first-child, .upsells > h2:first-child { font-size: 38px; font-size: 2.375rem; margin-bottom: 30px; } } .related > h2:first-child span, .upsells > h2:first-child span { color: var(--e-global-color-primary); } .related .slick-track, .upsells .slick-track { margin: 0; } .related .bokifa-theme-swiper, .upsells .bokifa-theme-swiper { position: relative; overflow: visible; } .related .bokifa-theme-swiper .related-swiper-button-prev, .related .bokifa-theme-swiper .related-swiper-button-next, .upsells .bokifa-theme-swiper .related-swiper-button-prev, .upsells .bokifa-theme-swiper .related-swiper-button-next { display: none; } .related ul.bokifa-products li, .upsells ul.bokifa-products li { height: initial; } .single-product .related .bokifa-swiper-wrapper .elementor-swiper-button { display: none; } .hentry .woocommerce-message strong, .hentry .woocommerce-info strong, .hentry .woocommerce-error strong, .hentry .woocommerce-noreviews strong, .hentry p.no-comments strong { color: #fff; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { margin-top: 0; margin-left: 0; margin-bottom: 30px; padding: 1.3em 1.618034em 1em; background-color: #0f834d; border-radius: 2px; color: #fff; clear: both; border-left: 0.6180339845em solid rgba(0, 0, 0, 0.15); } .woocommerce-message::before, .woocommerce-message::after, .woocommerce-info::before, .woocommerce-info::after, .woocommerce-error::before, .woocommerce-error::after, .woocommerce-noreviews::before, .woocommerce-noreviews::after, p.no-comments::before, p.no-comments::after { content: ""; display: table; } .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after, .woocommerce-noreviews::after, p.no-comments::after { clear: both; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: #fff; } .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover { color: #fff; opacity: 0.7; } .woocommerce-message a.button:hover, .woocommerce-info a.button:hover, .woocommerce-error a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover { opacity: 1; } .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button { float: right; padding: 0; background: none; color: #fff; box-shadow: none; line-height: 1.618; margin-left: 1em; padding-left: 1em; border-width: 0; border-left-width: 1px; border-left-style: solid; border-left-color: rgba(255, 255, 255, 0.25) !important; border-radius: 0; } .woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover { background: none; color: #fff; opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); } .woocommerce-message strong, .woocommerce-info strong, .woocommerce-error strong, .woocommerce-noreviews strong, p.no-comments strong { color: #fff; } .woocommerce-message pre, .woocommerce-info pre, .woocommerce-error pre, .woocommerce-noreviews pre, p.no-comments pre { background-color: rgba(0, 0, 0, 0.1); } .home .woocommerce-message, .home .woocommerce-info, .home .woocommerce-error, .home .woocommerce-noreviews, .home p.no-comments { display: block; } .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, .site-content > .col-full > .woocommerce > .woocommerce-error:first-child { margin-top: 2.6180340252em; } .woocommerce-error { list-style: none; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #3d9cd2; } .woocommerce-error { background-color: #e2401c; } dl.variation { font-size: 0.875em; } dl.variation dd { margin: 0 0 1em; } dl.variation dt { color: var(--e-global-color-dark); } .wc-item-meta { font-size: 0.875em; margin-left: 0; list-style: none; } .wc-item-meta li::before, .wc-item-meta li::after { content: ""; display: table; } .wc-item-meta li::after { clear: both; } .wc-item-meta li strong, .wc-item-meta li p { display: inline-block; } /** * Homepage */ .bokifa-product-section { margin-bottom: 1.618034em; } .bokifa-product-section .section-title { text-align: center; margin-bottom: 1em; } .bokifa-product-section:last-child { margin-bottom: 0; } /** * Single Product Pagination */ .bokifa-product-pagination { position: relative; display: flex; align-items: center; } @media (max-width: 768px) { .bokifa-product-pagination { display: none; } } .bokifa-product-pagination a > span { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); display: flex; align-items: center; justify-content: center; color: var(--e-global-color-secondary); font-size: 12px; font-size: 0.75rem; line-height: 22px; text-transform: uppercase; } .bokifa-product-pagination a > span i { font-size: 9px; font-size: 0.5625rem; font-weight: 800; } .bokifa-product-pagination a > span .bokifa-icon-angle-left { margin-right: 8px; line-height: inherit; } .bokifa-product-pagination a > span .bokifa-icon-angle-right { margin-left: 8px; line-height: inherit; } .bokifa-product-pagination a > span:hover { color: var(--e-global-color-primary); } .bokifa-product-pagination a:last-child { margin-left: 20px; } .bokifa-product-pagination a:hover .product-item { opacity: 1; visibility: visible; pointer-events: auto; top: 100%; } .bokifa-product-pagination a span.shop-tooltip { display: inline-flex; align-items: center; margin: 0 3px; vertical-align: text-bottom; line-height: 22px; } .bokifa-product-pagination a:hover > span { color: var(--e-global-color-primary); } .bokifa-product-pagination .product-item { position: absolute; right: 0; top: calc(100% + 10px); visibility: visible; pointer-events: none; width: 250px; background: #fff; box-shadow: -10px 10px 30px 10px rgba(0, 0, 0, 0.1); display: flex; align-items: center; text-align: left; transition: all ease-in-out 0.3s; border-radius: 10px; overflow: hidden; z-index: 99; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .bokifa-product-pagination .product-item img { max-width: 80px; } .bokifa-product-pagination .product-item .bokifa-product-pagination-content { padding: 0 15px; } .bokifa-product-pagination .product-item .bokifa-product-pagination__title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); color: var(--e-global-color-dark); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.4em; font-weight: var(--e-global-typography-primary-font-weight); line-height: 1.2; margin-bottom: 5px; } /** * Sticky Add to Cart */ .bokifa-sticky-add-to-cart { display: none; } .quantity_wrap .quantity_label { display: none; font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .currency .main-navigation ul.menu > li.menu-item > a span:before { display: none; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu { border-radius: 0; padding: 10px 0; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu li { min-width: 135px; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu li a { padding: 7px 15px; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu li a:before { display: none; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu li a span { margin-left: 0 !important; } .currency .main-navigation ul.menu > li.menu-item ul.sub-menu li a span:before { display: none; } .button-line-yes .elementor-button-wrapper a.elementor-button { position: relative; background-color: transparent; border-radius: 0; color: var(--e-global-color-secondary); } .button-line-yes .elementor-button-wrapper a.elementor-button:before { content: ""; position: absolute; height: 1px; width: 0; left: 0; top: 100%; background-color: var(--e-global-color-secondary); -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .button-line-yes .elementor-button-wrapper a.elementor-button:hover:before { width: 100%; } .woosb-products { border-width: 0 0 1px; border-style: solid; border-color: var(--e-global-color-border); padding-bottom: 10px; } .woosb-products .woosb-product { display: flex; align-items: center; flex-wrap: nowrap; padding: 10px 0; border-bottom: none; } .woosb-products .woosb-product .woosb-thumb { width: 60px; padding: 0; margin-right: 15px; flex: 0 0 60px; } .woosb-products .woosb-product .woosb-thumb img { width: 60px; height: 60px; max-width: 60px; object-fit: cover; } .woosb-products .woosb-product .woosb-title .woosb-title-inner { font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 22px; } .woosb-products .woosb-product .woosb-price { width: auto; margin-left: auto; flex: unset; font-weight: 800; font-size: 16px; font-size: 1rem; line-height: 22px; } .woosb-products .woosb-product .woosb-quantity { width: unset; flex: unset; margin-right: 10px; padding: 0; } .woosb-products .woosb-product .woosb-quantity .quantity { background-color: #ffffff; border: 1px solid var(--e-global-color-border); position: relative; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; width: 80px; height: 36px; border-radius: 10px; font-size: 12px; font-size: 0.75rem; font-weight: 700; margin: 10px 0; } .woosb-products .woosb-product .woosb-quantity .quantity .qty { padding: 0; border: none; -moz-appearance: textfield; text-align: center; color: #000000; flex: 1; background-color: transparent; min-width: 32px; } .woosb-products .woosb-product .woosb-quantity button { background-color: transparent; display: flex; justify-content: center; align-items: center; padding: 0; text-align: center; z-index: 9; top: 0; bottom: 0; border: none; width: 30px; height: 36px; border-radius: 0; font-size: 10px; font-size: 0.625rem; color: #000000; } .woosb-bundles .woosb-products, .woosb-wrap .woosb-products { margin-bottom: 20px; } .woosb-bundles .woosb-text, .woosb-wrap .woosb-text { font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 22px; margin-bottom: 43px; color: var(--e-global-color-secondary); } .woosb-bundles .amount, .woosb-wrap .amount { font-weight: 800; font-size: 20px; font-size: 1.25rem; line-height: 22px; color: var(--e-global-color-secondary); } @media only screen and (max-width: 767px) { .bokifa-sorting { justify-content: space-between; } .bokifa-sorting .woocommerce-result-count { display: none; } } /* woosw-list */ .woosw-list button:hover, .woosw-list .button:hover { color: #fff; border-color: var(--e-global-color-accent); background-color: var(--e-global-color-accent); } .woocommerce-pagination-wrap { text-align: center; margin-top: 85px; } .mfp-close-btn-in .mfp-close { color: #ffffff; top: -45px; } .mfp-close-btn-in .mfp-close:hover { color: var(--e-global-color-primary); } /** * Products */ .products-no-gutter ul.products { margin-left: 0; margin-right: 0; } ul.products li { z-index: 1; } .products-no-gutter .products-list ul.products { margin-left: -15px; margin-right: -15px; } ul.products, .wc-block-grid__products { clear: both; margin: 0; } ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product { list-style: none; position: relative; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } ul.products li.product .added_to_cart.wc-forward, ul.products .wc-block-grid__product .added_to_cart.wc-forward, .wc-block-grid__products li.product .added_to_cart.wc-forward, .wc-block-grid__products .wc-block-grid__product .added_to_cart.wc-forward { display: none; } ul.products li.product .woocommerce-LoopProduct-link, ul.products .wc-block-grid__product .woocommerce-LoopProduct-link, .wc-block-grid__products li.product .woocommerce-LoopProduct-link, .wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link { display: block; } ul.products li.product .product-unit, ul.products .wc-block-grid__product .product-unit, .wc-block-grid__products li.product .product-unit, .wc-block-grid__products .wc-block-grid__product .product-unit { font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-lighter); margin-bottom: 0; } ul.products li.product .product-unit .value, ul.products .wc-block-grid__product .product-unit .value, .wc-block-grid__products li.product .product-unit .value, .wc-block-grid__products .wc-block-grid__product .product-unit .value { color: var(--e-global-color-secondary); } ul.products li.product h2, ul.products li.product h3, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products .wc-block-grid__product h2, ul.products .wc-block-grid__product h3, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products li.product h2, .wc-block-grid__products li.product h3, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product h2, .wc-block-grid__products .wc-block-grid__product h3, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { font-size: 18px; font-size: 1.125rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 26px; margin-bottom: 0; } ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img { display: block; margin: 0 auto; width: 100%; border-radius: 10px; object-fit: cover; } ul.products li.product.product-category h2, ul.products li.product.product-category h3, ul.products li.product.product-category .woocommerce-loop-category__title, ul.products .wc-block-grid__product.product-category h2, ul.products .wc-block-grid__product.product-category h3, ul.products .wc-block-grid__product.product-category .woocommerce-loop-category__title, .wc-block-grid__products li.product.product-category h2, .wc-block-grid__products li.product.product-category h3, .wc-block-grid__products li.product.product-category .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product.product-category h2, .wc-block-grid__products .wc-block-grid__product.product-category h3, .wc-block-grid__products .wc-block-grid__product.product-category .woocommerce-loop-category__title { font-size: 1.1em; } ul.products li.product.product-category img, ul.products .wc-block-grid__product.product-category img, .wc-block-grid__products li.product.product-category img, .wc-block-grid__products .wc-block-grid__product.product-category img { margin-bottom: 1.618034em; } ul.products li.product .posted-in, ul.products .wc-block-grid__product .posted-in, .wc-block-grid__products li.product .posted-in, .wc-block-grid__products .wc-block-grid__product .posted-in { display: block; color: var(--e-global-color-lighter); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-transform: uppercase; line-height: 1.2; } ul.products li.product .posted-in a, ul.products .wc-block-grid__product .posted-in a, .wc-block-grid__products li.product .posted-in a, .wc-block-grid__products .wc-block-grid__product .posted-in a { color: var(--e-global-color-lighter); } ul.products li.product .posted-in a:hover, ul.products .wc-block-grid__product .posted-in a:hover, .wc-block-grid__products li.product .posted-in a:hover, .wc-block-grid__products .wc-block-grid__product .posted-in a:hover { color: var(--e-global-color-primary); } ul.products li.product .product-caption, ul.products .wc-block-grid__product .product-caption, .wc-block-grid__products li.product .product-caption, .wc-block-grid__products .wc-block-grid__product .product-caption { text-align: center; display: flex; flex-direction: column; flex: 1; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-color: #ffffff; width: 100%; } ul.products li.product:hover, ul.products .wc-block-grid__product:hover, .wc-block-grid__products li.product:hover, .wc-block-grid__products .wc-block-grid__product:hover { z-index: 99; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } ul.products .bokifa-wrapper-loop-rating, .wc-block-grid__products .bokifa-wrapper-loop-rating { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 20px; padding: 3px 5px; margin-top: -14px; z-index: 1; width: 123px; height: 28px; margin-bottom: 2px; } ul.products .bokifa-wrapper-loop-rating > span, .wc-block-grid__products .bokifa-wrapper-loop-rating > span { font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-secondary); font-weight: 700; } ul.products .product-caption, .wc-block-grid__products .product-caption { text-align: center; } ul.products .product-caption .price, .wc-block-grid__products .product-caption .price { justify-content: center; } ul.products .product-caption .bokifa-wrapper-loop-rating, .wc-block-grid__products .product-caption .bokifa-wrapper-loop-rating { margin-left: -1px; margin-top: 1px; } ul.products .product-caption .bokifa-wrapper-loop-rating > span, .wc-block-grid__products .product-caption .bokifa-wrapper-loop-rating > span { font-size: 12px; font-size: 0.75rem; line-height: 18px; color: var(--e-global-color-text); } ul.products .product-caption .inventory_status, .wc-block-grid__products .product-caption .inventory_status { margin-bottom: 15px; justify-content: center; } ul.products .product-caption .count-review, .wc-block-grid__products .product-caption .count-review { margin-top: auto; justify-content: center; margin-bottom: 0.8rem; } ul.products .product-caption .cart, .wc-block-grid__products .product-caption .cart { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } ul.products .product-caption .quantity_wrap, .wc-block-grid__products .product-caption .quantity_wrap { margin-right: 5px; } ul.products .product-caption .quantity_wrap input[type=number]::-webkit-inner-spin-button, .wc-block-grid__products .product-caption .quantity_wrap input[type=number]::-webkit-inner-spin-button { opacity: 1; } ul.products .product-caption .minus, ul.products .product-caption .plus, .wc-block-grid__products .product-caption .minus, .wc-block-grid__products .product-caption .plus { display: none; visibility: hidden; opacity: 0; } ul.products .product-caption .qty, .wc-block-grid__products .product-caption .qty { padding: 0.391rem; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 10px; } ul.products .product-caption button[class*=product_type_], ul.products .product-caption a[class*=product_type_], .wc-block-grid__products .product-caption button[class*=product_type_], .wc-block-grid__products .product-caption a[class*=product_type_] { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); white-space: nowrap; border-radius: 25px; padding: 0.718em 1.75em 0.7em; } ul.products .slick-disabled:before, .wc-block-grid__products .slick-disabled:before { opacity: 0.75; } .product-author { margin-right: 0; padding-right: 0; margin-bottom: 5px; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } .product-author a { position: relative; color: var(--e-global-color-lighter); line-height: 18px; font-weight: 600; font-size: 12px; font-size: 0.75rem; white-space: nowrap; } .product-author a:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: var(--e-global-color-border); bottom: 0; left: 0; } .product-author a:hover { color: var(--e-global-color-secondary); } .product-author a:hover:before { background-color: var(--e-global-color-secondary); } .product-author:before { display: none; } .product-author .product-author-label { display: none; } .product-transition { position: relative; overflow: hidden; border-radius: 10px; width: 100%; } .product-transition .product-image { height: 100%; } .product-transition .woocommerce-loop-product__link { display: block; width: 100%; height: 100%; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product-transition .time-sale { border: 1px solid var(--e-global-color-border); position: absolute; bottom: 0; left: 20px; right: 20px; } .product-transition .group-action { position: absolute; top: 10px; right: 10px; } .product-transition .bokifa-single-product-extra-label { display: flex; align-self: center; margin-top: 5px; margin-left: 0; } .product-transition .bokifa-single-product-extra-label span { font-size: 12px; font-size: 0.75rem; font-weight: 800; line-height: 1; color: #fff; text-transform: capitalize; margin-bottom: 0; background-color: var(--e-global-color-primary); padding: 3px 5px; margin-right: 5px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .product-transition .bokifa-single-product-extra-label span:last-child { margin-right: 0; } .group-action .shop-action { z-index: 99999999; opacity: 0; visibility: hidden; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .group-action .shop-action { visibility: visible; opacity: 1; } } .group-action .shop-action a[class*=product_type_], .group-action .shop-action .woosc-btn, .group-action .shop-action .woosq-btn, .group-action .shop-action .woosw-btn { display: block; padding: 0; transition: all ease 0.3s; width: 34px; height: 34px; color: var(--e-global-color-secondary); background-color: #ffffff; margin-bottom: 6px; position: relative; font-size: 0px; font-size: 0rem; border: 0; border-radius: 50%; z-index: 9; } .group-action .shop-action a[class*=product_type_]:before, .group-action .shop-action .woosc-btn:before, .group-action .shop-action .woosq-btn:before, .group-action .shop-action .woosw-btn:before { font-size: 16px; font-size: 1rem; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 3; } .group-action .shop-action a[class*=product_type_].woosw-btn:before, .group-action .shop-action .woosc-btn.woosw-btn:before, .group-action .shop-action .woosq-btn.woosw-btn:before, .group-action .shop-action .woosw-btn.woosw-btn:before { font-weight: 600; } .group-action .shop-action a[class*=product_type_]:after, .group-action .shop-action .woosc-btn:after, .group-action .shop-action .woosq-btn:after, .group-action .shop-action .woosw-btn:after { display: none; } .group-action .shop-action a[class*=product_type_]:hover, .group-action .shop-action a[class*=product_type_]:focus, .group-action .shop-action a[class*=product_type_]:active, .group-action .shop-action .woosc-btn:hover, .group-action .shop-action .woosc-btn:focus, .group-action .shop-action .woosc-btn:active, .group-action .shop-action .woosq-btn:hover, .group-action .shop-action .woosq-btn:focus, .group-action .shop-action .woosq-btn:active, .group-action .shop-action .woosw-btn:hover, .group-action .shop-action .woosw-btn:focus, .group-action .shop-action .woosw-btn:active { color: #ffffff; background-color: var(--e-global-color-primary); } .group-action .shop-action .woosw-btn.woosw-adding::after { animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; transform: translate(0); background-color: transparent; } .group-action .shop-action .woosw-btn.woosw-adding:before { opacity: 0; } .group-action .sale-percent { height: 30px; width: 53px; font-size: 14px; font-size: 0.875rem; color: #30B154; background-color: #D4F0DA; border-radius: 50px; position: absolute; top: -6px; right: 5px; visibility: visible; opacity: 1; display: flex; justify-content: center; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-block { position: relative; z-index: 9; display: flex; flex-direction: column; text-align: center; align-items: center; width: 100%; outline: none; border-radius: 10px; height: 100%; background-color: #ffffff; } .product-block:before { position: absolute; content: ""; top: -15px; left: 50%; transform: translateX(-50%); z-index: -1; background-color: #ffffff; border-radius: 15px; height: calc(100% + 84px); width: calc(100% + var(--grid-column-gap)); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; border: 1px solid; border-color: transparent; } @media (max-width: 768px) { .product-block:before { height: calc(100% + 30px); } } .product-block .short-description { color: var(--e-global-color-text); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.5714285714; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; margin-bottom: 14px; } .product-block .price_badge { display: flex; align-items: center; justify-content: center; } .product-block .product-transition .label-wrapper { position: absolute; left: 10px; top: 5px; z-index: 9; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; max-width: 160px; } .product-block > .onsale { display: none; } .product-block:hover:before { opacity: 1; height: calc(100% + 84px); width: calc(100% + var(--grid-column-gap)); visibility: visible; border-color: var(--e-global-color-border); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); } @media (max-width: 768px) { .product-block:hover:before { height: calc(100% + 30px); } } .product-block:hover .shop-action { visibility: visible; opacity: 1; } @media (min-width: 769px) { .product-block:hover .quantity_cart { visibility: visible; opacity: 1; bottom: 0; z-index: 99999; transform: translateY(0); } } @media (min-width: 1024px) { .product-block:hover .content-product-imagin { visibility: visible; opacity: 1; } } .product-block:hover .product-img-wrap .inner { -ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .product-block:hover .product-img-wrap.bottom-to-top .inner { -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .product-block:hover .product-img-wrap.top-to-bottom .inner { -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .product-block:hover .product-img-wrap.left-to-right .inner { -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-block:hover .product-img-wrap.right-to-left .inner { -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-block:hover .product-img-wrap.swap .product-image { opacity: 0; } .product-block:hover .product-img-wrap.swap .product-image img { transform: rotateY(180deg); } .product-block:hover .product-img-wrap.swap .product-image.second-image { opacity: 1; } .product-block:hover .product-img-wrap.swap .product-image.second-image img { transform: rotateY(0deg); } .product-block:hover .product-img-wrap.fade .product-image { top: 0; left: 0; opacity: 0; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product-block:hover .product-img-wrap.fade .product-image img { transform: scale(1.1); -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .product-block:hover .product-img-wrap.fade .product-image.second-image { opacity: 1; transform: scale(1); overflow: hidden; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: calc(100% - 60px); } @media (max-width: 768px) { .product-block:hover .product-img-wrap.fade .product-image.second-image { height: 100%; } } .product-block:hover .product-img-wrap.zoom-in .product-image.second-image { transform: scale(1); } .product-block:hover .product-img-wrap.zoom-out .product-image { transform: scale(0); } .product-block:hover .product-img-wrap.zoom-out .product-image.second-image { transform: scale(1.3); } .product-block .quantity_cart { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 13px); left: 0; align-items: baseline; width: 100%; transform: translateY(-20px); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .product-block .quantity_cart { visibility: visible; opacity: 1; position: unset; margin-top: 20px; transform: translateY(0); } } .product-block .quantity_cart .quantity_wrap { display: none; } .product-block .quantity_cart .quantity_wrap .qty { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); color: var(--e-global-color-secondary); font-weight: 700; padding: 0.391rem 0; font-size: 14px; font-size: 0.875rem; border-radius: 2px; border: none; width: auto; margin-top: -2px; } .product-block .quantity_cart .quantity_wrap .buttons_added { display: flex; justify-content: center; align-items: center; } .product-block .quantity_cart .quantity_wrap .buttons_added button { padding: 0; background-color: #FFFFFF00; border: 2px solid var(--e-global-color-border); } .product-block .quantity_cart .quantity_wrap .buttons_added button:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .product-block .quantity_cart .quantity_wrap .buttons_added button:hover i { color: #ffffff; } .product-block .quantity_cart .quantity_wrap .buttons_added button i { color: var(--e-global-color-border); font-size: 14px; font-size: 0.875rem; padding: 2px 4px 2px 4px; } .product-block .quantity_cart .quantity_wrap input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .product-block .quantity_cart .add_to_cart { width: 100%; } .product-block .quantity_cart .add_to_cart .add_to_cart_button, .product-block .quantity_cart .add_to_cart .button { position: relative; font-size: 14px; font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; flex-direction: row-reverse; white-space: unset; width: 100%; border: none; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-block .quantity_cart .add_to_cart .add_to_cart_button:before, .product-block .quantity_cart .add_to_cart .button:before { margin-right: -19px; } .product-block .quantity_cart .add_to_cart .add_to_cart_button:after, .product-block .quantity_cart .add_to_cart .button:after { font-size: 8px; font-size: 0.5rem; margin-right: 10px; } .product-block .quantity_cart .woosc-btn, .product-block .quantity_cart .woosw-btn, .product-block .quantity_cart .woosq-btn { display: none; } @media only screen and (max-width: 768px) { .related-swiper-button-prev i, .related-swiper-button-next i { display: none; } } .content-product-imagin { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-bottom: -73px; background-color: #fff; box-shadow: 0 3px 36px rgba(0, 0, 0, 0.09); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; visibility: hidden; opacity: 0; } .product-img-wrap { overflow: hidden; position: relative; } .product-img-wrap .inner { width: 100%; height: 100%; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .product-img-wrap .product-image { opacity: 1; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product-img-wrap .product-image.second-image { position: absolute; width: 100%; height: 100%; } .product-img-wrap.top-to-bottom .product-image { bottom: 100%; } .product-img-wrap.left-to-right .product-image { top: 0; right: 100%; opacity: 1; } .product-img-wrap.right-to-left .product-image { top: 0; left: 100%; } .product-img-wrap.swap .product-image { top: 0; left: 0; transition: all 0.7s ease; } .product-img-wrap.swap .product-image img { transition: all 0.7s ease; transform: rotateY(0deg); } .product-img-wrap.swap .product-image.second-image { z-index: 2; opacity: 0; } .product-img-wrap.swap .product-image.second-image img { transform: rotateY(-180deg); } .product-img-wrap.zoom-in .product-image { top: 0; left: 0; transition: all 0.5s ease; } .product-img-wrap.zoom-in .product-image.second-image { transform: scale(0); z-index: 2; } .product-img-wrap.zoom-out .product-image { top: 0; left: 0; transition: all 0.5s ease; } .product-img-wrap.zoom-out .product-image.second-image { z-index: -1; } .bokifa-single-product-extra-label { font-size: 14px; font-size: 0.875rem; text-transform: capitalize; } .bokifa-single-product-extra-label p { margin-bottom: 0.45rem; } .hentry .entry-content .wc-block-grid__products .wc-block-grid__product > a, .hentry .entry-content ul.products li.product > a { text-decoration: none; } .price del + ins { margin-right: 0.327em; } .opal-product-tooltipster { display: block !important; } .opal-product-tooltipster .tooltipster-content { background-color: #000; border-radius: 5px; color: #fff; padding: 8px 16px; line-height: 1; font-size: 14px; font-size: 0.875rem; } .opal-product-tooltipster.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { margin-top: -8px; right: 0px; } .opal-product-tooltipster.tooltipster-base.tooltipster-top .tooltipster-arrow-background { border-top-color: #000; } .opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow { transform: translateY(-5px); } .opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow-background { border-left-color: #000; } .deal-progress .progress-bar { width: 100%; height: 3px; background-color: #E6E6E6; position: relative; overflow: hidden; margin-bottom: 13px; } .deal-progress .progress-value { position: absolute; top: 0; bottom: 0; left: 0; background-color: var(--e-global-color-primary); } .deal-sold { width: 100%; max-width: 350px; margin-top: 30px; } .deal-sold-text { font-size: 13px; font-size: 0.8125rem; line-height: 1.1428571429; color: var(--e-global-color-lighter); text-align: left; } .deal-sold-text .value { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); color: var(--e-global-color-secondary); } .product-color { display: flex; justify-content: center; margin-bottom: 12px; } .product-color .item { cursor: pointer; margin: 0 5px; } .product-color .color-item { position: relative; width: 16px; height: 16px; display: inline-block; border-radius: 50%; } .product-color .color-item:before { content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; opacity: 0; border: 1px solid #000000; background-color: transparent; transition: all 0.3s ease; } .product-color .color-item:hover:before { opacity: 1; } .product-color .color-item.active-swatch:before { opacity: 1; } .product-color .image-item img { border: 1px solid #fff; width: 20px !important; height: 20px !important; object-fit: cover; border-radius: 50%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05)); } .time-sale { background-color: #fff; padding: 12px 0 12px 0; } .time-sale .deal-text { font-size: 14px; font-size: 0.875rem; margin-bottom: 10px; color: var(--e-global-color-lighter); } .time-sale .bokifa-countdown { display: flex; flex-wrap: wrap; align-items: center; } .time-sale .bokifa-countdown .countdown-item { position: relative; text-align: center; margin-top: 5px; } .time-sale .bokifa-countdown .countdown-item:not(:last-child) { padding-right: 20px; } @media (max-width: 767px) { .time-sale .bokifa-countdown .countdown-item:not(:last-child) { padding-right: 5px; } } .time-sale .bokifa-countdown .countdown-digits { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); color: var(--e-global-color-primary); padding: 9px 7px 5px; line-height: 1; } .time-sale .bokifa-countdown .countdown-label { display: block; color: var(--e-global-color-lighter); } .count-review { display: flex; justify-content: flex-start; font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-lighter); } .preloader .product-transition, .preloader .woocommerce-loop-product__title > a, .preloader .short-description, .preloader .star-rating, .preloader .button-group, .preloader .posted-in, .preloader .price, .preloader .product-attributes .item, .preloader .shop-action, .preloader .product-caption-bottom, .preloader .product-label, .preloader .product-image { position: relative; } .preloader .product-transition:after, .preloader .woocommerce-loop-product__title > a:after, .preloader .short-description:after, .preloader .star-rating:after, .preloader .button-group:after, .preloader .posted-in:after, .preloader .price:after, .preloader .product-attributes .item:after, .preloader .shop-action:after, .preloader .product-caption-bottom:after, .preloader .product-label:after, .preloader .product-image:after { content: ""; position: absolute; z-index: 996; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; top: 0; left: 0; width: 100%; height: 100%; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .bokifa-products-popular ul.products { margin-right: 0; margin-left: 0; } .bokifa-products-popular ul.products li.product { margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; border-right: none; flex: 0 0 100% !important; max-width: 100% !important; } .bokifa-products-popular ul.products li.product:hover .product-caption { visibility: hidden; opacity: 0; } .bokifa-products-popular ul.products li.product:before { content: none; } .bokifa-products-popular ul.products li.product:last-child .product-block-list { padding-bottom: 0; border-bottom: none; } .bokifa-products-popular ul.products li.product:first-child .product-block-list { padding-top: 0; } .bokifa-products-popular .product-block-list { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--e-global-color-border); } .bokifa-products-popular .product-block-list .left { width: 80px; margin-right: 15px; } .bokifa-products-popular .product-block-list .right { flex: 1; } .product-gallery { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1.5rem; padding-top: 5px; } .product-gallery .gallery_item { width: 58px; flex: 0 0 58px; max-width: 58Px; cursor: pointer; display: block; margin-top: 10px; } .product-gallery .gallery_item:not(:first-child) { margin-left: 10px; } .product-gallery .gallery_item.active img { border-color: var(--e-global-color-primary); } .product-gallery .gallery_item img { width: 58px; height: 58px; border: 1px dashed var(--e-global-color-border); border-radius: 4px; object-fit: cover; } /** * Single Product */ .single-product .pswp__button { background-color: transparent; border: none; } .single-product .entry-summary-top { display: flex; align-items: center; justify-content: end; position: absolute; right: 5px; top: 2px; } .single-product.single-product-sticky .related, .single-product.single-product-sticky .upsells { margin-top: 90px; } .single-product.single-product-sticky div.product .summary { display: block; width: calc(51% - 50px); } @media (max-width: 768px) { .single-product.single-product-sticky div.product .summary { width: 100%; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs { display: block; position: relative; margin-top: 30px; } @media (max-width: 765px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs { padding: 60px 0; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs { margin: 0; list-style: none; text-align-last: center; position: relative; margin-bottom: 15px; } @media (max-width: 767px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs { display: none; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li:first-child a { margin-left: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li:last-child a { margin-right: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li a { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); color: var(--e-global-color-secondary); letter-spacing: 0; display: block; position: relative; font-size: 24px; font-size: 1.5rem; line-height: 60px; padding: 0 30px; text-transform: capitalize; font-style: initial; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li a:hover { -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li a:before { content: ""; position: absolute; height: 2px; width: 0; left: 0; bottom: -1px; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background-color: var(--e-global-color-primary); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li.active a { color: var(--e-global-color-secondary); -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-style: initial; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs ul.tabs li.active a:before { width: 100%; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 2px; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions { padding-bottom: 60px; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-item:last-child .accordion-head { border-bottom: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head { padding: 15px 0; position: relative; cursor: pointer; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head .accordion-title { font-size: 18px; font-size: 1.125rem; line-height: 28px; font-weight: 600; color: var(--e-global-color-secondary); } @media (max-width: 425px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head { padding: 10px 0; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.focus .accordion-title, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.active .accordion-title, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head:hover .accordion-title { color: var(--e-global-color-primary); display: inline-block; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.focus:after, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.active:after, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head:hover:after { color: var(--e-global-color-primary); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.focus:before, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head.active:before, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-head:hover:before { color: var(--e-global-color-primary); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body .sticky-description { width: 100%; padding-left: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-title { display: inline-block; position: relative; font-size: 25px; font-size: 1.5625rem; border-radius: 22px; line-height: 54px; margin-bottom: 0; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-lighter); -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 425px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-title { font-size: 18px; font-size: 1.125rem; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .reviews_tab + .accordion-body.active { border-bottom: 0; padding: 20px 0 0 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body { padding: 0; display: none; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body.active { border-bottom: 1px solid var(--e-global-color-border); border-radius: 0; padding: 20px 0 20px 0; margin: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body table tr { border-top: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body table tr:last-child { border-bottom: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #comments, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper { width: 100%; float: none; padding-right: 0; padding-left: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #comments .form-submit:hover button, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper .form-submit:hover button { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #comments .form-submit:hover button:after, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper .form-submit:hover button:after { color: #fff; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body .list-unstyled { margin-left: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled { margin: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li { margin-bottom: 5px; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-name > span:not(.details), .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.seller-name > span:not(.details), .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-address > span:not(.details) { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating { vertical-align: middle; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating .text { vertical-align: text-bottom; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .star-rating { display: inline-block; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions table td, .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions table th { word-break: unset; } @media (min-width: 768px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs.product-accordions ul.products li.product { flex: 0 0 50%; max-width: 50%; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel { padding: 15px 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled { margin: 0; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li { margin-bottom: 5px; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-name > span:not(.details), .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.seller-name > span:not(.details), .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-address > span:not(.details) { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating { vertical-align: middle; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating .text { vertical-align: text-bottom; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .star-rating { display: inline-block; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .comment-form-cookies-consent { display: inline-block; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .panel h2:first-of-type { display: none; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs .review_form label { margin-bottom: 0.5em; display: block; } .single-product.single-product-sticky div.product .summary .woocommerce-tabs h2.resp-accordion { display: flex; align-items: center; font-weight: var(--e-global-typography-primary-font-weight); font-size: 16px; font-size: 1rem; line-height: 18px; padding: 1em; margin: 0; border-top: 1px solid; border-color: var(--e-global-color-border); } @media (min-width: 768px) { .single-product.single-product-sticky div.product .summary .woocommerce-tabs h2.resp-accordion { display: none; } } .single-product.single-product-sticky div.product .summary .woocommerce-tabs h2.resp-accordion.active { border-top: 2px solid; border-color: var(--e-global-color-primary); } .single-product .summary { width: calc(50% - 35px); float: right; max-width: 680px; } @media (max-width: 768px) { .single-product .summary { width: 100%; max-width: 100%; float: unset; margin-top: 40px; } } .single-product .summary .left { position: relative; } .single-product .summary .yith-wcwl-add-to-wishlist { display: none; } .single-product .summary .woosw-btn { margin-right: 10px; } .single-product .summary .woosw-btn, .single-product .summary .woosc-btn { color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 26px; background-color: transparent; padding: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 52px; height: 50px; border: 1px solid var(--e-global-color-border); border-radius: 50%; } .single-product .summary .woosw-btn:after, .single-product .summary .woosc-btn:after { display: none; } .single-product .summary .woosw-btn:before, .single-product .summary .woosc-btn:before { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); margin-right: 0; } .single-product .summary .woosw-btn.woosw-btn:before, .single-product .summary .woosc-btn.woosw-btn:before { font-weight: 600; } .single-product .summary .woosw-btn:hover, .single-product .summary .woosc-btn:hover { color: #ffffff; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .single-product .summary .woosw-btn:hover:before, .single-product .summary .woosc-btn:hover:before { color: #ffffff; } .single-product .content-single-wrapper:after { content: ""; display: table; clear: both; } .single-product .product-author { display: flex; align-items: center; position: relative; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 18px; font-weight: 700; color: var(--e-global-color-lighter); margin-right: 14px; padding-right: 15px; margin-top: 8px; } .single-product .product-author a { color: var(--e-global-color-secondary); } .single-product .product-author a:before { display: none; } .single-product .product-author:before { display: block; position: absolute; content: ""; height: 11px; width: 1px; top: 50%; right: 0; transform: translateY(-50%); background-color: #e5e5e5; } .single-product .product-author .product-author-label { display: block; margin-right: 3px; } .single-product .bokifa-single-product-extra-label { display: flex; align-self: center; margin-top: 5px; margin-left: 5px; } .single-product .bokifa-single-product-extra-label span { font-size: 12px; font-size: 0.75rem; font-weight: 800; line-height: 1; color: #fff; text-transform: capitalize; margin-bottom: 0; background-color: var(--e-global-color-primary); padding: 3px 5px; margin-right: 5px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .single-product .bokifa-single-product-extra-label span:last-child { margin-right: 0; } .single-product .onsale { margin-top: 5px; margin-right: 0; } .single-product .new-label { margin-top: 5px; margin-right: 6px; } .single-product .label-wrapper { position: absolute; right: 55px; top: 15px; z-index: 9; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; max-width: 176px; } .single-product .product-video-360 { position: absolute; z-index: 111; display: inline-flex; align-items: flex-end; bottom: 30px; right: 30px; } @media (max-width: 425px) { .single-product .product-video-360 { bottom: 160px; right: 15px; } } .single-product .product-video-360 .bokifa-preaction { height: 58px; width: 50px; border-radius: 5px; background-color: #ffffff; color: var(--e-global-color-secondary); font-size: 10px; font-size: 0.625rem; line-height: 14px; font-weight: 700; cursor: pointer; text-align: center; padding: 10px 3px; } .single-product .product-video-360 .bokifa-preaction.previews-audio, .single-product .product-video-360 .bokifa-preaction.previews-doc { margin-left: 10px; } .single-product .product-video-360 .bokifa-preaction i { font-size: 24px; font-size: 1.5rem; margin-bottom: 2px; } .single-product .product-video-360 .bokifa-preaction:hover { color: var(--e-global-color-primary); } .single-product div.product::before, .single-product div.product::after { content: ""; display: table; } .single-product div.product::after { clear: both; } .single-product div.product .related { position: relative; margin-top: 34px; padding-top: 81px; } @media (max-width: 1024px) { .single-product div.product .related { margin-top: 50px; padding-top: 60px; } } @media (max-width: 767px) { .single-product div.product .related { margin-top: 30px; padding-top: 30px; } } .single-product div.product .related .swiper { clip-path: inset(-100% -29px -100% -29px); overflow: visible; } .single-product div.product .related:before { content: ""; position: absolute; margin-left: calc(-100vw + 50%); margin-right: calc(-100vw + 50%); width: 200vw; z-index: -1; height: 1px; left: 0; top: 0; background-color: var(--e-global-color-border); } .single-product div.product .related h2 { text-align: left; font-size: 44px; font-size: 2.75rem; line-height: 50px; font-weight: 300; margin-bottom: 30px; } @media (max-width: 767px) { .single-product div.product .related h2 { font-size: 30px; font-size: 1.875rem; line-height: 35px; } } .single-product div.product .related .woocommerce-subtitle-related-product { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); opacity: 0.6; text-transform: uppercase; margin-bottom: 18px; display: none; } .single-product div.product .related .bokifa-single-product-extra-label { margin-left: 0; } .single-product div.product .related .product-author { margin-right: 0; padding-right: 0; margin-top: 7px; margin-bottom: 8px; justify-content: center; } .single-product div.product .related .product-author a { color: var(--e-global-color-lighter); } .single-product div.product .related .product-author a:before { display: block; } .single-product div.product .related .product-author a:hover { color: var(--e-global-color-secondary); } .single-product div.product .related .product-author:before { display: none; } .single-product div.product .related .product-author .product-author-label { display: none; } .single-product div.product .content-single-wrapper { max-width: 1430px; } .single-product div.product.single-product-type-sticky .woocommerce-tabs:before { content: none; } @media (max-width: 767px) { .single-product div.product .images { margin-bottom: 30px; } } .single-product div.product .woocommerce-product-gallery { opacity: 0; transition: opacity 0.25s ease-in-out; position: relative; width: 650px; max-width: 50%; margin-right: 0; float: left; } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery { width: 100%; max-width: 100%; float: unset; } } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 10px; text-align: center; color: #ffffff; display: inline-flex; width: 30px; height: 30px; justify-content: center; align-items: center; z-index: 9999; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger > span { display: none !important; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover::before { color: var(--e-global-color-primary); } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { position: relative; display: flex; align-items: center; height: 100%; overflow: hidden; border-radius: 10px; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { width: 100%; border-radius: 10px; height: auto; max-height: 727px; min-height: 727px; object-fit: cover; } @media (max-width: 1200px) { .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { min-height: unset; } } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { max-height: unset; } } @media only screen and (max-width: 425px) { .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { width: 395px; } } @media only screen and (max-width: 375px) { .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { width: 345px; } } .single-product div.product .woocommerce-product-gallery .flex-viewport { border-radius: 10px; } .single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper { border: none; background-color: #ffffff; border-radius: 10px; } .single-product div.product .woocommerce-product-gallery .flex-viewport img { border: none; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; transition-property: transform; box-sizing: content-box; display: flex; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; display: block; position: relative; width: 100px; height: 140px; min-width: 100px; min-height: 140px; border-radius: 5px; overflow: hidden; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 2px solid transparent; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { object-fit: cover; height: 140px; width: 100px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li.active { border-color: var(--e-global-color-primary); } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li.active img { opacity: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .single-product div.product .woocommerce-product-gallery .swiper { position: relative; } .single-product div.product .woocommerce-product-gallery .swiper .swiper-button-lock { display: none; } .single-product div.product .woocommerce-product-gallery .swiper .swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .single-product div.product .woocommerce-product-gallery .swiper-button-prev { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; top: 50%; left: 10px; transform: translateY(-50%); border-radius: 25px; display: flex; align-items: center; justify-content: center; } .single-product div.product .woocommerce-product-gallery .swiper-button-prev:after { font-size: 20px; font-size: 1.25rem; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .swiper-button-prev:hover { background-color: var(--e-global-color-accent); } .single-product div.product .woocommerce-product-gallery .swiper-button-next { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; top: 50%; right: 10px; transform: translateY(-50%); border-radius: 25px; display: flex; align-items: center; justify-content: center; } .single-product div.product .woocommerce-product-gallery .swiper-button-next:after { font-size: 20px; font-size: 1.25rem; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .swiper-button-next:hover { background-color: var(--e-global-color-accent); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-control-thumbs { display: none; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .woocommerce-product-gallery__wrapper img { height: auto; max-height: 910px; min-height: 910px; } @media (max-width: 1200px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .woocommerce-product-gallery__wrapper img { min-height: unset; } } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .woocommerce-product-gallery__wrapper img { max-height: unset; } } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .product-video-360 { bottom: 15px; right: 15px; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav { margin: unset; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; list-style: none; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a { position: relative; display: block; width: 48px; height: 48px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-color: #fff; border-radius: 25px; border: 1px solid var(--e-global-color-border); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a::before { position: absolute; z-index: 10; color: var(--e-global-color-secondary); text-indent: 0px !important; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 20px; font-size: 1.25rem; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); display: block; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li[class^=flex-nav-] a:hover::before { color: #ffffff; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li.flex-nav-prev { left: 10px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-without-thumb .flex-direction-nav > li.flex-nav-next { right: 10px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .flex-control-thumbs img { width: 100px; height: 140px; object-fit: cover; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .woocommerce-product-gallery__wrapper img { height: auto; max-height: 910px; min-height: 910px; } @media (max-width: 1200px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .woocommerce-product-gallery__wrapper img { min-height: unset; } } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .woocommerce-product-gallery__wrapper img { max-height: unset; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .product-video-360 { bottom: 170px; right: 30px; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .product-video-360 { bottom: 160px; right: 15px; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .swiper { margin-top: 10px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical { display: flex; align-items: flex-start; flex-direction: column; } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical { display: block; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs { margin: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs li { margin-bottom: 30px; margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs li:last-child { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-thumbs-vertical { width: 100%; margin-top: 10px; } @media (min-width: 426px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-thumbs-vertical { margin-top: 0; order: -1; width: 100px; margin-right: 10px; display: block; height: 100%; position: absolute; left: 0; top: 0; } } @media (min-width: 426px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical > .woocommerce-product-gallery__wrapper { width: 100%; margin-bottom: 0; margin-left: auto; } } @media (min-width: 426px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-viewport { width: calc(100% - 130px); margin-bottom: 0; margin-left: auto; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-prev { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; top: 10px; left: 50%; transform: translateX(-50%); } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-prev { top: 50%; left: 10px; transform: translateY(-50%); } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-prev:after { color: #ffffff; font-size: 14px; font-size: 0.875rem; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-prev:after { transform: rotate(180deg); } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-prev:hover { background-color: var(--e-global-color-accent); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-next { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; bottom: 10px; left: 50%; transform: translateX(-50%); top: unset; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-next { top: 50%; right: 10px; transform: translateY(-50%); left: unset; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-next:after { font-size: 14px; font-size: 0.875rem; color: #ffffff; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-next:after { transform: rotate(0); } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .swiper-button-next:hover { background-color: var(--e-global-color-accent); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical { display: flex; align-items: flex-start; flex-direction: unset; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical { display: block; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-viewport { border-radius: 10px; } @media (min-width: 426px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-viewport { width: calc(100% - 130px); margin-bottom: 0; margin-right: auto; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-thumbs-vertical { width: 100%; margin-top: 10px; } @media (min-width: 426px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-thumbs-vertical { margin-top: 0; order: -1; width: 100px; margin-right: 10px; display: block; height: 100%; position: absolute; right: 0; top: 0; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-control-thumbs { margin: 0; width: 100px; display: block; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-control-thumbs { display: flex; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-control-thumbs li { margin-bottom: 10px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .flex-control-thumbs li:last-child { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-prev { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; top: 10px; left: 50%; transform: translateX(-50%); } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-prev { top: 50%; left: 10px; transform: translateY(-50%); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-prev:after { transform: rotate(180deg); } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-next { position: absolute; width: 30px; height: 30px; background-color: var(--e-global-color-dark); margin: 0; bottom: 10px; left: 50%; transform: translateX(-50%); top: unset; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-next { top: 50%; right: 10px; transform: translateY(-50%); left: unset; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .swiper-button-next:after { transform: rotate(0); } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .product-video-360 { right: 150px; } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .product-video-360 { bottom: 160px; right: 15px; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-right_vertical .label-wrapper { right: 150px; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; border: none; overflow: visible; height: auto; } @media (min-width: 1024px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper { margin-left: -5px; margin-right: -5px; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { flex-basis: 50%; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } @media (min-width: 1024px) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { width: 100%; border-radius: 10px; height: 100%; max-height: 100%; min-height: 100%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-gallery .product-video-360 { bottom: auto; top: 30px; } .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper { display: flex; flex-wrap: wrap; border: none; flex-direction: row-reverse; overflow: visible; height: auto; } .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { flex-basis: 100%; } .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { display: block; margin-bottom: 30px; border-radius: 10px; } .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { height: auto; max-height: 910px; min-height: 910px; } @media (max-width: 1200px) { .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { min-height: unset; } } @media (max-width: 768px) { .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img { max-height: unset; } } @media (max-width: 425px) { .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { min-width: 0; min-height: 0; } } .single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:last-child a { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery-sticky .product-video-360 { bottom: auto; top: 30px; } .single-product div.product.single-product-type-right_vertical .woocommerce-product-gallery .woocommerce-product-gallery__trigger { left: 15px; right: unset; } .single-product div.product .woocommerce-product-gallery-vertical + .onsale { left: 145px; } .single-product div.product .stock.in-stock { margin-bottom: 30px; display: none; } .single-product div.product p.price + form.cart { margin-top: 30px; } .single-product div.product p.price + form.cart .stock.out-of-stock { margin: 0; } .single-product div.product .quantity_wrap { margin-bottom: 10px; } .single-product div.product .single_add_to_cart_button { display: flex; justify-content: center; align-items: center; padding: 15px; margin-right: 12px; max-width: 404px; min-width: 180px; height: 50px; flex: 1; margin-bottom: 10px; } .single-product div.product .single_add_to_cart_button:after { font-size: 8px; font-size: 0.5rem; margin-right: 10px; color: #fff; order: -1; } .single-product div.product .single_add_to_cart_button:before { margin-right: -18px; } .single-product div.product button.wpcbn-btn { order: 100; max-width: 100%; flex: 0 0 100%; background-color: transparent; border: 1px solid var(--e-global-color-secondary); color: var(--e-global-color-secondary); height: 50px; margin-bottom: 0; } .single-product div.product button.wpcbn-btn:before { margin-right: 0; } .single-product div.product button.wpcbn-btn:after { display: none; } .single-product div.product button.wpcbn-btn:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .single-product div.product button.wpcbn-btn:hover:before { color: #ffffff; } .single-product div.product .product_title { font-size: 60px; font-size: 3.75rem; line-height: 75px; text-transform: inherit; letter-spacing: -2px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; clear: none; display: block; } @media (max-width: 1024px) { .single-product div.product .product_title { font-size: 50px; font-size: 3.125rem; line-height: 65px; } } @media (max-width: 767px) { .single-product div.product .product_title { font-size: 35px; font-size: 2.1875rem; line-height: 45px; } } .single-product div.product .rating_authors { display: flex; align-items: center; flex-wrap: wrap; min-height: 26px; } .single-product div.product .product-unit { font-size: 15px; font-size: 0.9375rem; line-height: 24px; margin-bottom: 15px; color: var(--e-global-color-lighter); } .single-product div.product .product-unit .value { color: var(--e-global-color-secondary); } .single-product div.product .sold-by-meta { font-weight: var(--e-global-typography-text-font-weight); font-size: 14px; font-size: 0.875rem; line-height: 22px; margin-bottom: 12px; color: var(--e-global-color-lighter); } .single-product div.product .sold-by-meta a { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-primary); } .single-product div.product .sold-by-meta a:hover { text-decoration: underline; } .single-product div.product .woocommerce-product-details__short-description + .stock { display: none; } .single-product div.product table.variations { table-layout: fixed; position: relative; margin: 0; width: 100%; } .single-product div.product table.variations tr { border: 0; } .single-product div.product table.variations tr td { margin-bottom: 1rem; } .single-product div.product table.variations th, .single-product div.product table.variations td { padding: 0; list-style: none; background-color: transparent; display: inline; } .single-product div.product table.variations th.label { margin-bottom: 5px; display: block; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-text); font-size: 16px; font-size: 1rem; text-transform: capitalize; } .single-product div.product table.variations th.label .woo-selected-variation-item-name { display: contents; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-text); font-size: 16px; font-size: 1rem; } .single-product div.product table.variations td.value { position: relative; } .single-product div.product table.variations label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; font-weight: 700; } .single-product div.product table.variations select { max-width: 100%; vertical-align: middle; padding: 12px 35px 12px 20px; color: transparent; margin: 12px 0px; border-radius: 10px; } .single-product div.product table.variations select + label { display: block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; position: absolute; padding: 0 5px; background-color: #fff; left: 10px; top: 50%; transform: translateY(-50%); line-height: 1; transition: all ease-in-out 0.2s; color: var(--e-global-color-lighter); } .single-product div.product table.variations select:valid, .single-product div.product table.variations select:focus { color: var(--e-global-color-text); } .single-product div.product table.variations select:valid ~ label, .single-product div.product table.variations select:focus ~ label { top: 0; } .single-product div.product table.variations a.reset_variations { margin: 20px 0 0 15px; color: var(--e-global-color-secondary); border-bottom: 1px solid; line-height: 1; display: none !important; } .single-product div.product table.variations a.reset_variations:hover { color: var(--e-global-color-primary); } .single-product div.product table.variations td.label label { font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-secondary); font-weight: var(--e-global-typography-primary-font-weight); text-transform: uppercase; } .single-product div.product table.variations td.value ul.variable-items-wrapper { display: inline-flex; } .single-product div.product table.variations td.value ul li.variable-item { position: relative; box-shadow: none; margin: 4px 9px 10px 0; height: 62px; padding: 0; border: 1px solid var(--e-global-color-border); border-radius: 5px; } .single-product div.product table.variations td.value ul li.variable-item.image-variable-item { box-shadow: none; margin: 0 10px 28px 0; width: 48px; height: 48px; padding: 5px; border: 1px solid var(--e-global-color-secondary); border-radius: 0; } .single-product div.product table.variations td.value ul li.variable-item.color-variable-item .variable-item-contents:before { display: none !important; } .single-product div.product table.variations td.value ul li.variable-item:hover, .single-product div.product table.variations td.value ul li.variable-item.selected { outline: none; box-shadow: none; border-color: var(--e-global-color-dark); } .single-product div.product table.variations td.value ul li.variable-item .variable-item-span { font-size: 14px; font-size: 0.875rem; padding: 3px 20px; color: var(--e-global-color-text); } .single-product div.product table.variations td.value ul li.variable-item.color-variable-item { min-width: 24px; min-height: 24px; width: 24px; height: 24px; border-radius: 50%; margin: 0 12px 0 0; padding: 2px; } .single-product div.product table.variations td.value ul li.variable-item.color-variable-item .variable-item-span { padding: 2px; border-radius: 50%; } .single-product div.product table.variations td.value ul li.variable-item.color-variable-item .variable-item-span:after { content: none; } .single-product div.product table.variations td.value ul li.variable-item.color-variable-item:hover, .single-product div.product table.variations td.value ul li.variable-item.color-variable-item.selected { background-color: #fff; } .single-product div.product table.variations td.value ul .color-variable-item.disabled:before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 23px; height: 1px; background-color: #ff6565; z-index: 9999; visibility: visible; opacity: 1; box-shadow: none; min-width: 23px; } .single-product div.product table.variations td.value ul .color-variable-item.disabled:after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 23px; height: 1px; background-color: #ff6565; z-index: 9999; visibility: visible; opacity: 1; box-shadow: none; border: 0; } .single-product div.product table.variations td.value ul .image-variable-item.selected .variable-item-contents:before { display: none !important; } .single-product div.product .bokifa_clear_attr a.reset_variations { margin: 0 0 5px; color: var(--e-global-color-dark); line-height: 22px; font-size: 12px; font-size: 0.75rem; display: inline-block; text-decoration: underline; } .single-product div.product .bokifa_clear_attr a.reset_variations:hover { color: var(--e-global-color-primary); } .single-product div.product .single_variation .price { display: block; font-size: 24px; font-size: 1.5rem; line-height: 1; align-items: center; color: var(--e-global-color-dark); margin: 0 0 20px 0; font-weight: 700; } .single-product div.product .single_variation .price ins { margin-right: 0; color: var(--e-global-color-primary); } .single-product div.product .single_variation .price del { margin-right: 10px; font-size: 16px; font-size: 1rem; } .single-product div.product .variations_button { flex: 0 0 100%; display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid var(--e-global-color-border); padding-top: 33px; } .single-product div.product .woocommerce-grouped-add-to-cart { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .single-product div.product tr.woocommerce-grouped-product-list-item { border: 0 !important; } .single-product div.product .woocommerce_top_summary { display: flex; align-items: center; flex-wrap: wrap; margin-top: 3px; margin-bottom: 6px; } .single-product div.product .product_after_title { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; position: relative; } .single-product div.product .product_after_title > * { margin-bottom: 0; } .single-product div.product .product_after_title > *:not(:last-child) { margin-right: 15px; padding-right: 15px; position: relative; } .single-product div.product .product_after_title > *:not(:last-child):after { content: ""; height: 11px; width: 1px; background-color: var(--e-global-color-border); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .single-product div.product .product_after_title .sku_wrapper { text-transform: uppercase; color: var(--e-global-color-lighter); } .single-product div.product .product_after_title .sku_wrapper .sku { color: var(--e-global-color-secondary); } .single-product div.product .rating_brands { display: flex; flex-wrap: wrap; font-size: 14px; font-size: 0.875rem; position: relative; padding-bottom: 15px; } .single-product div.product .rating_brands > * { margin-bottom: 0; } .single-product div.product .rating_brands > *:not(:last-child) { margin-right: 15px; padding-right: 15px; padding-left: 5px; position: relative; } .single-product div.product .rating_brands > *:not(:last-child):after { content: ""; height: 11px; width: 1px; background-color: var(--e-global-color-border); position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .single-product div.product .woocommerce-product-rating { display: flex; align-items: center; margin-top: 3px; } .single-product div.product .woocommerce-product-rating::before, .single-product div.product .woocommerce-product-rating::after { content: ""; display: table; } .single-product div.product .woocommerce-product-rating::after { clear: both; } .single-product div.product .woocommerce-product-rating a { font-size: 12px; font-size: 0.75rem; line-height: 1.5; font-weight: 600; text-transform: capitalize; color: var(--e-global-color-lighter); } .single-product div.product .woocommerce-product-rating a:hover { color: var(--e-global-color-primary); text-decoration: underline; } .single-product div.product .woocommerce-product-rating .woocommerce-review-link { position: relative; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-secondary); font-weight: 700; text-transform: capitalize; margin-left: 1px; } .single-product div.product .sale-percent { color: #30B154; text-align: center; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); background-color: #D4F0DA; border-radius: 50px; margin-right: 21px; width: 53px; height: 30px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .single-product div.product .woocommerce-review-average { display: none; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-secondary); margin-left: 10px; } .single-product div.product .product_meta label { min-width: 70px; } .single-product div.product .product_meta > span { display: block; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-lighter); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 500; text-transform: capitalize; margin-bottom: 2px; letter-spacing: 0.2px; } .single-product div.product .product_meta > span:last-child { margin-bottom: 0; border-bottom: 0; } .single-product div.product .product_meta > span .sku { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 500; } .single-product div.product .product_meta > span .sku:hover { color: var(--e-global-color-primary); } .single-product div.product .product_meta > span a { color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 500; font-size: 14px; font-size: 0.875rem; } .single-product div.product .product_meta > span a:hover { color: var(--e-global-color-primary); } .single-product div.product .product_meta .product_button { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--e-global-color-border); } .single-product .time-sale { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 13px; } .single-product .time-sale .deal-text { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); text-transform: uppercase; font-size: 14px; font-size: 0.875rem; max-width: 130px; margin-right: 30px; margin-bottom: 30px; } @media (max-width: 1024px) { .single-product .time-sale .deal-text { margin-bottom: 10px; } } @media (max-width: 425px) { .single-product .time-sale .deal-text { margin-bottom: 10px; } } .single-product .time-sale .bokifa-countdown .countdown-item { margin-right: 10px; min-width: 60px; margin-bottom: 15px; text-align: center; } .single-product .time-sale .bokifa-countdown .countdown-item:after { content: none; } .single-product .time-sale .bokifa-countdown .countdown-item .countdown-digits { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 1; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: rgba(24, 56, 55, 0.06); border-radius: 50%; color: var(--e-global-color-primary); } @media (max-width: 767px) { .single-product .time-sale .bokifa-countdown .countdown-item .countdown-digits { font-size: 22px; font-size: 1.375rem; width: 55px; height: 55px; } } .single-product .time-sale .bokifa-countdown .countdown-item .countdown-label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); font-size: 14px; font-size: 0.875rem; font-weight: 400; display: block; line-height: 1; text-transform: capitalize; margin-top: 16px; } .single-product .deal-sold > div { width: 100%; } .single-product .deal-sold .deal-sold-text { margin-top: 0; margin-bottom: 7px; font-size: 12px; font-size: 0.75rem; } .single-product .deal-sold .deal-sold-text span:last-child { color: var(--e-global-color-secondary); } .single-product .deal-sold .progress-bar { border-radius: 5px; height: 8px; } .single-product .deal-sold .progress-bar .progress-value { background-color: var(--e-global-color-primary); } .single-product .woocommerce-tabs { display: block; position: relative; margin-top: 57px; } @media (max-width: 767px) { .single-product .woocommerce-tabs { margin: 40px 0 0; } } .single-product .woocommerce-tabs ul.tabs { margin: 0; list-style: none; position: relative; margin-bottom: 50px; } @media (max-width: 767px) { .single-product .woocommerce-tabs ul.tabs { display: none; } } .single-product .woocommerce-tabs ul.tabs:before { content: ""; position: absolute; margin-left: calc(-100vw + 50%); margin-right: calc(-100vw + 50%); width: 200vw; z-index: -1; height: 1px; left: 0; top: 100%; background-color: var(--e-global-color-border); } .single-product .woocommerce-tabs ul.tabs li { display: inline-block; } .single-product .woocommerce-tabs ul.tabs li:first-child a { margin-left: 0; } .single-product .woocommerce-tabs ul.tabs li:last-child a { margin-right: 0; } .single-product .woocommerce-tabs ul.tabs li a { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-lighter); font-size: 18px; font-size: 1.125rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; position: relative; text-transform: capitalize; font-weight: 600; line-height: 28px; padding: 11px 30px 13px; margin-bottom: -1px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .single-product .woocommerce-tabs ul.tabs li a:hover { color: var(--e-global-color-secondary); border-color: var(--e-global-color-border); border-bottom-color: #ffffff; } .single-product .woocommerce-tabs ul.tabs li.active a { color: var(--e-global-color-secondary); font-style: initial; transition: all 0.3s ease; border-color: var(--e-global-color-border); border-bottom-color: #ffffff; } .single-product .woocommerce-tabs.product-accordions { padding: 0; margin-top: 30px; } .single-product .woocommerce-tabs.product-accordions.active .accordion-item:last-child, .single-product .woocommerce-tabs.product-accordions:focus .accordion-item:last-child { border-bottom: none; } .single-product .woocommerce-tabs.product-accordions:after, .single-product .woocommerce-tabs.product-accordions:before { content: none; } .single-product .woocommerce-tabs.product-accordions .accordion-item:last-child .accordion-head { border-bottom: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-head { padding: 15px 0; position: relative; cursor: pointer; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } @media (max-width: 425px) { .single-product .woocommerce-tabs.product-accordions .accordion-head { padding: 10px 0; } } .single-product .woocommerce-tabs.product-accordions .accordion-head:hover .accordion-title { color: var(--e-global-color-primary); } .single-product .woocommerce-tabs.product-accordions .accordion-head.active .accordion-title, .single-product .woocommerce-tabs.product-accordions .accordion-head:focus .accordion-title { display: inline-block; } .single-product .woocommerce-tabs.product-accordions .accordion-head.active:before, .single-product .woocommerce-tabs.product-accordions .accordion-head:focus:before { opacity: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-head.active:after, .single-product .woocommerce-tabs.product-accordions .accordion-head:focus:after { opacity: 1; } .single-product .woocommerce-tabs.product-accordions .accordion-head:after { position: absolute; opacity: 0; top: 50%; padding: 6px 0px 4px; border-radius: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--e-global-color-lighter); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; right: -1px; font-size: 12px; font-size: 0.75rem; font-weight: var(--e-global-typography-primary-font-weight); } .single-product .woocommerce-tabs.product-accordions .accordion-head:before { position: absolute; top: 50%; padding: 6px 0px 4px; border-radius: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--e-global-color-lighter); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; right: -1px; font-size: 12px; font-size: 0.75rem; font-weight: var(--e-global-typography-primary-font-weight); } .single-product .woocommerce-tabs.product-accordions .accordion-title { display: inline-block; position: relative; font-size: 18px; font-size: 1.125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); border-radius: 22px; line-height: 28px; font-weight: 600; margin-bottom: 0; color: var(--e-global-color-secondary); -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 425px) { .single-product .woocommerce-tabs.product-accordions .accordion-title { font-size: 18px; font-size: 1.125rem; } } .single-product .woocommerce-tabs.product-accordions .reviews_tab + .accordion-body.active { border-bottom: 0; padding: 20px 0 0 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body { padding: 20px 30px 30px 0; display: none; } .single-product .woocommerce-tabs.product-accordions .accordion-body.active { border-bottom: 1px solid var(--e-global-color-border); border-radius: 0; padding: 20px 0 20px 0; margin: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body table tr { border-top: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body table tr:last-child { border-bottom: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body h2:first-of-type { display: none; } .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #comments, .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper { width: 100%; float: none; padding-right: 0; padding-left: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #comments .form-submit button, .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper .form-submit button { border: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #comments .form-submit button:hover, .single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper .form-submit button:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .single-product .woocommerce-tabs.product-accordions .accordion-body .list-unstyled { margin-left: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled { margin: 0; } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li { margin-bottom: 5px; } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-address > span:not(.details) { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating { vertical-align: middle; } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating .text { vertical-align: text-bottom; } .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .star-rating { display: inline-block; } .single-product .woocommerce-tabs.product-accordions table td, .single-product .woocommerce-tabs.product-accordions table th { word-break: unset; } @media (min-width: 768px) { .single-product .woocommerce-tabs.product-accordions ul.products li.product { flex: 0 0 50%; max-width: 50%; } } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled { margin: 0; } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li { margin-bottom: 5px; } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-address > span:not(.details) { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating { vertical-align: middle; } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating .text { vertical-align: text-bottom; } .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .star-rating { display: inline-block; } .single-product .woocommerce-tabs .panel h2:first-of-type { display: none; } .single-product .woocommerce-tabs .review_form label { margin-bottom: 0.5em; display: block; } .single-product .woocommerce-tabs h2.resp-accordion { display: flex; align-items: center; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 20px; font-size: 20px; font-size: 1.25rem; font-weight: 700; padding: 1em 0; margin: 0; border-top: 1px solid; border-color: var(--e-global-color-border); } @media (min-width: 768px) { .single-product .woocommerce-tabs h2.resp-accordion { display: none; } } .single-product .woocommerce-tabs h2.resp-accordion.active { border-top: 2px solid; border-color: var(--e-global-color-primary); } .single-product .woocommerce-tabs .woocommerce-product-attributes-item__label { color: var(--e-global-color-dark); font-size: 16px; font-size: 1rem; word-break: normal; } .single-product .product-extra-info ul { margin: 0; list-style: none; } .single-product .product-extra-info ul li { display: flex; align-items: center; font-size: 16px; font-size: 1rem; line-height: 16px; margin-bottom: 20px; color: var(--e-global-color-text); } .single-product .product-extra-info ul li:last-child { margin-bottom: 0; } .single-product .product-extra-info ul li i { margin-right: 10px; } .single-product .product-extra-info .brand-content { padding-bottom: 20px; } .single-product .product-extra-info .brand-wrap { padding-top: 20px; border-top: 1px solid var(--e-global-color-border); } .single-product .product-extra-info .title-brand { display: block; font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-primary-font-weight); line-height: 22px; color: var(--e-global-color-primary); } .single-product .product-brand { display: inline-block; color: var(--e-global-color-lighter); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 425px) { .single-product .product-brand { width: 50%; } } .single-product #page .site-content { margin-top: 34px; margin-bottom: 80px; } @media (max-width: 767px) { .single-product #page .site-content { margin-bottom: 60px; } } .single-product.bokifa-sidebar-left div.product form.cart .quantity, .single-product.bokifa-sidebar-right div.product form.cart .quantity { width: 110px; } .single-product .deal-sold { margin-top: 0; margin-bottom: 20px; } .woosc-table-items .compare-none { display: none; } .woosc-table-items .compare-full-width { width: 100%; } body:not(.elementor-default) #page .site-content { margin-top: 80px; } @media (max-width: 767px) { body:not(.elementor-default) #page .site-content { margin-top: 60px; } } body:not(.elementor-default) div.product .bokifa-wrapper-loop-rating, body:not(.elementor-default) ul.products .bokifa-wrapper-loop-rating { margin-top: 0; } body:not(.elementor-default) div.product .product-transition, body:not(.elementor-default) ul.products .product-transition { margin-bottom: 20px; } body:not(.elementor-default) div.product .related ul.bokifa-products, body:not(.elementor-default) ul.products .related ul.bokifa-products { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 768px) { body:not(.elementor-default) div.product .related ul.bokifa-products, body:not(.elementor-default) ul.products .related ul.bokifa-products { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { body:not(.elementor-default) div.product .related ul.bokifa-products, body:not(.elementor-default) ul.products .related ul.bokifa-products { grid-template-columns: 100%; } } .product-single-style-2 .entry-summary form.cart .quantity_wrap input[type=number] { background-color: #ffffff; } .product-single-style-2 .entry-summary form.cart .quantity { background-color: #ffffff; } .product-single-style-2 .breadcrumb-wrap { position: relative; z-index: 9; } .product-single-style-2 .content-single-wrapper { position: relative; } .product-single-style-2 .content-single-wrapper:before { content: ""; position: absolute; background-color: #f2f2f2; width: 130vw; top: -76px; height: 116%; z-index: -1; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 1024px) { .product-single-style-2 .content-single-wrapper { position: relative; } .product-single-style-2 .content-single-wrapper:before { width: 100vw; height: 114%; z-index: -1; } } @media only screen and (max-width: 768px) { .product-single-style-2 .content-single-wrapper { position: relative; } .product-single-style-2 .content-single-wrapper:before { width: 100vw; height: 109%; z-index: -1; } } @media only screen and (max-width: 425px) { .product-single-style-2 .content-single-wrapper { position: relative; } .product-single-style-2 .content-single-wrapper:before { width: 100vw; top: -76px; z-index: -1; } } @media only screen and (max-width: 320px) { .product-single-style-2 .content-single-wrapper { position: relative; } .product-single-style-2 .content-single-wrapper:before { width: 100vw; top: -99px; height: 629vw; z-index: -1; } } .product-single-style-2 .woocommerce-tabs { margin-top: 130px; } .single-product-tab-vertical .woocommerce-tabs .col-full { display: flex; flex-direction: row; } @media (max-width: 767px) { .single-product-tab-vertical .woocommerce-tabs .col-full { display: block; } } .single-product-tab-vertical .woocommerce-tabs ul.tabs { flex: 0 0 300px; text-align-last: inherit; margin-right: 60px; } .single-product-tab-vertical .woocommerce-tabs ul.tabs:before { display: none; } .single-product-tab-vertical .woocommerce-tabs ul.tabs li { display: block; } .single-product-tab-vertical .woocommerce-tabs ul.tabs li a { border: 0; border-bottom: 1px solid; padding: 20px 0; border-color: var(--e-global-color-border); } .single-product-tab-vertical .woocommerce-tabs ul.tabs li a:hover { border-bottom: 1px solid; border-color: var(--e-global-color-secondary); } .single-product-tab-vertical .woocommerce-tabs ul.tabs li.active a { border-bottom: 1px solid; border-color: var(--e-global-color-secondary); } @media only screen and (max-width: 425px) { .single-product-tab-vertical .woocommerce-tabs .col-full { display: block; } } @media (max-width: 767px) { .single-product-tab-vertical .woocommerce-tabs ul.tabs { flex: 0 0 200px; margin-right: 60px; } } .single-product-tab-expand .product-tab-expand .expand-item { display: flex; flex-direction: row; border-bottom: 1px solid var(--e-global-color-border); padding-bottom: 60px; margin-bottom: 60px; } @media (max-width: 768px) { .single-product-tab-expand .product-tab-expand .expand-item { padding-bottom: 30px; } } @media (max-width: 767px) { .single-product-tab-expand .product-tab-expand .expand-item { margin-bottom: 30px; } } .single-product-tab-expand .product-tab-expand .expand-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .single-product-tab-expand .product-tab-expand .expand-item .expand-title { flex: 0 0 300px; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 60px; } .single-product-tab-expand .product-tab-expand .expand-item .expand-body h2:first-child { display: none; } @media only screen and (max-width: 768px) { .single-product-tab-expand .product-tab-expand .expand-item .expand-title { flex: 0 0 230px; } } @media only screen and (max-width: 425px) { .single-product-tab-expand .product-tab-expand .expand-item { display: flow-root; } } .entry-summary p.price { font-size: 24px; font-size: 1.5rem; line-height: 28px; font-weight: 600; margin-bottom: 20px; padding-top: 18px; margin-top: 22px; border-top: 1px solid var(--e-global-color-border); } .entry-summary p.price ins { font-size: 24px; font-size: 1.5rem; line-height: 28px; font-weight: 600; } @media (max-width: 767px) { .entry-summary p.price ins { font-size: 30px; font-size: 1.875rem; } } .entry-summary p.price del { font-size: 18px; font-size: 1.125rem; font-weight: 600; margin-bottom: -2px; margin-left: 5px; } .entry-summary .amount:nth-child(1) { margin-right: 5px; } .entry-summary .amount:nth-child(2) { margin-left: 5px; } .entry-summary .woocommerce-product-details__short-description p { margin-bottom: 11px; } .entry-summary form.cart { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 0; border-top: 1px solid var(--e-global-color-border); padding-top: 33px; margin-top: 25px; } .entry-summary form.cart::before, .entry-summary form.cart::after { content: ""; display: table; } .entry-summary form.cart::after { clear: both; } .entry-summary form.cart .product_button { display: flex; align-items: center; margin-bottom: 10px; order: 99; } .entry-summary form.cart .clear { position: relative; flex: 0 0 calc(100% + 3.6rem); width: calc(100% + 2rem); margin-left: -1.8rem; margin-top: 20px; border-top: 1px solid var(--e-global-color-border); } .entry-summary form.cart.grouped_form, .entry-summary form.cart.variations_form { padding: 0; border: none; margin-top: 0; } .entry-summary form.cart .quantity_wrap input[type=number] { padding: 15px 15px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 1; background-color: transparent; } .entry-summary form.cart .quantity_wrap .quantity_label { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .entry-summary form.cart .quantity_wrap .quantity_label:focus { background-color: #f1f1f1; color: #21759b; border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .entry-summary form.cart .quantity_wrap input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 30px; } @media (max-width: 424px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap { flex-wrap: wrap; flex-direction: column-reverse; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .quantity { display: inline-flex !important; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .quantity:not(.show) { display: none !important; } @media (max-width: 424px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier { width: 100%; margin-top: 10px; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .quantity_tier { color: var(--e-global-color-dark); } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .bokifa-dropdown-tiers .tier-value { padding: 5px 0; margin-bottom: 10px; border: 0; border-bottom: 2px solid var(--e-global-color-border); width: 100%; border-radius: 0; font-size: 18px; font-size: 1.125rem; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; cursor: pointer; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .bokifa-dropdown-tiers .tier-value:before { margin-right: 10px; font-size: 10px; font-size: 0.625rem; font-weight: 600; color: var(--e-global-color-dark); } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .bokifa-dropdown-tiers .tier-value:hover { background-color: transparent; border-color: var(--e-global-color-dark); color: var(--e-global-color-dark); } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .buttons_added { border: 0; border-bottom: 2px solid var(--e-global-color-border); width: 100%; border-radius: 0; padding: 0; margin-right: 0; margin-bottom: 10px; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .buttons_added input[type=number] { padding: 0.45rem 0.5rem; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .buttons_added .minus { margin-left: 0; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .buttons_added .plus { margin-right: 0; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .show_qty_input { color: var(--e-global-color-primary); } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .wrap-action-tier .show_qty_input:hover { color: var(--e-global-color-dark); } @media (max-width: 424px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers { width: 100%; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .each-price { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-dark); font-weight: 600; text-align: end; } @media (max-width: 425px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .each-price { font-size: 20px; font-size: 1.25rem; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .subtotal-price { text-align: end; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .subtotal-price > span { font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-lighter); } @media (max-width: 425px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .subtotal-price > span { font-size: 16px; font-size: 1rem; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .subtotal-price .subtotal-price-value { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 28px; font-size: 1.75rem; color: var(--e-global-color-primary); font-weight: 600; } @media (max-width: 425px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .calculer-price-tiers .subtotal-price .subtotal-price-value { font-size: 20px; font-size: 1.25rem; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table { position: absolute; width: 100%; background-color: #fff; box-shadow: 0 0 5px 2px rgba(21, 22, 23, 0.2); z-index: 99; top: 100%; border-radius: 5px; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row { border: 1px solid transparent; padding: 10px 30px; } @media (max-width: 568px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row { padding: 10px 15px; } } @media (max-width: 425px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row { padding: 10px 15px; flex-wrap: wrap; justify-content: space-between; border: 0; border-bottom: 1px solid var(--e-global-color-border); } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row:last-child { border-bottom: 0; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row.wpcpq-item-active { color: var(--e-global-color-dark); border-color: var(--e-global-color-primary); background-color: #e7f8f9; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row:hover:not(.wpcpq-head, .wpcpq-foot) { color: var(--e-global-color-dark); background-color: #e7f8f9; } @media (max-width: 425px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row > div.wpcpq-item-qty { flex: 0 0 30%; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-row > div.wpcpq-item-price { flex: 0 0 65%; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-head { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); font-weight: 600; margin-top: 20px; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-foot { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); font-weight: 600; margin-bottom: 20px; } @media (max-width: 767px) { .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .tier-table .wpcpq-item-discount { width: 100%; } } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .quantity_tier { display: block; } .entry-summary form.cart .quantity_wrap.quantity_tiers_wrap .show_qty_input { display: inline-block; cursor: pointer; } .entry-summary form.cart .quantity { min-width: 140px; position: relative; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; margin-right: 10px; border-radius: 25px; background-color: #f5f5f5; padding: 0 20px; margin-bottom: 0; } @media (max-width: 320px) { .entry-summary form.cart .quantity { padding: 0 10px; } } .entry-summary form.cart .quantity.hidden { display: none; } .entry-summary form.cart .quantity button { display: flex; justify-content: center; align-items: center; padding: 9px 0 9px 0; text-align: center; z-index: 9; border: none; width: 10px; height: 18px; border-radius: 50px; background-color: transparent; } .entry-summary form.cart .quantity button:after { display: none; } .entry-summary form.cart .quantity button i { color: var(--e-global-color-secondary); font-size: 8px; font-size: 0.5rem; font-weight: 700; margin: 0; } .entry-summary form.cart .quantity button:hover i { color: var(--e-global-color-primary); } .entry-summary form.cart .quantity .qty { padding: 0px 0; margin: 0 -10px; -moz-appearance: textfield; text-align: center; font-size: 14px; font-size: 0.875rem; font-weight: 700; color: var(--e-global-color-dark); flex: 1; border: unset; background-color: transparent; } .entry-summary form.cart .quantity .qty::-webkit-outer-spin-button, .entry-summary form.cart .quantity .qty::-webkit-inner-spin-button { opacity: 1; } .entry-summary form.cart .quantity .qty:focus { border-color: var(--e-global-color-accent); } .entry-summary form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity { float: none; margin-right: 0; } @media (max-width: 1023px) { .entry-summary form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a { font-size: 11px; font-size: 0.6875rem; } } .entry-summary form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button { display: flex; justify-content: center; align-items: center; padding: 15px; margin-right: 12px; max-width: 200px; min-width: 180px; height: 50px; flex: 1; margin-bottom: 10px; } .entry-summary form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button:after { font-size: 8px; font-size: 0.5rem; margin-right: 10px; color: #fff; order: -1; } .entry-summary form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button:before { margin-right: -18px; } .entry-summary form.cart table.group_table { margin-bottom: 30px; margin-top: 8px; border-bottom: 1px solid var(--e-global-color-border); } .entry-summary form.cart table.group_table tr { border-bottom: 1px solid; border-color: var(--e-global-color-border); } .entry-summary form.cart table.group_table td { padding: 11px 0 12px 0; vertical-align: middle; } .entry-summary form.cart table.group_table td.woocommerce-grouped-product-list-item__price { text-align: end; } .entry-summary form.cart table.group_table .quantity_label { display: none; } @media (max-width: 500px) { .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__image, .entry-summary form.cart table.group_table .woocommerce-grouped-product-image { display: none; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__label { padding-left: 0; } } .entry-summary form.cart table.group_table .quantity { margin-bottom: 0; } @media (max-width: 767px) { .entry-summary form.cart table.group_table .quantity { width: 120px; } .entry-summary form.cart table.group_table .quantity .qty { width: 40px; } } .entry-summary form.cart table.group_table .quantity .text-quantity { display: none; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__image, .entry-summary form.cart table.group_table .woocommerce-grouped-product-image { padding-right: 15px; width: 80px; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__image img, .entry-summary form.cart table.group_table .woocommerce-grouped-product-image img { max-width: 80px; height: 110px; margin: auto; border-radius: 5px; margin-bottom: 20px; object-fit: cover; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__label { padding-right: 10px; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__label .bokifa-single-product-extra-label p { margin-bottom: 5px; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__label a { color: var(--e-global-color-dark); word-break: break-word; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__label a:hover { color: var(--e-global-color-primary); } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount { color: var(--e-global-color-lighter); font-weight: var(--e-global-typography-primary-font-weight); font-size: 12px; font-size: 0.75rem; } .entry-summary form.cart table.group_table .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount { color: var(--e-global-color-text); } .entry-summary form.cart table.group_table p.price { font-size: 20px; font-size: 1.25rem; border: 0; margin-bottom: 20px; padding-top: 0; margin-top: 20px; } .entry-summary form.cart table.group_table p.price ins { font-size: 20px; font-size: 1.25rem; padding-bottom: 0; } .entry-summary form.cart table.group_table .woocommerce-Price-amount { word-break: normal; display: block; } .entry-summary .product_meta { border-top: 1px solid var(--e-global-color-border); padding-top: 21px; margin-top: 27px; } .inventory_status { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #82D175; position: relative; background-color: rgba(36, 198, 109, 0.1); padding: 0 10px; border-radius: 30px; text-transform: uppercase; margin-right: 20px; } .inventory_status .stock-title { color: var(--e-global-color-primary); } .inventory_status.out-stock { color: #ffffff; background-color: var(--e-global-color-lighter); } .inventory_status.out-stock:before { background-color: var(--e-global-color-lighter); } .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } a.reset_variations { display: inline-block; margin-left: 1em; } .bokifa-woocommerce-tabs { margin-top: 50px; } .bokifa-woocommerce-tabs .umimi-woocommerce-tabs-panel { padding: 50px 0; border-top: 1px solid; border-top-color: var(--e-global-color-border); } .bokifa-woocommerce-tabs .umimi-woocommerce-tabs-panel h2:first-of-type { font-size: 16px; font-size: 1rem; margin-bottom: 40px; color: var(--e-global-color-secondary); } .bokifa-woocommerce-tabs .umimi-woocommerce-tabs-panel table.shop_attributes th { padding: 4px 10px 4px 0; } .bokifa-woocommerce-tabs .umimi-woocommerce-tabs-panel table.shop_attributes td { padding: 4px 0 4px 10px; text-align: right; } .single-product-reviews-wrap { max-width: 855px; margin-left: auto; margin-right: auto; margin-top: 100px; } .single-product-reviews-wrap .woocommerce-Reviews-title { display: none; } .single-product-reviews-wrap .review-title { font-size: 36px; font-size: 2.25rem; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); margin-bottom: 50px; } .single-product-reviews-wrap .review-title .count { width: 20px; height: 20px; line-height: 20px; color: #fff; background-color: #000; border-radius: 20px; text-align: center; font-size: 14px; font-size: 0.875rem; display: inline-block; margin-left: 5px; } /** * Reviews */ #reviews { outline: none; max-width: 100%; margin-left: auto; margin-right: auto; } .accordion-body #reviews { max-width: 1400px; } #reviews #comments { margin-bottom: 3.7065595576em; padding-top: 0; margin-top: 0; } #reviews .commentlist { list-style: none; margin: 0; } #reviews .commentlist li { margin-bottom: 5px; } #reviews .commentlist li .comment_container { margin-bottom: 30px; } #reviews .commentlist li .comment_container::before, #reviews .commentlist li .comment_container::after { content: ""; display: table; } #reviews .commentlist li .comment_container::after { clear: both; } #reviews .commentlist li .comment_container .comment-text { width: calc(100% - 72px); float: right; position: relative; margin-top: -7px; } #reviews .commentlist li .comment_container .comment-text .star-rating { font-size: 12px; font-size: 0.75rem; } #reviews .commentlist li:last-child { border-bottom: 0; margin-bottom: 0; } #reviews .commentlist li time { color: var(--e-global-color-lighter); margin-top: 4px; } #reviews .commentlist li .avatar { width: 60px; height: 60px; float: left; margin-right: 12px; border-radius: 50%; object-fit: cover; } #reviews .commentlist li p.meta { margin-bottom: 20px; display: grid; position: relative; } #reviews .commentlist li p.meta strong { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-dark); line-height: 22px; font-weight: 600; } #reviews .commentlist li p.meta time { font-size: 12px; font-size: 0.75rem; line-height: 1.3333333333; } #reviews .commentlist li p.meta time:before { margin-right: 5px; line-height: 1; margin-top: -3px; } #reviews .commentlist li p.meta .verified { font-style: normal; font-size: 0.875em; } #reviews .commentlist li p.meta .woocommerce-review__dash { display: none; } #reviews .commentlist li .description { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #reviews .commentlist li ul.children { margin: 0; width: 82.2222222222%; float: right; margin-right: 0; padding-top: 1.618034em; } #reviews .commentlist li ul.children .avatar { width: 13.5135135135%; float: left; margin-right: 8.1081081081%; } #reviews .commentlist li ul.children .comment-text { width: 78.3783783784%; float: right; margin-right: 0; } #reviews .commentlist li ul.children li { margin-bottom: 1.618034em; } #reviews .commentlist li ul.children li:last-child { margin-bottom: 0; } #reviews .comment-form { display: flex; margin-top: 15px; } #reviews .comment-form .comment-notes { order: -4; flex-wrap: wrap; display: flex; margin-bottom: 1em; } #reviews .comment-form .comment-form-comment { margin-bottom: 1.25em; } #reviews .comment-form .comment-form-comment label { display: none; } #reviews .comment-form .comment-form-author { order: -2; max-width: 33.3%; margin-bottom: 1.875em; } #reviews .comment-form .comment-form-number { order: -2; max-width: 33.3%; } #reviews .comment-form .comment-form-email { order: -2; max-width: 33.3%; margin-bottom: 1.875em; } #reviews .comment-form .comment-form-cookies-consent { margin-bottom: 1.875em; } @media (max-width: 767px) { #reviews .comment-form .comment-form-comment, #reviews .comment-form .comment-form-author, #reviews .comment-form .comment-form-email, #reviews .comment-form .comment-form-number { max-width: 100%; } } #reviews .comment-form-rating { clear: both; margin-bottom: 1.875em; display: inline-grid; text-transform: uppercase; order: -3; } #reviews .comment-form-rating label { margin-bottom: 7px; } #reviews .comment-form-rating p.stars { line-height: 1; } #reviews .comment-form-comment input, #reviews .comment-form-author input, #reviews .comment-form-email input, #reviews .comment-form-number input { width: 100%; } #reviews .comment-form-comment input::placeholder, #reviews .comment-form-author input::placeholder, #reviews .comment-form-email input::placeholder, #reviews .comment-form-number input::placeholder { color: var(--e-global-color-text); } #reviews .comment-form-comment textarea { color: var(--e-global-color-text); font-size: 16px; font-size: 1rem; } #reviews .comment-form-comment textarea::placeholder { color: var(--e-global-color-text); } #reviews .comment-form-comment, #reviews .comment-form-author, #reviews .comment-form-email, #reviews .comment-form-cookies-consent, #reviews .comment-notes { margin-bottom: 2.25em; color: var(--e-global-color-text); display: flex; align-items: baseline; } #reviews .comment-form-comment input, #reviews .comment-form-author input, #reviews .comment-form-email input, #reviews .comment-form-cookies-consent input, #reviews .comment-notes input { color: var(--e-global-color-text); font-size: 16px; font-size: 1rem; } #reviews .comment-form-comment label, #reviews .comment-form-author label, #reviews .comment-form-email label, #reviews .comment-form-cookies-consent label, #reviews .comment-notes label { display: block; color: #353535; } #reviews .comment-form-cookies-consent:before { content: ""; display: block; clear: left; } #reviews .comment-form .form-submit button { font-size: 14px; font-size: 0.875rem; line-height: 1; padding: 17px 30px; color: #ffffff; } #reviews .comment-form .form-submit button:hover { background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); } #reviews .comment-form .form-submit button:after { margin-left: 7px; font-size: 12px; font-size: 0.75rem; margin-top: -3px; } table.shop_attributes th { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 18px; font-size: 1.125rem; text-transform: capitalize; } .bokifa-sticky-add-to-cart { background-color: var(--background); } .bokifa-sticky-add-to-cart__content { font-size: 16px; font-size: 1rem; } .bokifa-sticky-add-to-cart__content-title strong { color: var(--e-global-color-secondary); font-weight: var(--e-global-typography-text-font-weight); } .bokifa-sticky-add-to-cart__content-button { border: none; letter-spacing: 0; padding: 13px 25px; background-color: var(--e-global-color-accent); } .bokifa-sticky-add-to-cart__content-button:hover { background-color: var(--e-global-color-primary); } .bokifa-sticky-add-to-cart__content-price { display: inline-flex; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-primary); margin-bottom: 4px; align-items: center; font-weight: var(--e-global-typography-primary-font-weight); } .bokifa-sticky-add-to-cart__content-price ins { order: -1; margin-left: 0; margin-right: 0.6180469716em; background-color: transparent; color: var(--e-global-color-text); } .bokifa-sticky-add-to-cart__content-price del { font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-lighter); } .sizechart-popup { width: 1000px; max-width: 100vw; overflow-y: auto; position: fixed; left: 50%; padding: 60px; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 998; opacity: 0; visibility: hidden; pointer-events: none; transition: all ease-in-out 0.3s; } .sizechart-popup.active { opacity: 1; pointer-events: auto; visibility: visible; } .sizechart-popup.active + .sizechart-overlay { opacity: 1; visibility: visible; } .sizechart-popup .sizechart-close { position: absolute; right: 20px; top: 20px; font-size: 24px; font-size: 1.5rem; line-height: 1; } .sizechart-popup .sizechart-close i { color: var(--e-global-color-dark); } .sizechart-popup .sizechart-close:hover i { color: var(--e-global-color-primary); } .sizechart-button { font-size: 12px; font-size: 0.75rem; text-decoration: underline; text-transform: uppercase; line-height: 2; margin-bottom: 1em; display: inline-block; color: var(--e-global-color-dark); } .sizechart-button:hover { color: var(--e-global-color-primary); text-decoration: underline; } .sizechart-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; z-index: 997; opacity: 0; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; transition: opacity 0.25s ease, visibility 0s ease; } .bokifa-frequently-bought { margin-top: 5px; padding-top: 20px; margin-bottom: 10px; border-top: 1px solid; border-color: var(--e-global-color-border); } .bokifa-frequently-bought .frequently-bought-title { margin-bottom: 10px; font-size: 13px; font-size: 0.8125rem; text-transform: uppercase; color: var(--e-global-color-secondary); } .bokifa-frequently-bought ul { list-style: none; margin: 0; } .bokifa-frequently-bought .product-item { display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid; position: relative; border-color: var(--e-global-color-border); cursor: pointer; } .bokifa-frequently-bought .product-item:last-child { padding-bottom: 0; border-bottom: 0; } .bokifa-frequently-bought .product-item img { width: 80px; margin-right: 20px; border: 4px solid #fff; box-shadow: 0 0 0 1px; color: var(--e-global-color-border); background-color: #f7f4ef; border-radius: 18px; } .bokifa-frequently-bought .product-item.uncheck * { opacity: 0.8; } .bokifa-frequently-bought .content-product-item { height: 100%; flex: 1; } .bokifa-frequently-bought .content-product-item .product-title { position: relative; z-index: 2; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-secondary); } .bokifa-frequently-bought .content-product-item .posted-in a { font-size: 13px; font-size: 0.8125rem; color: var(--e-global-color-text); } .bokifa-frequently-bought .product-price { font-size: 16px; font-size: 1rem; margin: 0 30px; color: var(--e-global-color-primary); } .bokifa-frequently-bought .product-price del { font-size: 0.95em; } .bokifa-frequently-bought .product-price ins { background: transparent; } .bokifa-frequently-bought .price-box .label { color: var(--e-global-color-secondary); } .bokifa-frequently-bought .price-box .bokifa-total-price { font-size: 30px; font-size: 1.875rem; color: var(--e-global-color-primary); } .bokifa-frequently-bought input[type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 !important; z-index: 1; cursor: pointer; } .bokifa-frequently-bought input[type=checkbox] + span { opacity: 1 !important; } .bokifa-frequently-bought input[type=checkbox] + span:before { content: "+"; width: 30px; height: 30px; display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 30px; text-align: center; background-color: #f7f4ef; border-radius: 50%; color: #000; } .bokifa-frequently-bought input[type=checkbox]:checked + span:before { content: "-"; } .bokifa-frequently-bought .bokifa_add_to_wishlist_button { color: #000; } .bokifa-frequently-bought .product-buttons { display: flex; justify-content: space-between; } .bokifa-frequently-bought .product-buttons form { margin-bottom: 0; } .bokifa-frequently-bought .product-buttons .bokifa-add-to-cart { font-size: 12px; font-size: 0.75rem; } #rotateimages { cursor: ew-resize; } .view-360-group { margin-top: 30px; margin-bottom: 40px; display: flex; justify-content: center; align-items: center; } .view-360-group .view-360-svg { margin-left: 20px; margin-right: 20px; font-size: 30px; font-size: 1.875rem; color: var(--e-global-color-dark); } .view-360-group .view-360-button i { font-size: 16px; font-size: 1rem; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border: 1px solid; border-color: var(--e-global-color-border); border-radius: 50%; color: var(--e-global-color-dark); cursor: pointer; } .view-360-group .view-360-button i:hover { color: #ffffff; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .single-product .view-360-group + .mfp-close { border: none; color: #000; font-size: 25px; font-size: 1.5625rem; font-weight: var(--e-global-typography-text-font-weight); width: 30px; height: 30px; line-height: 1; } .woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name { display: none; } .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span { padding: 10px 26px 10px 20px; min-width: 46px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; text-transform: uppercase; font-weight: 700; line-height: 20px; text-align: left; } .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .attr-price { display: block; color: var(--e-global-color-primary); font-size: 14px; font-size: 0.875rem; } .woocommerce-product-gallery__trigger img { display: none; opacity: 0; visibility: hidden; } .pbr-social-share { color: var(--e-global-color-lighter); display: none; } .pbr-social-share a { color: var(--e-global-color-text); text-align: center; line-height: 16px; font-size: 16px; display: flex; margin-right: 13px; padding: 0 5px; align-content: center; justify-content: center; align-items: center; } .pbr-social-share a:first-child { margin-left: 5px; } .pbr-social-share a:hover { color: var(--e-global-color-primary); } .woocommerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:after { display: none; } .button-attr { position: relative; display: block; border: 1px solid var(--e-global-color-border); width: 100%; border-radius: 25px; padding: 10px 20px; margin-top: -2px; color: var(--e-global-color-text); } .button-attr span { font-weight: 600; } .button-attr:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-text); font-weight: 600; } .button-attr:hover { border-color: var(--e-global-color-primary); color: var(--e-global-color-text); } .popup-attr { position: relative; background-color: #fff; border-radius: 20px; padding: 30px; height: 695px; max-width: 1150px; overflow: auto; } .popup-attr .mfp-close { position: absolute; top: 5px; right: 5px; color: var(--e-global-color-dark); opacity: 1; } .popup-attr .mfp-close:hover { color: var(--e-global-color-primary); } .popup-attr .attr_footer_popup .save-popup span { font-size: 14px; font-size: 0.875rem; } .popup-attr .attr_left_side ul.attr_list_img { margin: 0; } .popup-attr .attr_left_side ul.attr_list_img li { list-style: none; } .popup-attr .attr_left_side ul.attr_list_img li img { object-fit: cover; width: 100%; max-height: 500px; border-radius: 10px; } .popup-attr .attr_left_side .attr_item_description { margin-top: 15px; } .popup-attr .attr_right_side .attr-label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 40px; font-size: 2.5rem; line-height: 1; font-size: 2.5rem; margin-bottom: 15px; } .popup-attr .attr_right_side .attr-description { margin-bottom: 15px; } .popup-attr .attr_right_side ul.attr-list-btn { margin: 0; overflow: auto; max-height: 500px; } .popup-attr .attr_right_side ul.attr-list-btn li { list-style: none; display: block; border: 1px solid var(--e-global-color-border); margin-bottom: 10px; border-radius: 25px; } .popup-attr .attr_right_side ul.attr-list-btn li:hover, .popup-attr .attr_right_side ul.attr-list-btn li.active { border-color: var(--e-global-color-primary); } .popup-attr .attr_right_side ul.attr-list-btn li.disabled { opacity: 0.4; background-color: rgba(0, 0, 0, 0.05); } .popup-attr .attr_right_side ul.attr-list-btn li.disabled .item-btn { pointer-events: none; } .popup-attr .attr_right_side ul.attr-list-btn .item-btn { width: 100%; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); background-color: transparent; color: var(--e-global-color-text); border: 0; border-radius: 25px; display: flex; justify-content: space-between; align-items: center; } .popup-attr .attr_right_side ul.attr-list-btn .item-btn .attr-name { font-size: 16px; font-size: 1rem; } .popup-attr .attr_right_side ul.attr-list-btn .item-btn .attr-name span { font-weight: 600; } .popup-attr .attr_right_side ul.attr-list-btn .attr-price { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-lighter); } .popup-attr .attr_right_side ul.attr-list-btn .attr-price del { margin-left: 5px; font-size: 13px; font-size: 0.8125rem; margin-bottom: -2px; } .popup-attr .attr_footer_popup { text-align: end; } .single_variation_wrap { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .single_variation_wrap .owcpv_wrapper .owcpv_box_toggle_button .owcpv_toggle { margin: -6px 0 19px; } .single_variation_wrap .owcpv_wrapper .owcpv_box_toggle_button .owcpv_flex_row_reverse label { font-size: 22px; font-size: 1.375rem; line-height: 28px; font-weight: 600; color: var(--e-global-color-dark); cursor: pointer; } @media (max-width: 320px) { .single_variation_wrap .owcpv_wrapper .owcpv_box_toggle_button .owcpv_flex_row_reverse label { font-size: 17px; font-size: 1.0625rem; } } .single_variation_wrap .owcpv_wrapper .owcpv_box_toggle_button .owcpv_flex_row_reverse .owpcv_toggle_input:checked + .owcpv_toggle_switch { background-color: var(--e-global-color-dark); margin-right: 16px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form { border: 1px solid var(--e-global-color-border); border-radius: 25px; padding: 30px 29px 30px; } @media (max-width: 568px) { .single_variation_wrap .owcpv_wrapper .owcpv_item_form { padding: 15px 15px 20px; } } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .form-group { margin-bottom: 19px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .form-group.formbuilder-checkbox-group { margin-bottom: 10px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .form-group.formbuilder-checkbox-group label > span { cursor: pointer; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .form-group.formbuilder-number { margin-bottom: 0; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .field-label { color: var(--e-global-color-dark); margin-bottom: 7px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio { margin-bottom: 10px; height: 100%; padding: 10px 5px 0; border-color: var(--e-global-color-border); border-radius: 25px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio:last-child { margin-bottom: 0; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio input[type=radio] { margin: 0; width: 20px; height: 20px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio input[type=radio]:focus { box-shadow: none; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio input[type=radio]:checked + .img_group_preview + label { color: var(--e-global-color-primary); } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio label { font-size: 16px; font-size: 1rem; cursor: pointer; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio label.img_group_preview { margin: 0; cursor: pointer; margin-bottom: 5px; border-color: var(--e-global-color-border); border-radius: 25px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio label.img_group_preview img { border-radius: 25px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio label.img_group_preview a { color: var(--e-global-color-dark); border: 1px solid var(--e-global-color-border); border-right: 0; border-bottom: 0; border-radius: 25px 0 25px 0; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .formbuilder-radio label.img_group_preview a:hover { color: var(--e-global-color-primary); } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .owcpv_clear_field { text-decoration: underline; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form select.form-control { height: 48px; padding: 5px 20px; border-radius: 25px; border: 1px solid var(--e-global-color-border); font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); cursor: pointer; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .qq-gallery.qq-uploader { position: relative; overflow-y: unset; min-height: 140px; border-radius: 25px; } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .qq-gallery.qq-uploader .qq-error-message { position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .qq-gallery.qq-uploader:before { bottom: 50%; transform: translateY(50%); } .single_variation_wrap .owcpv_wrapper .owcpv_item_form .qq-gallery.qq-uploader .qq-upload-button:before { display: none; } .single_variation_wrap .owcpv_price_summary { border: 1px solid var(--e-global-color-border); padding: 25px 30px 15px; border-radius: 25px; margin-bottom: 28px; } @media (max-width: 568px) { .single_variation_wrap .owcpv_price_summary { padding: 15px 15px 5px; } } .single_variation_wrap .owcpv_price_summary > ul li { padding: 0; } .single_variation_wrap .owcpv_price_summary > ul > li { padding: 5px 0; } .single_variation_wrap .owcpv_price_summary > ul > li span { color: var(--e-global-color-dark); } .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total { border-top: 1px solid var(--e-global-color-border); padding: 15px 0 7px; margin-top: 13px; } .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total > span { font-size: 22px; font-size: 1.375rem; font-weight: 600; } @media (max-width: 425px) { .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total > span { font-size: 20px; font-size: 1.25rem; } } .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total .woocommerce-Price-currencySymbol, .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total .wrap_price { font-size: 28px; font-size: 1.75rem; font-weight: 600; } @media (max-width: 425px) { .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total .woocommerce-Price-currencySymbol, .single_variation_wrap .owcpv_price_summary > ul > li.owcpv_total .wrap_price { font-size: 20px; font-size: 1.25rem; } } /** * Widgets */ .woocommerce .widget-area { -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0; border: none; } .widget-area.collapsed { visibility: hidden; transform: translate(-600px, 0); transition: all 0.3s ease-in-out; position: absolute; } #secondary .bokifa-widget-woocommerce { margin-bottom: 10px; padding: 29px 30px 30px; border: 1px solid var(--e-global-color-border); border-radius: 10px; } #secondary .bokifa-widget-woocommerce:last-child { border-bottom: 1px solid var(--e-global-color-border); padding: 29px 30px 30px; } #secondary .widget_price_filter .widget-title { margin-bottom: 0; } #secondary .widget_price_filter .widget-content { clip-path: inset(-30px); overflow: visible !important; margin-top: 25px; } #secondary .active { margin-bottom: 5px; } .widget_product_rankings .widget-content { border: 1px solid var(--e-global-color-border); padding: 31px 29px 35px; border-radius: 10px; } .widget_product_rankings .widget-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 26px; font-size: 1.625rem; line-height: 32px; pointer-events: none; margin-bottom: 28px; } .widget_product_rankings .widget-title:after { display: none; } .widget_product_rankings .product_list_widget .product-image { position: relative; } .widget_product_rankings .product_list_widget .product-image a .rank_number { position: absolute; width: 24px; height: 24px; background-color: #FC8A22; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #ffffff; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 18px; font-weight: 800; top: -11px; left: 10px; } .widget_product_rankings .product_list_widget li.product:nth-child(n+4) .product-image a .rank_number { background-color: #8D8D8D; } .tax-product_author #secondary .widget_product_rankings { border: none; padding: 0; border-radius: 0; } .tax-product_author #secondary .widget_product_rankings:last-child { border: none; padding: 0; border-radius: 0; } .tax-product_author #secondary .widget-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 26px; font-size: 1.625rem; line-height: 32px; pointer-events: none; margin-bottom: 28px; } .tax-product_author #secondary .widget-title:after { display: none; } .post-type-archive .widget_product_rankings .widget-content { border: 0; padding: 0; border-radius: 0; } .elementor-widget-sidebar .widget_product_rankings .widget-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 26px; font-size: 1.625rem; line-height: 32px; pointer-events: none; margin-bottom: 28px; } .elementor-widget-sidebar .widget_product_rankings .widget-title:after { display: none; } .product_list_widget { list-style: none; margin-left: 0; margin-bottom: 0; } .product_list_widget .product { border-bottom: 1px solid var(--e-global-color-border); } .product_list_widget li { display: flex; padding: 19px 0 20px; margin-bottom: 0 !important; } .product_list_widget li::before, .product_list_widget li::after { content: ""; display: table; } .product_list_widget li::after { clear: both; } .product_list_widget li img { max-width: 100px; object-fit: cover; border-radius: 10px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05); } .product_list_widget li:last-child { padding-bottom: 0; border: none; } .product_list_widget li:first-child { padding-top: 0; } .product_list_widget .reviewer { font-size: 0.875em; } .product_list_widget .product-image { position: relative; } .product_list_widget .product-content { margin-left: 16px; flex: 1; } .product_list_widget .label-wrapper > span { font-size: 10px; font-size: 0.625rem; } .widget ul.products li.product a { text-decoration: none; } .widget_rating_filter ul { margin-bottom: 0; } .widget_rating_filter .wc-layered-nav-rating { margin-bottom: 12px; position: relative; padding-left: 28px; } .widget_rating_filter .wc-layered-nav-rating:before { position: absolute; content: ""; width: 10px; height: 10px; top: 0; left: 0; border: 2px solid #DBDFE1; background-color: transparent; } .widget_rating_filter .wc-layered-nav-rating a { display: flex; align-items: center; justify-content: space-between; text-decoration: none !important; font-size: 14px; font-size: 0.875rem; line-height: 1; color: var(--e-global-color-text); } .widget_rating_filter .wc-layered-nav-rating .star-rating { display: inline-block; height: 1em; line-height: 1; margin-right: 5px; } .widget_rating_filter .wc-layered-nav-rating .star-rating span:before { color: #DDBD7A; } .widget_rating_filter .wc-layered-nav-rating:last-child { margin-bottom: 0; } .widget_rating_filter .wc-layered-nav-rating:hover a { color: var(--e-global-color-primary); } .widget .widget-content .product-categories li { margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; margin-right: 0; } .widget .widget-content .product-categories li.opened .count, .widget .widget-content .product-categories li.closed .count { margin-left: 10px; } .widget .widget-content .product-categories li i { margin-top: -5px; order: -2; } .widget_shopping_cart .product_list_widget { margin-bottom: 0; } .widget_shopping_cart .product_list_widget li { position: relative; padding-left: 27px; } .widget_shopping_cart .product_list_widget li a.remove { position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 1; } .widget_shopping_cart .product_list_widget li a.remove:hover:before { color: var(--e-global-color-dark); } .widget_shopping_cart .woocommerce-mini-cart__empty-message { margin: 1.41577975em; } .widget_shopping_cart .product_list_widget img { margin-right: 1em; float: left; } .widget_shopping_cart .mini_cart_item { display: grid; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } .widget_shopping_cart .mini_cart_item a { line-height: 1.41577975em; color: var(--e-global-color-secondary); margin-bottom: 3px; font-size: 16px; font-size: 1rem; } .widget_shopping_cart .mini_cart_item a:hover { color: var(--e-global-color-primary); } .widget_shopping_cart .mini_cart_item .quantity { color: var(--e-global-color-dark); } .widget_shopping_cart .mini_cart_item .quantity .amount { color: var(--e-global-color-primary); font-weight: var(--e-global-typography-accent-font-weight); } .widget_shopping_cart p.total { padding: 1em 0; margin: 0; border-top: 1px solid; border-top-color: var(--e-global-color-border); } .widget_shopping_cart p.total::before, .widget_shopping_cart p.total::after { content: ""; display: table; } .widget_shopping_cart p.total::after { clear: both; } .widget_shopping_cart p.total strong { color: var(--e-global-color-dark); font-weight: var(--e-global-typography-text-font-weight); } .widget_shopping_cart p.total .amount { color: var(--e-global-color-dark); font-size: 1.41577975em; font-weight: var(--e-global-typography-primary-font-weight); float: right; } .widget_shopping_cart .buttons { padding: 0 0 1em; margin: 0; text-align: center; display: flex; flex-direction: column; } .widget_shopping_cart .buttons a { display: inline-flex; justify-content: center; margin-bottom: 0.6180339845em; } .widget_shopping_cart .buttons a:not(.checkout) { background-color: transparent; border-color: transparent; color: var(--e-global-color-dark); } .widget_shopping_cart .buttons a:last-child { margin-bottom: 0; } .widget_shopping_cart .buttons a img { margin-left: auto; margin-right: auto; } .widget_layered_nav li { margin-bottom: 0.6180339845em; } .bokifa-widget-woocommerce ul, .dokan-store-widget ul { margin-bottom: 0; } .bokifa-widget-woocommerce ul li, .dokan-store-widget ul li { padding-left: 0; } .bokifa-widget-woocommerce ul li:before, .dokan-store-widget ul li:before { content: none; } .bokifa-widget-woocommerce ul li > a, .dokan-store-widget ul li > a { order: -3; flex: 1; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-secondary); letter-spacing: 0; position: relative; font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 2.1428571429; margin-left: 0; display: flex; justify-content: flex-start; align-items: center; } .bokifa-widget-woocommerce ul li > a:before, .dokan-store-widget ul li > a:before { position: relative; content: ""; width: 12px; height: 12px; border: 2px solid var(--e-global-color-border); margin-right: 12px; } .bokifa-widget-woocommerce ul li > a:after, .dokan-store-widget ul li > a:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 4px; width: 8px; height: 8px; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); visibility: hidden; opacity: 0; } .bokifa-widget-woocommerce ul li > a:hover, .dokan-store-widget ul li > a:hover { color: var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li > a:hover + .count, .dokan-store-widget ul li > a:hover + .count { color: var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li > a:hover:after, .dokan-store-widget ul li > a:hover:after { visibility: visible; opacity: 1; } .bokifa-widget-woocommerce ul li > a:hover:before, .dokan-store-widget ul li > a:hover:before { border-color: var(--e-global-color-primary); border: 2px solid var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li.current-cat > a, .bokifa-widget-woocommerce ul li.chosen > a, .dokan-store-widget ul li.current-cat > a, .dokan-store-widget ul li.chosen > a { color: var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li.current-cat > a:after, .bokifa-widget-woocommerce ul li.chosen > a:after, .dokan-store-widget ul li.current-cat > a:after, .dokan-store-widget ul li.chosen > a:after { visibility: visible; opacity: 1; } .bokifa-widget-woocommerce ul li.current-cat > a:before, .bokifa-widget-woocommerce ul li.chosen > a:before, .dokan-store-widget ul li.current-cat > a:before, .dokan-store-widget ul li.chosen > a:before { border-color: var(--e-global-color-primary); border: 2px solid var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li.current-cat .count, .bokifa-widget-woocommerce ul li.chosen .count, .dokan-store-widget ul li.current-cat .count, .dokan-store-widget ul li.chosen .count { color: var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li.color, .dokan-store-widget ul li.color { width: 100%; margin-bottom: 10px; } .bokifa-widget-woocommerce ul li.color:last-child, .dokan-store-widget ul li.color:last-child { margin-bottom: 0; } .bokifa-widget-woocommerce ul li .bokifa-button-type, .dokan-store-widget ul li .bokifa-button-type { display: block; font-weight: 500; font-size: 14px; line-height: 24px; padding: 7px; text-align: center; min-width: 58px; border-radius: 0; color: var(--e-global-color-accent); background-color: #F7F7F7; border: 2px solid transparent; margin-right: 10px; } .bokifa-widget-woocommerce ul li .bokifa-button-type:hover, .dokan-store-widget ul li .bokifa-button-type:hover { text-decoration: none; border: 2px solid var(--e-global-color-dark); color: var(--e-global-color-accent); } .bokifa-widget-woocommerce ul li.chosen .bokifa-button-type, .dokan-store-widget ul li.chosen .bokifa-button-type { border: 2px solid var(--e-global-color-dark); color: var(--e-global-color-accent); } .bokifa-widget-woocommerce ul li .bokifa-color-type, .dokan-store-widget ul li .bokifa-color-type { display: flex; align-items: center; margin-left: 0; } .bokifa-widget-woocommerce ul li .bokifa-color-type .color-label, .dokan-store-widget ul li .bokifa-color-type .color-label { display: block; width: 24px; height: 24px; margin-right: 12px; border: 1px solid var(--e-global-color-border); box-shadow: 0 0 0 2px inset #fff; border-radius: 50%; padding: 2px; } .bokifa-widget-woocommerce ul li .bokifa-color-type .color-label span, .dokan-store-widget ul li .bokifa-color-type .color-label span { border-radius: 50%; width: 16px; height: 16px; display: block; } .bokifa-widget-woocommerce ul li .bokifa-color-type:hover, .dokan-store-widget ul li .bokifa-color-type:hover { text-decoration: none; } .bokifa-widget-woocommerce ul li .bokifa-color-type:hover .color-label, .dokan-store-widget ul li .bokifa-color-type:hover .color-label { border-color: var(--e-global-color-primary); box-shadow: 0 0 0 4px inset #fff; text-decoration: none; } .bokifa-widget-woocommerce ul li.chosen .bokifa-color-type .color-label, .dokan-store-widget ul li.chosen .bokifa-color-type .color-label { border-color: var(--e-global-color-border); box-shadow: 0 0 0 6px inset #fff; text-decoration: none; } .bokifa-widget-woocommerce ul li .bokifa-image-type, .dokan-store-widget ul li .bokifa-image-type { display: block; min-width: 90px; margin-top: 5px; } .bokifa-widget-woocommerce ul li .bokifa-image-type img, .dokan-store-widget ul li .bokifa-image-type img { margin: auto; opacity: 0.2; } .bokifa-widget-woocommerce ul li .bokifa-image-type .image-count, .dokan-store-widget ul li .bokifa-image-type .image-count { display: block; text-align: center; color: var(--e-global-color-light); } .bokifa-widget-woocommerce ul li .bokifa-image-type .image-name, .dokan-store-widget ul li .bokifa-image-type .image-name { display: block; text-align: center; margin-top: 10px; color: var(--e-global-color-accent); } .bokifa-widget-woocommerce ul li .bokifa-image-type:hover img, .dokan-store-widget ul li .bokifa-image-type:hover img { opacity: 1; } .bokifa-widget-woocommerce ul li.chosen .bokifa-image-type img, .dokan-store-widget ul li.chosen .bokifa-image-type img { opacity: 1; } .bokifa-widget-woocommerce ul li.chosen .bokifa-image-type .image-name, .dokan-store-widget ul li.chosen .bokifa-image-type .image-name { color: var(--e-global-color-primary); } .widget.woocommerce li .count { order: -1; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: #A8A8A8; line-height: 1; transition: all 0.3s ease; } .widget.woocommerce li.current-cat .count { color: var(--e-global-color-primary); } .widget_product_search, .widget_price_filter, .woocommerce-widget-layered-nav, .widget_products, .widget_product_authors, .widget_product_genres { padding-bottom: 2px; } .widget_product_search .widget-title, .widget_price_filter .widget-title, .woocommerce-widget-layered-nav .widget-title, .widget_products .widget-title, .widget_product_authors .widget-title, .widget_product_genres .widget-title { padding-bottom: 25px; border-bottom: none; } .widget_product_tag_cloud .widget-title { padding-bottom: 15px; border-bottom: none; } .widget_product_tag_cloud .widget-content .tagcloud a { padding: 4px 10px; margin-right: 5px; margin-bottom: 10px; font-weight: 500; } .bokifa-widget-woocommerce .widget-title, .bokifa-widget-woocommerce .wc-block-stock-filter__title, .woocommerce .widget-title, .woocommerce .wc-block-stock-filter__title { padding: 0; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 700; font-size: 18px; font-size: 1.125rem; line-height: 1.5555555556; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: var(--e-global-color-secondary); } .bokifa-widget-woocommerce .widget-title.wc-block-stock-filter__title, .bokifa-widget-woocommerce .wc-block-stock-filter__title.wc-block-stock-filter__title, .woocommerce .widget-title.wc-block-stock-filter__title, .woocommerce .wc-block-stock-filter__title.wc-block-stock-filter__title { margin-bottom: 25px; } .bokifa-widget-woocommerce .widget-title.widget-title, .bokifa-widget-woocommerce .wc-block-stock-filter__title.widget-title, .woocommerce .widget-title.widget-title, .woocommerce .wc-block-stock-filter__title.widget-title { display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; } .bokifa-widget-woocommerce .widget-title.widget-title:after, .bokifa-widget-woocommerce .wc-block-stock-filter__title.widget-title:after, .woocommerce .widget-title.widget-title:after, .woocommerce .wc-block-stock-filter__title.widget-title:after { font-size: 12px; font-size: 0.75rem; margin-left: 11px; font-weight: 700; margin-bottom: 2px; margin-right: 0; } .bokifa-widget-woocommerce.dokan-store-widget .widget-title, .woocommerce.dokan-store-widget .widget-title { cursor: unset; } .bokifa-widget-woocommerce.dokan-store-widget .widget-title:after, .woocommerce.dokan-store-widget .widget-title:after { display: none; } .bokifa-widget-woocommerce .widget-content, .woocommerce .widget-content { margin-top: 13px; } .bokifa-widget-woocommerce .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox], .woocommerce .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { border-color: var(--e-global-color-border); height: 20px; width: 20px; min-width: 20px; min-height: 20px; margin-top: 1px; } .bokifa-widget-woocommerce .wc-block-checkbox-list__checkbox, .woocommerce .wc-block-checkbox-list__checkbox { margin-top: 0; margin-bottom: 4px; } .bokifa-widget-woocommerce .wc-block-checkbox-list__checkbox label, .woocommerce .wc-block-checkbox-list__checkbox label { width: 100%; } .bokifa-widget-woocommerce .wc-block-checkbox-list__checkbox label:hover .wc-filter-element-label-list-count, .woocommerce .wc-block-checkbox-list__checkbox label:hover .wc-filter-element-label-list-count { color: #ffffff; background-color: var(--e-global-color-primary); } .bokifa-widget-woocommerce .wc-block-components-checkbox__label, .woocommerce .wc-block-components-checkbox__label { display: flex; justify-content: space-between; flex: 1; } .bokifa-widget-woocommerce .wc-filter-element-label-list-count, .woocommerce .wc-filter-element-label-list-count { font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-lighter); border-radius: 20px; padding: 3px 8px; line-height: 1; transition: all 0.3s ease; display: flex; align-items: center; } .bokifa-widget-woocommerce .wc-filter-element-label-list-count:before, .bokifa-widget-woocommerce .wc-filter-element-label-list-count:after, .woocommerce .wc-filter-element-label-list-count:before, .woocommerce .wc-filter-element-label-list-count:after { display: none; } .bokifa-widget-woocommerce .wc-block-stock-filter__actions, .woocommerce .wc-block-stock-filter__actions { display: none; } .bokifa-widget-woocommerce .wc-block-stock-filter.style-list, .woocommerce .wc-block-stock-filter.style-list { margin-bottom: 0; } .bokifa-widget-woocommerce .wc-block-components-checkbox__label, .woocommerce .wc-block-components-checkbox__label { padding: 0; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; } .bokifa-widget-woocommerce form.woocommerce-product-search, .woocommerce form.woocommerce-product-search { position: relative; margin-bottom: 0; display: flex; border: none; background-color: #F6F6F6; border-radius: 30px; } .bokifa-widget-woocommerce form.woocommerce-product-search:before, .woocommerce form.woocommerce-product-search:before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); height: 54px; width: 54px; font-size: 14px; font-size: 0.875rem; justify-content: center; align-items: center; display: inline-flex; z-index: 1; color: #ffffff; background-color: var(--e-global-color-primary); } .bokifa-widget-woocommerce form.woocommerce-product-search input[type=text], .bokifa-widget-woocommerce form.woocommerce-product-search input[type=search], .woocommerce form.woocommerce-product-search input[type=text], .woocommerce form.woocommerce-product-search input[type=search] { width: 100%; flex: 1; padding: 1rem 1.5rem; } .bokifa-widget-woocommerce form.woocommerce-product-search input[type=submit], .bokifa-widget-woocommerce form.woocommerce-product-search button[type=submit], .woocommerce form.woocommerce-product-search input[type=submit], .woocommerce form.woocommerce-product-search button[type=submit] { font-size: 0; line-height: 0; width: 54px; height: 100%; position: absolute; right: 0; top: 0; z-index: 3; border: none; padding: 0; border-radius: 10px; cursor: pointer; background-color: transparent; } .bokifa-widget-woocommerce form.woocommerce-product-search input[type=submit]:after, .bokifa-widget-woocommerce form.woocommerce-product-search button[type=submit]:after, .woocommerce form.woocommerce-product-search input[type=submit]:after, .woocommerce form.woocommerce-product-search button[type=submit]:after { display: none; } .widget_product_categories .cat-item:before { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_product_categories ul.children { display: none; margin: 0 0 5px 15px; width: 100%; } .widget_product_categories li.current-cat > a { color: var(--e-global-color-primary); } .bokifa-widget-woocommerce ul li { display: flex; align-items: center; justify-content: space-between; } .bokifa-widget-woocommerce ul li .count { color: var(--e-global-color-lighter); } .product-list-inner { display: flex; } .woocommerce-loop-product__title { font-size: 18px; font-size: 1.125rem; line-height: 26px; margin-bottom: 5px; margin-top: 1px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } .widget_price_filter form { margin-bottom: 0; } .widget_price_filter .price_slider { margin-bottom: 21px; } .widget_price_filter .price_slider_amount { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; } .widget_price_filter .price_slider_amount .button { position: relative; font-size: 12px; font-size: 0.75rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 700; text-transform: uppercase; color: var(--e-global-color-dark); order: 3; width: max-content; background-color: transparent; border: 0; padding: 0; text-decoration: underline; } .widget_price_filter .price_slider_amount .button:hover { color: var(--e-global-color-primary); } .widget_price_filter .price_slider_amount .button:after { display: none; } .widget_price_filter .price_slider_amount .price_label { color: #909090; font-size: 16px; font-size: 1rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); display: inline-flex; } .widget_price_filter .price_slider_amount .price_label span { font-size: 12px; font-size: 0.75rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 700; line-height: 22px; color: var(--e-global-color-secondary); padding-right: 5px; } .widget_price_filter .price_slider_amount .price_label .price_label_text { padding-right: 2px; color: #a8a8a8; } .widget_price_filter .price_slider_amount .price_label .to { position: relative; margin-right: 0; padding-left: 9px; } .widget_price_filter .price_slider_amount .price_label .to:before { position: absolute; content: ""; width: 5px; height: 1px; background-color: var(--e-global-color-dark); left: 0; top: 50%; transform: translateY(-50%); } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; top: -1px; z-index: 2; width: 14px; height: 14px; border-radius: 4px; cursor: ew-resize; box-sizing: border-box; margin-top: -5px; margin-left: auto; opacity: 1; background-color: #ffffff; border: 4px solid var(--e-global-color-primary); } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -10px; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; border-radius: 1em; background-color: var(--e-global-color-primary); } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 10px; background: #E9E9E9; border: 0; } .widget_price_filter .ui-slider-horizontal { height: 1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: -1px; height: 4px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .ct-widget-list li:before { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ct-widget-list li:hover { color: var(--e-global-color-primary); } /** * Cart */ @media (min-width: 768px) { table.cart { margin-bottom: 3.7065595576em; } } table.cart .product-quantity .plus, table.cart .product-quantity .minus { display: none; } table.cart thead { border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } table.cart th { text-transform: uppercase; color: var(--e-global-color-secondary); font-weight: var(--e-global-typography-primary-font-weight); } table.cart td, table.cart th { padding: 2em 0 0; } table.cart tr td { text-align: left; border-color: var(--e-global-color-border); } @media (max-width: 767px) { table.cart tr td { text-align: right; padding-bottom: 10px; padding-top: 10px; } table.cart tr td:not(:last-child) { border-style: solid; border-width: 0 0 1px 0; } } table.cart tr td[data-title]::before { font-size: 12px; font-size: 0.75rem; text-transform: uppercase; color: var(--e-global-color-secondary); font-weight: var(--e-global-typography-text-font-weight); } table.cart tr:first-child td.product-remove { border-top-width: 0; } table.cart td.product-thumbnail img { margin: auto; max-width: 90px; } table.cart td.product-thumbnail::before { display: none; } @media (max-width: 767px) { table.cart td.product-thumbnail { position: absolute; left: 10px; top: 15px; padding: 0; border: none !important; } } table.cart td.product-remove { padding: 0; position: relative; } @media (max-width: 767px) { table.cart td.product-remove { position: absolute; top: 18px; right: 20px; z-index: 1; margin-bottom: 0; padding-bottom: 0; border: none; font-size: 11px; font-size: 0.6875rem; } } table.cart td.product-remove a.remove { position: absolute; font-size: 1.41577975em; top: -8px; left: -6px; } table.cart td.product-remove a.remove:hover:before, table.cart td.product-remove a.remove:active:before { color: red; } table.cart td.product-name:before { margin-right: 1em; } table.cart td.product-name a { text-decoration: none !important; color: var(--e-global-color-secondary); } table.cart td.product-name a:hover { color: var(--e-global-color-primary); } @media (max-width: 767px) { table.cart td.product-name { text-align: left; border-width: 0; padding-right: 30px; } table.cart td.product-name:before { display: none; } } table.cart td.product-price .amount { color: var(--e-global-color-secondary); } table.cart td.product-quantity .qty { border-width: 1px; padding: 0.326em; width: 3.7065595576em; font-weight: var(--e-global-typography-text-font-weight); color: var(--e-global-color-secondary); border-radius: 5px; } table.cart td.product-subtotal { padding-bottom: 1.41577975em; } @media (min-width: 768px) { table.cart td.product-subtotal { padding-bottom: 2.290779772em; } } table.cart td.product-subtotal .amount { color: var(--e-global-color-secondary); font-weight: var(--e-global-typography-primary-font-weight); } table.cart .cart_item { margin-bottom: 1em; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } @media (max-width: 767px) { table.cart .cart_item { padding-left: 120px; position: relative; display: block; } } table.cart td.actions { background-color: transparent; padding-top: 10px; padding-right: 0; padding-bottom: 0; } @media (min-width: 768px) { table.cart td.actions { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 767px) { table.cart td.actions { display: flex; flex-direction: column-reverse; } } table.cart td.actions label { display: none; } table.cart td.actions .coupon { position: relative; margin-bottom: 1.5em; text-align: left; border-color: var(--e-global-color-border); } @media (max-width: 767px) { table.cart td.actions .coupon { padding: 25px 30px 30px; border-style: solid; border-width: 2px; margin-bottom: 0; margin-top: 1.5em; } } table.cart td.actions .coupon .input-text { min-width: 220px; margin-right: 10px; } table.cart td.actions .coupon .input-text:focus { border-color: var(--e-global-color-accent); } table.cart td.actions .coupon button[type=submit] { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 17px 35px 18px 34px; } table.cart td.actions .coupon button[type=submit] i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } table.cart td.actions .coupon button[type=submit] span { z-index: 3; } table.cart td.actions .coupon button[type=submit]:hover, table.cart td.actions .coupon button[type=submit]:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } table.cart td.actions .coupon button[type=submit]:hover i, table.cart td.actions .coupon button[type=submit]:focus i { color: #fff; } table.cart td.actions .coupon button[type=submit]:visited { color: var(--e-global-color-secondary); } table.cart td.actions .coupon button[type=submit]:visited i { color: var(--e-global-color-secondary); } table.cart td.actions .coupon button[type=submit]:visited:hover { color: #ffffff; } table.cart td.actions .coupon button[type=submit]:visited:hover i { color: #ffffff; } @media (max-width: 767px) { table.cart td.actions .coupon button[type=submit] { width: 100%; } } @media (max-width: 1024px) { table.cart td.actions .coupon button[type=submit] { padding: 15px 25px; } } table.cart td.actions input { display: block; width: 100%; margin: 0.5407797364em 0; } table.cart td.actions button[name=update_cart] { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 17px 35px 18px 34px; } table.cart td.actions button[name=update_cart] i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } table.cart td.actions button[name=update_cart] span { z-index: 3; } table.cart td.actions button[name=update_cart]:hover, table.cart td.actions button[name=update_cart]:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } table.cart td.actions button[name=update_cart]:hover i, table.cart td.actions button[name=update_cart]:focus i { color: #fff; } table.cart td.actions button[name=update_cart]:visited { color: var(--e-global-color-secondary); } table.cart td.actions button[name=update_cart]:visited i { color: var(--e-global-color-secondary); } table.cart td.actions button[name=update_cart]:visited:hover { color: #ffffff; } table.cart td.actions button[name=update_cart]:visited:hover i { color: #ffffff; } @media (max-width: 767px) { table.cart td.actions button[name=update_cart] { width: 100%; } } @media (max-width: 1024px) { table.cart td.actions button[name=update_cart] { padding: 15px 25px; } } table.cart .product-quantity .quantity { position: relative; display: flex; overflow: hidden; justify-content: center; align-items: center; float: left; width: 120px; height: 40px; border: 1px solid var(--e-global-color-border); } @media (max-width: 767px) { table.cart .product-quantity .quantity { float: right; } } table.cart .product-quantity .quantity.hidden { display: none; } table.cart .product-quantity .quantity button { display: flex; justify-content: center; align-items: center; padding: 5px; text-align: center; z-index: 9; top: 0; bottom: 0; border: none; width: 26px; height: 26px; border-radius: 50px; color: var(--e-global-color-secondary); background-color: transparent; } table.cart .product-quantity .quantity button:hover { background-color: var(--e-global-color-border); outline: none; } table.cart .product-quantity .quantity button:after { display: none; } table.cart .product-quantity .quantity .text-quantity { display: none; } table.cart .product-quantity .quantity .qty { padding: 9px 0; width: 40px; border: none; -moz-appearance: textfield; text-align: center; font-size: 14px; font-size: 0.875rem; border-radius: 0; color: var(--e-global-color-secondary); background-color: transparent; } table.cart .product-quantity .quantity .qty::-webkit-outer-spin-button, table.cart .product-quantity .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } table.cart .product-quantity .quantity .qty:focus { border-color: var(--e-global-color-primary); } .woocommerce-cart-form { margin-bottom: 0; } .woocommerce-cart-form table td { vertical-align: middle; } .cart_totals { padding: 30px 30px 40px; position: relative; border: 6px solid var(--e-global-color-border); border-radius: 10px; } .cart_totals > h2 { font-size: 28px; font-size: 1.75rem; margin-bottom: 15px; } .cart_totals table th { color: var(--e-global-color-secondary); font-size: 18px; font-size: 1.125rem; } .cart_totals table th, .cart_totals table td { padding: 1em 0; } .cart_totals .cart-subtotal { border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); color: var(--e-global-color-secondary); font-size: 18px; font-size: 1.125rem; } .cart_totals .cart-subtotal .amount { color: var(--e-global-color-secondary); font-size: 18px; font-size: 1.125rem; } .cart_totals .order-total { border-top: 1px solid; border-top-color: var(--e-global-color-border); color: var(--e-global-color-secondary); } .cart_totals .order-total th { vertical-align: middle; } .cart_totals .order-total td { font-size: 18px; font-size: 1.125rem; padding: 0.5em 0; } .cart_totals .order-total .amount { color: var(--e-global-color-primary); font-size: 24px; font-size: 1.5rem; font-weight: var(--e-global-typography-accent-font-weight); } .cart_totals .checkout-button { display: block; text-align: center; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 17px 35px 18px 34px; } .cart_totals .checkout-button i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } .cart_totals .checkout-button span { z-index: 3; } .cart_totals .checkout-button:hover, .cart_totals .checkout-button:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } .cart_totals .checkout-button:hover i, .cart_totals .checkout-button:focus i { color: #fff; } .cart_totals .checkout-button:visited { color: var(--e-global-color-secondary); } .cart_totals .checkout-button:visited i { color: var(--e-global-color-secondary); } .cart_totals .checkout-button:visited:hover { color: #ffffff; } .cart_totals .checkout-button:visited:hover i { color: #ffffff; } .cart_totals .checkout-button:after { display: none; } @media only screen and (max-width: 1024px) { .cart_totals .checkout-button { padding: 30px; font-size: 11px; font-size: 0.6875rem; } .cart_totals .checkout-button:before { padding-right: 5px; } } @media only screen and (max-width: 768px) { .cart_totals .checkout-button { padding: 17px 35px 18px 34px; font-size: 12px; font-size: 0.75rem; } .cart_totals .checkout-button:before { padding-right: 10px; } } @media only screen and (max-width: 320px) { .cart_totals .checkout-button { padding: 15px; font-size: 11px; font-size: 0.6875rem; } .cart_totals .checkout-button:before { padding-right: 5px; } } .woocommerce-shipping-calculator { margin: 0; } .woocommerce-shipping-calculator > p:first-child { margin: 0; } .woocommerce-shipping-calculator .shipping-calculator-form { padding-top: 1.41577975em; } .woocommerce-shipping-destination { margin-bottom: 0; } ul#shipping_method { list-style: none; margin-left: 0; margin-bottom: 0; } ul#shipping_method li { margin-bottom: 0.2360679726em; } ul#shipping_method li:last-child { margin-bottom: 0; } ul#shipping_method input { margin-right: 0.3342202552em; } ul#shipping_method input[type=radio] + label { margin-left: 0; color: var(--e-global-color-secondary); } ul#shipping_method input[type=radio]:first-child:checked + label:after { color: var(--e-global-color-primary); } .cart-collaterals { margin-bottom: 30px; } .woocommerce-checkout ul#shipping_method { margin-bottom: 0; } .site-header-cart .widget_shopping_cart { border-color: var(--e-global-color-border); } .site-header-cart .widget.widget_shopping_cart { border-top-color: var(--e-global-color-primary); } .woocommerce-cart .site-content { margin-bottom: 6.8541021569em; } .woocommerce-cart .cart-empty { background-color: transparent; border: none; text-align: center; font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-secondary); } .woocommerce-cart .return-to-shop { text-align: center; } .woocommerce-cart .return-to-shop a { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .woocommerce-cart .return-to-shop a i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } .woocommerce-cart .return-to-shop a span { z-index: 3; } .woocommerce-cart .return-to-shop a:hover, .woocommerce-cart .return-to-shop a:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } .woocommerce-cart .return-to-shop a:hover i, .woocommerce-cart .return-to-shop a:focus i { color: #fff; } .woocommerce-cart .return-to-shop a:visited { color: var(--e-global-color-secondary); } .woocommerce-cart .return-to-shop a:visited i { color: var(--e-global-color-secondary); } .woocommerce-cart .return-to-shop a:visited:hover { color: #ffffff; } .woocommerce-cart .return-to-shop a:visited:hover i { color: #ffffff; } .cross-sells h2 { margin-bottom: 30px; color: var(--e-global-color-secondary); font-size: 30px; font-size: 1.875rem; position: relative; z-index: 9; } .cross-sells ul.bokifa-products { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 768px) { .cross-sells ul.bokifa-products { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .cross-sells ul.bokifa-products { grid-template-columns: 100%; } } .cross-sells .slick-list li.product { max-width: 100% !important; flex: 0 0 100% !important; } .cross-sells .slick-slider .slick-dots { bottom: -30px; } .cross-sells .bokifa-swiper-wrapper .elementor-swiper-button { display: none; } /** * Cart 2 */ .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items thead tr.wc-block-cart-items__header { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-secondary); font-weight: 600; height: 50px; border: 0; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items thead tr.wc-block-cart-items__header th { padding: 10px 16px; border: 0; font-weight: 600; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items thead tr.wc-block-cart-items__header th:last-child { padding: 10px 16px; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-components-product-metadata__description { display: none; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row td { border: 0; padding: 25px 16px; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-details { font-size: 14px; font-size: 0.875rem; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items tbody tr.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-details .wc-block-components-product-details__name { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__image img { border-radius: 5px; width: 80px; object-fit: cover; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-components-product-name { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-components-product-name:hover { color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-components-product-metadata p { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-cart-item__quantity button { display: block; font-size: 16px; font-size: 1rem; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-cart-item__quantity button:after { display: none; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-cart-item__quantity button:focus { box-shadow: unset; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { text-decoration: none; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__wrap .wc-block-components-product-badge { border: 0; border-radius: 0; padding: 0; } .wc-block-components-sidebar-layout.wc-block-cart table.wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge { border: 0; border-radius: 0; padding: 0; } .wc-block-components-sidebar-layout.wc-block-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading { color: var(--e-global-color-dark); font-size: 30px; font-size: 1.875rem; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-heading-block { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-dark); padding: 14px 16px; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 600; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button span { z-index: 3; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:hover, .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:hover i, .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:focus i { color: #fff; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:visited { color: var(--e-global-color-secondary); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:visited i { color: var(--e-global-color-secondary); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:visited:hover { color: #ffffff; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:visited:hover i { color: #ffffff; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button:focus { box-shadow: unset; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__value { font-weight: 600; color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__label { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-wrapper .wc-block-components-totals-item__label { font-weight: 600; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__content .wc-block-components-button { border: 0; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text] { border-radius: 25px; border-color: var(--e-global-color-border); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text]:focus, .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text]:hover { border-color: var(--e-global-color-primary); box-shadow: none; } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link:hover { color: var(--e-global-color-accent); } /** * Checkout * * 1 - Required to make the blockUI overlay cover the entire page rather than just the checkout form. We do this because * otherwise our sticky order review can break out of the checkout form (and the blockUI element). */ .checkout_coupon { margin-bottom: 2.6180340252em; display: grid; max-width: 622px; } .checkout_coupon p:first-child { grid-column: 1/span 2; } .checkout_coupon .form-row-first { margin-right: 0; width: 100%; } .checkout_coupon .form-row-last { width: unset; float: left; } .checkout_coupon .input-text { width: 100%; } .checkout_coupon .input-text:focus { border-color: var(--e-global-color-accent); } .checkout_coupon button[type=submit] { margin-left: 20px; } form.checkout { position: static !important; /* 1 */ } form.checkout::before, form.checkout::after { content: ""; display: table; } form.checkout::after { clear: both; } form.checkout > .blockUI { position: fixed !important; /* 1 */ } form.checkout h3 { font-size: 28px; font-size: 1.75rem; } #order_review { background-color: #fff; padding: 30px 30px 40px; position: relative; border-radius: 5px; border: 6px solid var(--e-global-color-border); } #order_review #order_review_heading { font-size: 28px; font-size: 1.75rem; } #order_review table { margin-bottom: 0; } #order_review table td, #order_review table th { padding: 1em 0; } #order_review .woocommerce-checkout-review-order-table thead th, #order_review .woocommerce-checkout-review-order-table thead td { border: none; } #order_review .woocommerce-checkout-review-order-table th { color: var(--e-global-color-secondary); font-size: 18px; font-size: 1.125rem; font-weight: var(--e-global-typography-primary-font-weight); } #order_review .woocommerce-checkout-review-order-table th.product-total { text-align: right; } #order_review .woocommerce-checkout-review-order-table td { text-align: right; vertical-align: middle; } #order_review .woocommerce-checkout-review-order-table td.product-name { text-align: left; } #order_review .woocommerce-checkout-review-order-table th, #order_review .woocommerce-checkout-review-order-table td { border-top: 1px solid; border-top-color: var(--e-global-color-border); } #order_review .woocommerce-checkout-review-order-table .cart-subtotal .amount { color: var(--e-global-color-secondary); } #order_review .woocommerce-checkout-review-order-table .order-total th { vertical-align: middle; } #order_review .woocommerce-checkout-review-order-table .order-total .amount { font-size: 24px; font-size: 1.5rem; color: var(--e-global-color-primary); font-weight: var(--e-global-typography-accent-font-weight); } #payment::before, #payment::after { content: ""; display: table; } #payment::after { clear: both; } #payment .create-account { clear: both; } #payment .payment_methods { margin: 0; padding: 0; } #payment .payment_methods > .woocommerce-PaymentMethod, #payment .payment_methods > .wc_payment_method { border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } #payment .payment_methods > .woocommerce-PaymentMethod > label, #payment .payment_methods > .wc_payment_method > label { display: block; padding: 1em 0; cursor: pointer; font-size: 16px; font-size: 1rem; margin-left: 0; } #payment .payment_methods li { list-style: none !important; margin-left: 0; position: relative; } #payment .payment_methods li img { float: right; border: 0; padding: 0; max-height: 1.618034em; } #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before, #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before { color: var(--e-global-color-primary); } #payment .payment_methods li > label { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } #payment .payment_methods li p { margin: 0; } #payment .payment_methods li .payment_box { padding: 1em 1.618034em 2em; font-size: 0.875em; } #payment .payment_methods li .payment_box fieldset { border: 0; margin: 0; padding: 1em 0 0; font-size: 0.875em; } #payment .payment_methods li .payment_box fieldset label { width: auto; margin-left: 0; } #payment .payment_methods li .payment_box fieldset .form-row { margin-bottom: 1em; } #payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] { margin-right: 5px; } #payment .payment_methods li .payment_box fieldset #cvv { width: 22% !important; } #payment .payment_methods li .payment_box fieldset .help { width: 75%; float: right; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods { padding-top: 1em; margin: 0; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li { margin-top: 0.6180339845em; } #payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] { margin-right: 0.236em; } #payment .payment_methods li .payment_box ul.wc-saved-payment-methods { margin-left: 0; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc { font-size: 1.41577975em; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number { background-repeat: no-repeat; background-position: right 0.6180339845em center; background-size: 31px 20px; background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/unknown.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/visa.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/mastercard.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/laser.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/diners.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/maestro.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/jcb.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/amex.svg"); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover { background-image: url("https://typewritink.com/wp-content/themes/bokifa/assets/images/credit-cards/discover.svg"); } #payment .terms { width: 100%; clear: both; float: none; margin-bottom: 1em; } #payment .terms label { display: block; cursor: pointer; } #payment .woocommerce-terms-and-conditions { padding: 1em; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 15px; background-color: rgba(0, 0, 0, 0.05); } #payment .place-order { margin-top: 1.618034em; margin-bottom: 0; float: none; width: 100%; } #payment .place-order .button { width: 100%; white-space: pre-wrap; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; border-radius: 25px; background-color: var(--e-global-color-primary); border: 1px solid transparent; white-space: nowrap; padding: 15px 30px; color: #fff; position: relative; overflow: hidden; display: inline-flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #payment .place-order .button i { color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: inherit; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 0 1px 6px; } #payment .place-order .button span { z-index: 3; } #payment .place-order .button:hover, #payment .place-order .button:focus { color: #fff; border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); } #payment .place-order .button:hover i, #payment .place-order .button:focus i { color: #fff; } #payment .place-order .button:visited { color: var(--e-global-color-secondary); } #payment .place-order .button:visited i { color: var(--e-global-color-secondary); } #payment .place-order .button:visited:hover { color: #ffffff; } #payment .place-order .button:visited:hover i { color: #ffffff; } table.woocommerce-checkout-review-order-table .product-name { width: 45%; word-wrap: break-word; } table.woocommerce-checkout-review-order-table .product-quantity { font-weight: var(--e-global-typography-text-font-weight); } table.woocommerce-checkout-review-order-table .variation, table.woocommerce-checkout-review-order-table .product-quantity { color: var(--e-global-color-text); } table.woocommerce-checkout-review-order-table .variation dt { font-weight: var(--e-global-typography-text-font-weight); } .admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br { display: none; } .woocommerce-checkout .form-row .select2-container--default .select2-selection--single { border-color: var(--e-global-color-border); } .woocommerce-checkout .woocommerce form.woocommerce-form-login { margin-left: 0; margin-top: 30px; max-width: 505px; } .woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-last, .woocommerce-checkout .woocommerce form.woocommerce-form-login .form-row-first { width: 100%; margin-right: 0; } .woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--e-global-color-border); } .woocommerce-checkout .select2-dropdown { border: 1px solid var(--e-global-color-border); } .woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info { padding: 0; border: 0; background-color: transparent; color: var(--e-global-color-text); } .woocommerce-form-login-toggle .woocommerce-info a, .woocommerce-form-coupon-toggle .woocommerce-info a { color: var(--e-global-color-primary); } .woocommerce-form-login-toggle .woocommerce-info { margin-bottom: 10px; } .form-row .select2-container--default .select2-selection--single { background-color: #fff; border-radius: 10px; } /** * Checkout 2 */ .wc-block-components-sidebar-layout .wc-block-checkout__sidebar .wc-block-components-product-name { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 16px; font-size: 1rem; } .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-checkout-step { margin: 0 0 20px; } .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=tel] { border-color: var(--e-global-color-border); } .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-sidebar-layout .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus { box-shadow: none; border-color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout .wc-blocks-components-select .wc-blocks-components-select__container { border-color: var(--e-global-color-border); } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-title { color: var(--e-global-color-dark); font-size: 24px; font-size: 1.5rem; } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-button { border: 0; font-weight: 600; width: 50%; } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-button:focus { box-shadow: unset; } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-return-to-cart-button { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-checkout-return-to-cart-button:hover { color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-address-form__address_2-toggle { color: var(--e-global-color-secondary); } .wc-block-components-sidebar-layout .wc-block-components-main .wc-block-components-address-form__address_2-toggle:hover { color: var(--e-global-color-primary); border-color: transparent; background-color: transparent; } .wc-block-components-sidebar-layout .wc-block-components-sidebar button.wc-block-components-panel__button { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout .wc-block-components-sidebar button.wc-block-components-panel__button:hover { color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout .wc-block-components-sidebar button.wc-block-components-panel__button:after { display: none; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon__content .wc-block-components-button { border: 0; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text] { border-radius: 25px; border-color: var(--e-global-color-border); } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text]:focus, .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text]:hover { border-color: var(--e-global-color-primary); box-shadow: none; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-product-metadata__description { display: none; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel__content .wc-block-components-formatted-money-amount { font-weight: 600; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel__content .wc-block-components-order-summary-item__image { width: 80px; margin-top: 0; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel__content .wc-block-components-order-summary-item__image img { max-width: 80px; width: 80px; border-radius: 5px; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel__content .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity { border: 1px solid; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link:hover { color: var(--e-global-color-primary); } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item { color: var(--e-global-color-dark); } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item .wc-block-components-totals-item__label { font-weight: 600; } .wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item .wc-block-components-totals-item__value { font-weight: 600; } .woocommerce-order .woocommerce-thankyou-order-received { color: #0f834d; background-color: #f8f8f8; font-size: 24px; font-size: 1.5rem; font-weight: var(--e-global-typography-primary-font-weight); text-align: center; padding: 2.290779772em 1.41577975em; } .woocommerce-order .woocommerce-order-details__title { text-align: center; text-transform: uppercase; font-size: 1.618034em; } .woocommerce-order .woocommerce-customer-details h2 { font-size: 1.618034em; } @media (min-width: 768px) { .woocommerce-order ul.order_details { display: flex; justify-content: center; max-width: 100%; } .woocommerce-order ul.order_details li { padding-top: 0; padding-bottom: 0; } .woocommerce-order ul.order_details li:first-child { padding-top: 0; } .woocommerce-order ul.order_details li:last-child { padding-bottom: 0; } .woocommerce-order ul.woocommerce-thankyou-order-details li { width: 20%; margin: 0 !important; } } .woocommerce-order .woocommerce-table--order-details { max-width: 900px; margin: 1.41577975em auto 5.9973393873em; } .woocommerce-order .woocommerce-table--order-details th { color: var(--e-global-color-secondary); } .woocommerce-order .woocommerce-table--order-details tr td:last-child, .woocommerce-order .woocommerce-table--order-details tr th:last-child { text-align: right; } .woocommerce-order .woocommerce-table--order-details td, .woocommerce-order .woocommerce-table--order-details th { border-top: 1px solid; border-top-color: var(--e-global-color-border); padding-left: 0; padding-right: 0; } .woocommerce-order .woocommerce-table--order-details thead td, .woocommerce-order .woocommerce-table--order-details thead th { border-top: 0; border-bottom: 2px solid; border-bottom-color: var(--e-global-color-border); } .woocommerce-order .woocommerce-table--order-details .product-name a { color: var(--e-global-color-text); } .woocommerce-order .woocommerce-table--order-details .product-name a:hover { color: var(--e-global-color-primary); } .woocommerce-order .woocommerce-table--order-details tfoot { color: var(--e-global-color-secondary); } .woocommerce-order .woocommerce-table--order-details tfoot .amount { font-weight: var(--e-global-typography-primary-font-weight); } .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child .amount { font-weight: var(--e-global-typography-primary-font-weight); font-size: 1.618034em; color: var(--e-global-color-primary); } form.woocommerce-form-track-order label { font-size: 20px; font-size: 1.25rem; display: block; color: var(--e-global-color-secondary); margin-bottom: 10px; } form.woocommerce-form-track-order input, form.woocommerce-form-track-order button { width: 100%; margin-bottom: 30px; } @media (min-width: 1024px) { form.woocommerce-form-track-order button { margin-top: 30px; } } /*======================= * MODAL POPUP STYLE ========================*/ #woosq-popup { max-width: 1100px; height: 690px; max-height: 690px; } #woosq-popup .woosq-product { height: 100%; } #woosq-popup .product { height: 100%; } #woosq-popup .product div.thumbnails { height: 100%; max-height: 100%; padding: 30px; background-color: #ffffff; } #woosq-popup .product div.thumbnails img { max-height: 100%; height: 100%; object-fit: cover; } @media (max-width: 768px) { #woosq-popup .product div.thumbnails img { object-fit: contain; } } #woosq-popup .product .summary { height: 100%; background-color: #fff; } #woosq-popup .product .summary .summary-content form.cart .woosc-btn { margin-right: 0; } #woosq-popup .product .summary .summary-content .product_title { font-size: 50px; font-size: 3.125rem; line-height: 60px; } @media (max-width: 768px) { #woosq-popup .product .summary .summary-content .product_title { font-size: 35px; font-size: 2.1875rem; line-height: 40px; } } @media (max-width: 767px) { #woosq-popup .product .summary .summary-content .product_title { font-size: 30px; font-size: 1.875rem; line-height: 35px; } } #woosq-popup .product .slick-track { max-height: unset; } #woosq-popup .product .slick-slider { overflow: unset !important; } #woosq-popup .product .slick-slider .slick-arrow { display: flex; align-items: center; justify-content: center; border: 1px solid var(--e-global-color-primary); border-radius: 0; background-color: var(--e-global-color-primary); visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #woosq-popup .product .slick-slider .slick-arrow:hover { background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); } #woosq-popup .product .slick-slider .slick-arrow:hover:before { color: #ffffff; } #woosq-popup .product .slick-slider .slick-arrow:before { line-height: 1; color: #ffffff; background-color: transparent; } #woosq-popup .product .slick-slider .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } #woosq-popup .product .slick-slider .slick-arrow.slick-next:after { display: none; } #woosq-popup .product .slick-slider .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #woosq-popup .product .slick-slider .slick-arrow.slick-prev:after { display: none; } #woosq-popup .product .slick-slider:hover .slick-arrow.slick-prev, #woosq-popup .product .slick-slider:hover .slick-arrow.slick-next { opacity: 1; visibility: visible; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #woosq-popup .product .slick-slider .slick-dots { display: none !important; } #woosq-popup .single-product div.product .woocommerce-product-rating { margin-bottom: 10px; } #woosq-popup .single-product div.product form.cart .quantity { width: auto; } .mfp-woosq .mfp-close:hover { border: none; } /** * Password strength meter */ .woocommerce-password-strength { font-weight: var(--e-global-typography-primary-font-weight); padding: 0.5407797364em 0; text-align: right; font-size: 0.875em; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } /** * My Account */ label.inline { display: inline !important; margin-left: 1em; } .hentry .entry-content .woocommerce-MyAccount-navigation ul { margin-left: 0; border-top: 1px solid; border-top-color: var(--e-global-color-border); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); position: relative; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { text-decoration: none; padding: 0.875em 0; display: block; color: var(--e-global-color-accent); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover { color: var(--e-global-color-primary); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a { color: var(--e-global-color-primary); } ul.order_details { list-style: none; position: relative; max-width: 900px; margin: 0 auto 1.618034em; } ul.order_details::before, ul.order_details::after { content: ""; display: table; } ul.order_details::after { clear: both; } ul.order_details li { padding: 1em 1.618034em; text-align: center; border-color: var(--e-global-color-border); } ul.order_details li:first-child { padding-top: 1.618034em; border: 0; } ul.order_details li:last-child { padding-bottom: 1.618034em; } ul.order_details li:last-child::before, ul.order_details li:last-child::after { content: ""; display: table; } ul.order_details li:last-child::after { clear: both; } ul.order_details li strong { display: block; text-transform: none; color: var(--e-global-color-secondary); } .my_account_orders .button, .woocommerce-MyAccount-downloads .button { padding: 0.6180339845em 0.875em; font-size: 0.875em; margin-right: 0.236em; } .woocommerce-MyAccount-content h2 { font-size: 2em; font-weight: var(--e-global-typography-primary-font-weight); } .woocommerce-MyAccount-content #payment .payment_methods { margin-bottom: 1.618034em !important; } /** * My Account */ .woocommerce-MyAccount-content .woocommerce-Pagination { text-align: center; } .woocommerce-MyAccount-content table th { color: var(--e-global-color-secondary); } .woocommerce-MyAccount-content table thead th { background-color: rgba(0, 0, 0, 0.05); } .woocommerce-MyAccount-content table tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .woocommerce-MyAccount-content .order_details a:not(.button) { color: var(--e-global-color-secondary); } .woocommerce-MyAccount-content .order_details a:not(.button):hover { text-decoration: underline; } .woocommerce-MyAccount-content .order_details .product-quantity { color: var(--e-global-color-lighter); } .woocommerce-MyAccount-content .order_details .product-total .amount { font-weight: var(--e-global-typography-primary-font-weight); } .woocommerce-MyAccount-content .order_details tfoot .amount { font-weight: var(--e-global-typography-primary-font-weight); font-size: 1.41577975em; color: var(--e-global-color-secondary); } .woocommerce-MyAccount-content .order-again { margin-bottom: 3.7065595576em; } .register-from-title, .login-form-title { font-size: 28px; font-size: 1.75rem; margin-bottom: 30px; } .login-form-col { border: none; } form.woocommerce-form-register { max-width: 440px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { form.woocommerce-form-register { margin-right: 0; margin-left: 0; } } form.woocommerce-form-register button[type=submit] { display: block; width: 100%; } form.woocommerce-form-register .form-row-wide { margin-bottom: 30px; } form.woocommerce-form-register .form-row label { line-height: 28px; margin-bottom: 5px; } form.woocommerce-form-register .woocommerce-privacy-policy-text { margin-bottom: 30px; } form.woocommerce-form-login { max-width: 440px; } @media (min-width: 768px) { .col2-set#customer_login form.woocommerce-form-login { margin-right: 0; } } form.woocommerce-form-login .woocommerce-form-login-wrap { margin-bottom: 30px; } form.woocommerce-form-login button[type=submit] { display: block; width: 100%; } form.woocommerce-form-login button[type=submit] span { position: relative; } form.woocommerce-form-login button[type=submit]:hover { border-color: var(--e-global-color-accent); } form.woocommerce-form-login .woocommerce-form__label-for-checkbox { float: left; } form.woocommerce-form-login .woocommerce-LostPassword { float: right; margin-bottom: 30px; } form.woocommerce-form-login .woocommerce-LostPassword a { color: var(--e-global-color-text); text-decoration: underline; text-decoration-style: dotted; } form.woocommerce-form-login .woocommerce-LostPassword a:hover { color: var(--e-global-color-primary); } form.woocommerce-form-login .form-row label { line-height: 28px; margin-bottom: 5px; } .password-input { position: relative; } .show-password-input { display: flex; justify-content: center; align-items: center; position: absolute; top: -8px; inset-inline-end: 0; width: 40px; height: 40px; cursor: pointer; font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); transition: all 0.25s ease; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; min-height: unset !important; } @media (min-width: 768px) { ul.order_details { margin: 3.7065595576em auto; } ul.order_details li { width: 22.5806451613%; float: left; margin-right: 3.2258064516%; border-left-style: solid; border-left-width: 1px; } ul.order_details li:first-child { border: 0; } ul.order_details li:last-child { float: right; margin-right: 0; } ul.order_details li:last-child::before, ul.order_details li:last-child::after { content: ""; display: table; } ul.order_details li:last-child::after { clear: both; } .demo_store { bottom: 0; } .demo_store a.woocommerce-store-notice__dismiss-link { background: rgba(0, 0, 0, 0.1); float: right; display: inline-block; margin: -1em -1.41575em -1em 0; padding: 1em 1.41577975em; } /** * Responsive tables */ table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } table.shop_table_responsive tr.woocommerce-shipping-totals td { width: 60%; } /** * Header Elements */ .site-header-cart { position: relative; } .site-header-cart .cart-contents { position: relative; text-indent: 0; } .site-header-cart .widget_shopping_cart { position: absolute; margin-top: 20px; top: 100%; width: 320px; z-index: 999999; right: -999em; display: block; border-width: 2px; border-style: solid; } .site-header-cart .widget_shopping_cart:before { content: ""; display: block; position: absolute; top: -20px; left: 0; right: 0; height: 20px; } .site-header-cart .widget_shopping_cart.sub-menu--is-touch-device { display: none; left: 0; } .site-header-cart .widget_shopping_cart h2.widgettitle { display: none; } .site-header-cart .widget_shopping_cart .product_list_widget { height: 0; } .site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before { text-align: left; } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { right: 0; display: block; } .site-header-cart:hover .widget_shopping_cart .product_list_widget, .site-header-cart.focus .widget_shopping_cart .product_list_widget { height: auto; } .site-search { display: block; } .site-search form { margin: 0; } .checkout_coupon { grid-template-columns: 53.6231884058% auto; } /** * Reset mobile product styles */ ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product { clear: none; } /** * Main content area (adjacent to sidebar) product layout */ ul.products:not(.elementor-grid).columns-1 li.product { flex: 0 0 100%; max-width: 100%; } ul.products:not(.elementor-grid).columns-2 li.product { flex: 0 0 50%; max-width: 50%; } ul.products:not(.elementor-grid).columns-3 li.product { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } ul.products:not(.elementor-grid).columns-4 li.product { flex: 0 0 25%; max-width: 25%; } ul.products:not(.elementor-grid).columns-5 li.product { flex: 0 0 20%; max-width: 20%; } ul.products:not(.elementor-grid).columns-6 li.product { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } /** * Single product page */ .single-product div.product .images .thumbnails::before, .single-product div.product .images .thumbnails::after { content: ""; display: table; } .single-product div.product .images .thumbnails::after { clear: both; } .single-product div.product .images .thumbnails a.zoom { width: 22.5806451613%; float: left; margin-right: 3.2258064516%; } .single-product div.product .images .thumbnails a.zoom.last { float: right; margin-right: 0; } .single-product div.product .woocommerce-tabs { clear: both; } .single-product.bokifa-sidebar-left div.product .woocommerce-product-gallery, .single-product.bokifa-sidebar-right div.product .woocommerce-product-gallery { width: calc(52% - 30px); } .single-product.bokifa-sidebar-left div.product .summary, .single-product.bokifa-sidebar-right div.product .summary { float: right; width: 48%; } .single-product #reviews .comment-form-author, .single-product #reviews .comment-form-email, .single-product #reviews .comment-form-number { flex: 100%; } .single-product #reviews .comment-form-email { margin-right: 0; } #reviews .comment-form-email { margin-right: 0; } /** * General full-width styles */ .bokifa-full-width-content.woocommerce-cart .entry-header, .bokifa-full-width-content.woocommerce-checkout .entry-header, .bokifa-full-width-content.woocommerce-account .entry-header { text-align: center; padding: 0 0 5.9973393873em; } .bokifa-full-width-content.woocommerce-cart .entry-header h1:last-child, .bokifa-full-width-content.woocommerce-checkout .entry-header h1:last-child, .bokifa-full-width-content.woocommerce-account .entry-header h1:last-child { margin-bottom: 0; } .bokifa-full-width-content .woocommerce-products-header { text-align: center; } .woocommerce .page-description { margin-bottom: 1.618034em; } .bokifa-sorting select { width: auto; } .bokifa-sorting .woocommerce-pagination + .woocommerce-result-count { margin-right: auto; margin-left: 0; } .bokifa-sorting .woocommerce-result-count { display: flex; align-items: center; } /** * Cart */ .woocommerce-cart .content-area, .woocommerce-checkout .content-area { width: 100%; float: right; margin-right: 0; } .woocommerce-cart .hentry, .woocommerce-checkout .hentry { border-bottom: 0; padding-bottom: 0; } table.cart th, table.cart td { padding: 1.618034em 1.618034em 1.618034em 0; } table.cart .qty { padding: 0.875em; max-width: 3.632em; } table.cart td.product-remove { display: table-cell; padding: 1.618034em 1.618034em 1.618034em 0; border: 0; width: 5%; } table.cart td.product-remove a.remove { float: none; position: relative; top: auto; right: auto; font-size: 1em; } table.cart td.product-thumbnail { width: 17%; } table.cart td.product-name { width: 30%; } table.cart td.product-price { width: 16%; } table.cart td.product-subtotal { padding: 1.618034em 1.618034em 1.618034em 0; width: 16%; } table.cart .product-quantity .plus, table.cart .product-quantity .minus { display: inline-block; } table.cart .quantity .qty { padding: 0.6180339845em; } table.cart td.actions { text-align: right; } table.cart td.actions label { display: none; } table.cart td.actions .coupon { display: flex; padding-bottom: 0; margin-bottom: 0; border-bottom: none; float: left; width: 60%; } table.cart td.actions input { display: inline-block; width: auto; margin: 0; } .cart-collaterals::before, .cart-collaterals::after { content: ""; display: table; } .cart-collaterals::after { clear: both; } .cart-collaterals .cross-sells { width: 42.0289855072%; float: left; margin-right: 4.347826087%; } .cart-collaterals .shipping_calculator { width: 53.6231884058%; float: right; margin-right: 0; margin: 0; clear: right; } .cart-collaterals .cart_totals small.includes_tax { display: block; } .cart-collaterals .shipping_calculator { clear: right; } /** * Wishlist */ table.wishlist_table .wishlist-items-wrapper tr td.product-name a.yith-wcqv-button { display: none; } /** * Checkout */ #ship-to-different-address { position: relative; } #ship-to-different-address .woocommerce-form__input-checkbox { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-right: 0; } .col2-set { width: 53.6231884058%; float: left; margin-right: 4.347826087%; } .col2-set .form-row-first { width: 48.3870967742%; float: left; margin-right: 3.2258064516%; } .col2-set .form-row-last { width: 48.3870967742%; float: right; margin-right: 0; } .col2-set .col-1, .col2-set .col-2 { margin-bottom: 1.618034em; } .col2-set + #customer_details { display: none; } .col2-set .woocommerce-billing-fields::before, .col2-set .woocommerce-billing-fields::after { content: ""; display: table; } .col2-set .woocommerce-billing-fields::after { clear: both; } .col2-set.addresses { width: 100%; float: left; margin-left: 0; margin-right: 0; } .col2-set.addresses .col-1 { width: 47.8260869565%; float: left; margin-right: 4.347826087%; } .col2-set.addresses .col-2 { width: 47.8260869565%; float: right; margin-right: 0; } #customer_details + #wc_checkout_add_ons { width: 42.0289855072%; float: right; margin-right: 0; } #wc_checkout_add_ons input[type=radio] { float: left; margin-right: 0.5407797364em; clear: left; margin-top: 0.35em; } #order_review { width: 42.0289855072%; float: right; margin-right: 0; clear: right; } #order_review { transition: box-shadow ease 0.4s; } .woocommerce-order-pay #order_review { width: 100%; float: none; } .woocommerce-order-pay #order_review #payment h3 { padding-left: 1em; padding-top: 1em; } .woocommerce-order-pay #order_review #payment .form-row { padding: 1em; } .woocommerce-order-pay #order_review .payment_methods + .form-row { padding: 1em; } .woocommerce-order-pay #order_review .button#place_order { display: block; width: 100%; font-size: 1.41577975em; } /** * My Account */ table + .addresses { margin-top: 1.618034em; } .col2-set#customer_login { width: 100%; margin: 0; } .col2-set#customer_login .col-1 { width: 50%; float: left; padding-right: 5%; } .col2-set#customer_login .col-2 { width: 50%; float: right; padding-left: 5%; } .col2-set.addresses { width: 100%; float: left; margin-left: 0; margin-right: 0; } .col2-set.addresses .col-1 { width: 48.3870967742%; float: left; margin-right: 3.2258064516%; } .col2-set.addresses .col-2 { width: 48.3870967742%; float: right; margin-right: 0; } .woocommerce-MyAccount-navigation { width: 27.2727272727%; float: left; margin-right: 3.8961038961%; } .woocommerce-MyAccount-content { width: 68.8311688312%; float: right; margin-right: 0; } .addresses header.title::before, .addresses header.title::after { content: ""; display: table; } .addresses header.title::after { clear: both; } .addresses header.title a { float: right; } .addresses header.title h3 { float: left; } /** * General WooCommerce Components */ .form-row-first { width: 48.3870967742%; float: left; margin-right: 3.2258064516%; clear: both; } .form-row-last { width: 48.3870967742%; float: right; margin-right: 0; } /** * Single Product Pagination */ /** * Sticky Add to Cart */ .bokifa-sticky-add-to-cart { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99998; transform: translate3d(0, 100%, 0); padding: 10px 1em; overflow: hidden; zoom: 1; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); animation-duration: 0.5s; animation-fill-mode: both; background-color: #fff; } .bokifa-sticky-add-to-cart--slideInDown { animation-name: slideInDown1; } .bokifa-sticky-add-to-cart--slideOutUp { animation-name: slideOutUp; } .bokifa-sticky-add-to-cart__content { display: flex; align-items: center; justify-content: center; } .bokifa-sticky-add-to-cart__content-title { display: block; } .bokifa-sticky-add-to-cart__content-price { margin-right: 0.875em; } .bokifa-sticky-add-to-cart__content-button { margin-left: auto; } .bokifa-sticky-add-to-cart img { max-width: 60px; margin: 0 1em 0 0; border: 1px solid rgba(0, 0, 0, 0.1); } .bokifa-sticky-add-to-cart .star-rating { display: inline-block; margin: 0; vertical-align: sub; } /** * Quick View */ #yith-quick-view-modal.open .product-title { margin-top: -0.2333em; font-size: 30px; font-size: 1.875rem; } #yith-quick-view-close { top: 10px; right: 10px; text-indent: -9999px; } } @media (min-width: 1024px) and (max-width: 1366px) { .single-product.bokifa-sidebar-left div.product .woocommerce-product-gallery, .single-product.bokifa-sidebar-right div.product .woocommerce-product-gallery { width: calc(100%); max-width: 1366px; } .single-product.bokifa-sidebar-left div.product .summary, .single-product.bokifa-sidebar-right div.product .summary { width: 100%; } } @media (min-width: 768px) and (max-width: 900px) { body:not(.page-template-template-fullwidth-php) table.cart td, body:not(.page-template-template-fullwidth-php) table.cart th { padding: 1em; } } @media (min-width: 911px) { .woocommerce-cart-form { width: 65.5913978495%; float: left; margin-right: 3.2258064516%; } .cart-collaterals { width: 31.1827956989%; float: right; margin-right: 0; } } @media (min-width: 1024px) { .woocommerce-page .content-area { width: 100%; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; margin: 0 0 0 auto; transition: width 0.3s ease-in-out; margin: 0 0 0 auto; float: right; } .woocommerce-page.bokifa-sidebar-left .content-area { width: calc(100% - 390px); float: right; } .woocommerce-page.bokifa-sidebar-left .widget-area { width: 360px; float: left; } .woocommerce-page.bokifa-sidebar-right .content-area { width: calc(100% - 390px); float: left; } .woocommerce-page.bokifa-sidebar-right .widget-area { width: 360px; border-left: 0; padding-left: 0; float: right; } } .elementor-element.elementor-products-grid .woocommerce ul.products li.product { width: 100%; max-width: 100%; flex: 0 0 100%; } @media (max-width: 1366px) { .bokifa-product-laptop-1 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-laptop-2 ul.products li.product { flex: 0 0 50%; max-width: 50%; } .bokifa-product-laptop-3 ul.products li.product { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .bokifa-product-laptop-4 ul.products li.product { flex: 0 0 25%; max-width: 25%; } .bokifa-product-laptop-5 ul.products li.product { flex: 0 0 20%; max-width: 20%; } .bokifa-product-laptop-6 ul.products li.product { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } } @media (max-width: 1024px) { .bokifa-product-tablet-1 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-tablet-2 ul.products li.product { flex: 0 0 50%; max-width: 50%; } .bokifa-product-tablet-3 ul.products li.product { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .bokifa-product-tablet-4 ul.products li.product { flex: 0 0 25%; max-width: 25%; } .bokifa-product-tablet-5 ul.products li.product { flex: 0 0 20%; max-width: 20%; } .bokifa-product-tablet-6 ul.products li.product { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } } @media (max-width: 768px) { .bokifa-product-mobile-1 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-2 ul.products li.product { flex: 0 0 50%; max-width: 50%; } .bokifa-product-mobile-3 ul.products li.product { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .bokifa-product-mobile-4 ul.products li.product { flex: 0 0 25%; max-width: 25%; } .bokifa-product-mobile-5 ul.products li.product { flex: 0 0 20%; max-width: 20%; } .bokifa-product-mobile-6 ul.products li.product { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } } @media (max-width: 300px) { .bokifa-product-mobile-1 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-2 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-3 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-4 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-5 ul.products li.product { flex: 0 0 100%; max-width: 100%; } .bokifa-product-mobile-6 ul.products li.product { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 1023px) { .gridlist-toggle { display: none; } } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th { padding: 15px; border: 1px solid var(--e-global-color-border); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a { color: #43454b; text-transform: none; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-accent-font-weight); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a:hover { color: var(--e-global-color-primary); } @media (max-width: 767px) { .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child { min-width: 150px; width: auto; } } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table .tr-additional td { vertical-align: top; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img { max-width: 150px; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td { padding: 15px; border: 1px solid var(--e-global-color-border); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-label { font-weight: var(--e-global-typography-primary-font-weight); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes { table-layout: auto !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th { border: none !important; background: none !important; padding: 10px !important; } @media (max-width: 768px) { .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td { padding-top: 0 !important; display: block; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th { display: block; padding-bottom: 0 !important; } } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del { text-decoration: none; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .amount { text-decoration: line-through; color: var(--e-global-color-lighter); font-size: 12px; font-size: 0.75rem; font-weight: var(--e-global-typography-primary-font-weight); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .amount { color: var(--e-global-color-primary); font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-accent-font-weight); letter-spacing: 0.32px; } .woosc-area-open-table table.woosc_table tbody tr td a.button { background-color: var(--e-global-color-primary); padding: 10px 30px; color: #ffffff; border-color: var(--e-global-color-primary); } .woosc-area-open-table table.woosc_table tbody tr td a.button:hover { background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); } ul.products-list { margin-left: 0; display: block; } ul.products-list:not(.is_widget_elementor) { --grid-row-gap: 30px; } ul.products-list:not(.is_widget_elementor) li.product-list .product-image img { aspect-ratio: 0.7142857143; } ul.products-list.elementor-grid { display: grid; } ul.products-list li.product-list { border-bottom: 1px solid var(--e-global-color-border); list-style: none; padding-bottom: var(--grid-row-gap, 30px); } ul.products-list li.product-list:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } @media (max-width: 767px) { ul.products-list li.product-list { flex-wrap: wrap; } } ul.products-list li.product-list .product-list-inner { display: flex; flex-wrap: wrap; position: relative; height: 100%; } @media (max-width: 767px) { ul.products-list li.product-list .product-list-inner { height: unset; } } ul.products-list li.product-list .product-image { width: 100%; position: relative; overflow: hidden; border-radius: 10px; } @media (min-width: 768px) { ul.products-list li.product-list .product-image { margin: 0; width: 230px; margin-right: 30px; } } ul.products-list li.product-list .product-image img { position: relative; z-index: 2; width: 100%; object-fit: cover; height: 100%; } .has-mega-menu ul.products-list li.product-list .product-image { width: 100%; margin-bottom: 10px; } ul.products-list li.product-list .product-image .label-wrapper { position: absolute; left: 10px; top: 5px; z-index: 9; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; max-width: 160px; } ul.products-list li.product-list .group-action { position: absolute; top: 10px; right: 10px; z-index: 99; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } ul.products-list li.product-list .group-action .shop-action { -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 769px) { ul.products-list li.product-list .group-action .shop-action { opacity: 0; visibility: hidden; } } ul.products-list li.product-list button[class*=product_type_], ul.products-list li.product-list a[class*=product_type_] { position: relative; font-size: 14px; font-size: 0.875rem; display: inline-flex; align-items: center; justify-content: center; flex-direction: row-reverse; white-space: unset; height: 40px; width: 300px; border: none; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } ul.products-list li.product-list button[class*=product_type_]:before, ul.products-list li.product-list a[class*=product_type_]:before { margin-right: -19px; } ul.products-list li.product-list button[class*=product_type_]:after, ul.products-list li.product-list a[class*=product_type_]:after { font-size: 8px; font-size: 0.5rem; margin-right: 10px; } ul.products-list li.product-list .bokifa-single-product-extra-label { display: flex; align-self: center; margin-top: 5px; margin-left: 0; } ul.products-list li.product-list .bokifa-single-product-extra-label span { font-size: 12px; font-size: 0.75rem; font-weight: 800; line-height: 1; color: #fff; text-transform: capitalize; margin-bottom: 0; background-color: var(--e-global-color-primary); padding: 3px 5px; margin-right: 5px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } ul.products-list li.product-list .bokifa-single-product-extra-label span:last-child { margin-right: 0; } ul.products-list li.product-list .product-caption { flex: 1; position: relative; background-color: #ffffff; } .has-mega-menu ul.products-list li.product-list .product-caption { max-width: 100%; } ul.products-list li.product-list .product-caption .cart { display: flex; align-items: center; margin-bottom: 0; } ul.products-list li.product-list .product-caption .quantity_wrap { display: none; } ul.products-list li.product-list .product-caption .quantity_wrap input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } ul.products-list li.product-list .product-caption .qty { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); color: var(--e-global-color-secondary); font-weight: 700; padding: 0.391rem 0; font-size: 14px; font-size: 0.875rem; border-radius: 2px; border: none; width: auto; margin-top: -2px; } ul.products-list li.product-list .product-caption .add_to_cart { display: inline-block; visibility: visible; opacity: 1; position: relative; } ul.products-list li.product-list .quantity_cart { margin-top: 30px; opacity: 0; visibility: hidden; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 768px) { ul.products-list li.product-list .quantity_cart { position: absolute; bottom: 0; left: 0; z-index: 9; transform: translateY(-20px); } } @media (max-width: 768px) { ul.products-list li.product-list .quantity_cart { opacity: 1; visibility: visible; transform: translateY(0); } } ul.products-list li.product-list .quantity_cart .buttons_added { display: flex; justify-content: center; align-items: center; } ul.products-list li.product-list .quantity_cart .buttons_added button { padding: 0; background-color: #FFFFFF00; border: 2px solid var(--e-global-color-border); } ul.products-list li.product-list .quantity_cart .buttons_added button:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } ul.products-list li.product-list .quantity_cart .buttons_added button:hover i { color: #ffffff; } ul.products-list li.product-list .quantity_cart .buttons_added button i { color: var(--e-global-color-border); font-size: 14px; font-size: 0.875rem; padding: 2px 2px 2px 4px; } ul.products-list li.product-list .posted-in { display: block; color: rgba(24, 56, 55, 0.4); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 4px; } ul.products-list li.product-list .posted-in a { color: rgba(24, 56, 55, 0.4); } ul.products-list li.product-list .posted-in a:hover { color: var(--e-global-color-primary); } ul.products-list li.product-list .price_badge { display: flex; align-items: center; margin-bottom: 9px; } ul.products-list li.product-list .price_badge .label-wrapper { margin-top: -3px; } ul.products-list li.product-list .bokifa-wrapper-loop-rating { margin-bottom: 4px; margin-top: -7px; } ul.products-list li.product-list .bokifa-wrapper-loop-rating > span { font-size: 10px; font-size: 0.625rem; color: var(--e-global-color-secondary); font-weight: 700; } ul.products-list li.product-list .bokifa-wrapper-loop-rating .woocommerce-review-link { font-size: 12px; font-size: 0.75rem; line-height: 22px; color: #999999; } ul.products-list li.product-list .count-review { margin-bottom: 1rem; } ul.products-list li.product-list .count-review .star-rating:before { color: var(--e-global-color-accent); font-size: 12px; font-size: 0.75rem; } ul.products-list li.product-list .count-review .star-rating span:before { color: var(--e-global-color-accent); font-size: 12px; font-size: 0.75rem; } ul.products-list li.product-list .short-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 7px; max-width: 650px; } @media (max-width: 767px) { ul.products-list li.product-list .short-description { margin-bottom: 20px; max-width: 100%; } } .has-mega-menu ul.products-list li.product-list .short-description { display: none; } ul.products-list li.product-list .short-description p { margin-bottom: 0; } ul.products-list li.product-list .woocommerce-loop-product__title { font-size: 26px; font-size: 1.625rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 32px; margin-bottom: 4px; max-width: 650px; } @media (max-width: 767px) { ul.products-list li.product-list .woocommerce-loop-product__title { font-size: 22px; font-size: 1.375rem; max-width: 100%; } } ul.products-list li.product-list .product-author { margin-bottom: 11px; max-width: 650px; } @media (max-width: 767px) { ul.products-list li.product-list .product-author { max-width: 100%; } } ul.products-list li.product-list .product-input-quantity { display: flex; align-items: center; margin-right: 20px; } ul.products-list li.product-list .product-unit { font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-lighter); margin-left: 15px; } ul.products-list li.product-list .product-unit .value { color: var(--e-global-color-dark); } ul.products-list li.product-list .added_to_cart { display: none; } ul.products-list li.product-list .add_to_cart_tooltips { display: inline-block; } ul.products-list li.product-list .product-caption-bottom { display: flex; flex-wrap: wrap; align-items: center; position: static; } ul.products-list li.product-list .product-caption-bottom > * { margin-bottom: 5px; } ul.products-list li.product-list .inventory_status { margin-bottom: 18px; } ul.products-list li.product-list:hover .group-action .shop-action { opacity: 1; visibility: visible; } ul.products-list li.product-list:hover .quantity_cart { opacity: 1; visibility: visible; transform: translateY(0); } @media (max-width: 767px) { ul.products-list li.product-list .product-caption { margin-top: 20px; text-align: center; width: 100%; height: unset; } ul.products-list li.product-list .price { justify-content: center; } } .wcml-dropdown { width: 100%; } .wcml-dropdown li, .wcml-dropdown .wcml-cs-submenu li { border-color: var(--e-global-color-border); } .wcml-dropdown .wcml-cs-submenu { border-top: 0; } .wcml-dropdown a { padding: 1em 1.41577975em; } .wcml-dropdown a.wcml-cs-item-toggle:after { right: 1em; } .wcml-horizontal-list li.wcml-cs-active-currency a, .wcml-vertical-list li.wcml-cs-active-currency a { font-weight: bold; color: var(--e-global-color-secondary); cursor: default; } /** * Wishlist */ .woosw-area .woosw-inner .woosw-content { max-width: 570px; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items { min-width: 400px; } @media (max-width: 640px) { .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item td { padding: 5px; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item td.woosw-content-item--image { width: 80px; } } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a { text-transform: capitalize; font-size: 12px; font-size: 0.75rem; text-align: center; padding: 10px; border-radius: 5px; border: none; background-color: var(--e-global-color-primary); color: #ffffff; white-space: nowrap; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a:hover { color: #ffffff; background-color: var(--e-global-color-primary); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item--title a { font-weight: 400 !important; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item--price { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-size: 0.875rem; color: var(--e-global-color-lighter); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item--price del { font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-lighter); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item--price ins { order: -1; color: var(--e-global-color-text); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item--price del + ins { margin-right: 0.327em; } .woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-page a:hover { text-decoration: underline; } .woosw-area .woosw-inner .woosw-content .woosw-content-bot .woosw-content-bot-inner .woosw-continue:hover { text-decoration: underline; } .woosw-list .woosw-content-item--price { display: flex; flex-wrap: wrap; align-items: center; color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; } .woosw-list .woosw-content-item--price del { font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-text-font-weight); color: var(--e-global-color-lighter); } .woosw-list .woosw-content-item--price ins { order: -1; } .woosw-list .woosw-content-item--price del + ins { margin-right: 0.327em; } .woosw-list .woosw-content-item--title a { font-size: 16px; font-size: 1rem; font-weight: 400 !important; } .woosw-list .woosw-content-item .woosw-content-item--actions .woosw-content-item--add p > a.button { font-size: 11px; font-size: 0.6875rem; text-align: center; display: inline-block; } @media (max-width: 568px) { .woosw-list .woosw-content-item .woosw-content-item--image { display: none; } } .woosw-list .woosw-content-item--actions .woosw-content-item--stock { margin-bottom: 5px; } .woosw-list .woosw-content-item .woosw-content-item--remove span:hover:before { color: red !important; } .woosw-list .woosw-actions .woosw-copy-btn input { margin-left: 5px; } .woosw-list .woosw-content-mid-notice { text-align: center; font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-secondary); margin-bottom: 30px; } .woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--name a { font-weight: var(--e-global-typography-text-font-weight); } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content { max-width: 630px; } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot, .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid { background-color: #fff; } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot-inner a { border-color: var(--e-global-color-border); } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot-inner a:hover { color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-items .woosw-item--actions { text-align: end; } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content .woosw-items .woosw-item--actions .woosw-item--add { margin-top: 15px; } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.add_to_cart_button, .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.button { min-width: 150px; text-align: center; padding: 10px 16px; display: inline-block; border: 0; } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.add_to_cart_button:hover, .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.button:hover { border-color: var(--e-global-color-accent); } .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.add_to_cart_button span, .woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content a.button span { position: relative; z-index: 3; } .woosw-popup.woosw-show .woosw-items .woosw-item .woosw-item-inner { border-color: var(--e-global-color-border); } .woosq-popup .mfp-close:after { display: none; } .widget_product_search { position: relative; } .ajax-search-result { position: absolute; top: 100%; left: 0; width: 100%; background-color: white; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); padding: 0 20px; z-index: 999; max-height: 500px; overflow-y: scroll; } .product-item-search { padding: 10px 0; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } .product-item-search .product-link { display: flex; align-items: center; color: var(--e-global-color-lighter); } .product-item-search .product-link img { width: 60px; height: 80px; border-radius: 5px; object-fit: cover; margin-right: 15px; } .product-item-search .product-title { font-size: 14px; font-size: 0.875rem; line-height: 1; font-weight: normal; margin-bottom: 10px; } .product-item-search:last-child { border-bottom: none; } .product-item-search .amount { font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-lighter); } .product-item-search del + ins .amount { font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-text); } .bokifa-canvas-filter { position: fixed; padding: 15px 45px 30px 30px; top: 0; left: 0; z-index: 10002; visibility: hidden; overflow-y: auto; overflow-x: hidden; width: 390px; height: 100vh; background-color: #fff; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media (max-width: 768px) { .bokifa-canvas-filter { width: 330px; } } .bokifa-canvas-filter::-webkit-scrollbar { width: 3px; } .bokifa-canvas-filter::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .bokifa-canvas-filter::-webkit-scrollbar-thumb { background-color: #999; } .bokifa-canvas-filter .widget_block, .bokifa-canvas-filter .widget { margin-bottom: 18px; padding-bottom: 30px; font-size: 14px; font-size: 0.875rem; } .bokifa-canvas-filter .widget_block:last-child, .bokifa-canvas-filter .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .bokifa-overlay-filter { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; z-index: 997; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.25s ease, visibility 0s ease; -o-transition: opacity 0.25s ease, visibility 0s ease; -moz-transition: opacity 0.25s ease, visibility 0s ease; -webkit-transition: opacity 0.25s ease, visibility 0s ease; transition: opacity 0.25s ease, visibility 0s ease; } .off-canvas-active .bokifa-overlay-filter { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .off-canvas-active .bokifa-canvas-filter { visibility: visible; -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .filter-toggle { font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; background: transparent; border: 1px solid var(--e-global-color-border); margin-right: 5px; border-radius: 25px; padding: 10px 20px; outline: none; text-align: center; } .filter-toggle i { line-height: inherit; font-size: 16px; font-size: 1rem; margin-left: 17px; display: inline-block; margin-bottom: 2px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 1024px) { .filter-toggle { display: none; } } .bokifa-full-width-content .filter-toggle { display: inline-flex; order: -2; } .filter-toggle:focus, .filter-toggle:hover { color: var(--e-global-color-primary); } .filter-toggle:focus span:before, .filter-toggle:hover span:before { background-color: var(--e-global-color-primary); } .filter-toggle:focus i, .filter-toggle:hover i { color: var(--e-global-color-primary); } .filter-toggle:after { content: ""; border-left: 1px solid; height: 20px; margin-left: 30px; margin-right: 30px; display: none; vertical-align: middle; } .filter-close { display: flex; position: absolute; right: 10px; top: 10px; font-size: 25px; font-size: 1.5625rem; cursor: pointer; } @media (min-width: 783px) { .admin-bar .bokifa-canvas-filter { top: 46px; } } @media (max-width: 782px) { .admin-bar .bokifa-canvas-filter { top: 46px; } } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item { border-radius: 0px; } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item { padding-top: 7px; padding-bottom: 7px; height: auto; } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span { min-width: 57px; } .site-header-cart-side { position: fixed; top: 0; bottom: 0; overflow: hidden; overflow-y: auto; width: 300px; background-color: #ffffff; display: flex; flex-direction: column; right: 0; z-index: 999999999; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -webkit-transition: transform 0.25s ease; transition: transform 0.25s ease; -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } @media (min-width: 1024px) { .site-header-cart-side { width: 340px; -ms-transform: translate3d(340px, 0, 0); -o-transform: translate3d(340px, 0, 0); -moz-transform: translate3d(340px, 0, 0); -webkit-transform: translate3d(340px, 0, 0); transform: translate3d(340px, 0, 0); } } .site-header-cart-side .cart-side-heading { display: flex; flex: 0 0 auto; align-items: center; flex-direction: row; justify-content: flex-end; padding: 15px; border-bottom: 1px solid; border-bottom-color: var(--e-global-color-border); } .site-header-cart-side .cart-side-title { flex: 1 1 auto; font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-dark); font-weight: var(--e-global-typography-primary-font-weight); } .site-header-cart-side .close-cart-side { color: var(--e-global-color-dark); text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px; font-weight: var(--e-global-typography-primary-font-weight); font-size: 13px; font-size: 0.8125rem; padding-right: 15px; position: relative; } .site-header-cart-side .close-cart-side:before, .site-header-cart-side .close-cart-side:after { content: " "; position: absolute; top: 50%; display: inline-block; margin-top: -3px; width: 12px; height: 2px; background-color: var(--e-global-color-dark); right: 0; -ms-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .site-header-cart-side .close-cart-side:before { -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .site-header-cart-side .close-cart-side:hover:before, .site-header-cart-side .close-cart-side:hover:after { -ms-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .site-header-cart-side .widget_shopping_cart { margin-bottom: 0; position: relative; flex: 1 1 auto; display: flex; border: none; padding: 0; border-radius: 0; } .site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart__empty-message { text-align: center; font-size: 18px; font-size: 1.125rem; } .site-header-cart-side .widget_shopping_cart .mini_cart_item { display: block; padding: 15px 30px 15px 15px; margin-bottom: 0; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .site-header-cart-side .widget_shopping_cart .mini_cart_item:hover { background-color: #F9F9F9; } .site-header-cart-side .widget_shopping_cart .mini_cart_item a { display: block; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.41575em; color: var(--e-global-color-dark); margin-bottom: 15px; } .site-header-cart-side .widget_shopping_cart .mini_cart_item a:hover { color: var(--e-global-color-primary); } .site-header-cart-side .widget_shopping_cart .mini_cart_item a:hover:before { color: var(--e-global-color-dark); } .site-header-cart-side .widget_shopping_cart .mini_cart_item a.remove { position: absolute; top: 15px; margin-bottom: 0; left: unset; right: 8px; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation { margin: 5px 0 0; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation dt { float: left; margin-right: 15px; margin-top: 0; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation dd { margin: 0 0 10px; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation dd p { margin: 0; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation .owcpv_field_option { display: block; margin-top: 0; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation .owcpv_field_option img { max-width: 20px; min-width: 20px; width: 20px; height: 20px; } .site-header-cart-side .widget_shopping_cart .mini_cart_item .variation .owcpv_field_option .owcpv_field_label a { font-size: 14px; font-size: 0.875rem; margin-bottom: 0; } .site-header-cart-side .widget_shopping_cart .widget_shopping_cart_content { display: flex; flex-direction: column; flex: 1 1 auto; } .site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart__total { margin-top: auto; } .site-header-cart-side .widget_shopping_cart .woocommerce-mini-cart-scroll { position: relative; flex: 1 1 auto; overflow-y: auto; } .site-header-cart-side .widget_shopping_cart .product_list_widget { position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; overflow-x: hidden; } .site-header-cart-side .widget_shopping_cart .product_list_widget li:first-child { padding-top: 1em; } .site-header-cart-side .widget_shopping_cart .product_list_widget li img { max-width: 85px; } .site-header-cart-side .widget_shopping_cart p.total { padding: 12px 15px; margin: 0; border-top: 1px solid; border-top-color: var(--e-global-color-border); margin-bottom: 5px; } .site-header-cart-side .widget_shopping_cart p.total .amount { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-primary); } .site-header-cart-side .widget_shopping_cart p.total strong { font-size: 18px; font-size: 1.125rem; } .site-header-cart-side .widget_shopping_cart .buttons a { margin-right: 15px; margin-left: 15px; margin-bottom: 10px; padding: 10px 20px; border: 0 solid; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.3px; text-transform: uppercase; background-color: var(--e-global-color-backgroundfield); } .site-header-cart-side .widget_shopping_cart .buttons a:hover { background-color: var(--e-global-color-primary); color: #fff; } .site-header-cart-side .widget_shopping_cart .buttons a.checkout { margin-top: 0; margin-bottom: 0; color: #fff; background-color: var(--e-global-color-primary); } .site-header-cart-side .widget_shopping_cart .buttons a.checkout:hover { background-color: var(--e-global-color-dark); } .site-header-cart-side .widget_shopping_cart .buttons a span { position: relative; z-index: 3; } .site-header-cart-side.active { transform: none; } .site-header-cart-side.active + .cart-side-overlay { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .cart-side-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 997; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.25s ease, visibility 0s ease; -o-transition: opacity 0.25s ease, visibility 0s ease; -moz-transition: opacity 0.25s ease, visibility 0s ease; -webkit-transition: opacity 0.25s ease, visibility 0s ease; transition: opacity 0.25s ease, visibility 0s ease; } .bokifa-dropdown-filter { margin-left: 30px; flex: 1; } .bokifa-dropdown-filter::-webkit-scrollbar { height: 10px; } .bokifa-dropdown-filter::-webkit-scrollbar-track { border-radius: 0; } .bokifa-dropdown-filter::-webkit-scrollbar-thumb { border-radius: 0; background-color: #ffffff; border-bottom: 1px solid #000000; } @media (max-width: 1023px) { .bokifa-dropdown-filter { display: none !important; } } .bokifa-dropdown-filter .widget .wp-block-group__inner-container > h2, .bokifa-dropdown-filter .widget .widget-title, .bokifa-dropdown-filter .widget .widgettitle { font-size: 16px; font-size: 1rem; font-weight: var(--e-global-typography-secondary-font-weight); color: var(--e-global-color-dark); margin-bottom: 0; border: 0; } .bokifa-dropdown-filter .widget .wp-block-group__inner-container > h2:hover, .bokifa-dropdown-filter .widget .widget-title:hover, .bokifa-dropdown-filter .widget .widgettitle:hover { color: var(--e-global-color-primary); } .bokifa-dropdown-filter .widget .wp-block-group__inner-container > h2:before, .bokifa-dropdown-filter .widget .widget-title:before, .bokifa-dropdown-filter .widget .widgettitle:before { content: none; } .bokifa-dropdown-filter .widget .wp-block-group__inner-container > h2.toggled-on, .bokifa-dropdown-filter .widget .widget-title.toggled-on, .bokifa-dropdown-filter .widget .widgettitle.toggled-on { color: var(--e-global-color-primary); } .bokifa-dropdown-filter-wrap { display: flex; height: 100%; } .bokifa-dropdown-filter-wrap .widget .widget-content { overflow-y: auto; overflow-x: hidden; display: none; position: absolute; min-width: 310px; left: 0; top: 30px; z-index: 100; background-color: #fff; padding: 20px 30px; border: 1px solid var(--e-global-color-border); } .bokifa-dropdown-filter-wrap .widget .widget-content::-webkit-scrollbar { width: 2px; border-radius: 5px; } .bokifa-dropdown-filter-wrap .widget .widget-content::-webkit-scrollbar-track { border-radius: 5px; background-color: #E4E4E4; } .bokifa-dropdown-filter-wrap .widget .widget-content::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 5px; } .bokifa-dropdown-filter-wrap .widget.widget_block { display: none; } .bokifa-dropdown-filter-wrap div.widget { border: 0; flex: 0 0 auto; position: relative; margin-right: 30px; display: flex; align-items: center; } .bokifa-dropdown-filter-wrap div.widget .widget-title { padding: 0; } .filter-toggle-dropdown { display: none; align-items: center; justify-content: flex-start; font-size: 14px; font-size: 0.875rem; background: transparent; margin-right: 20px; outline: none; text-align: center; line-height: 18px; font-weight: var(--e-global-typography-primary-font-weight); text-transform: uppercase; color: #000000; } .filter-toggle-dropdown i { line-height: inherit; margin-right: 6px; display: inline-block; color: var(--e-global-color-primary); } .filter-toggle-dropdown:focus, .filter-toggle-dropdown:hover { color: var(--e-global-color-primary); } .filter-toggle-dropdown:focus span:before, .filter-toggle-dropdown:hover span:before { background-color: var(--e-global-color-primary); } .bokifa-archive-product-width-wide .col-full { max-width: 1680px; } @media (min-width: 1024px) { .bokifa-full-width-content.shop_filter_dropdown .filter-toggle-dropdown { display: inline-flex; } } @media (min-width: 1024px) { .bokifa-full-width-content.shop_filter_dropdown .filter-toggle { display: none; } } .quick-shop-wrapper { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); transition: transform 0.3s ease; transform: translate3d(0, 103%, 0); } .quick-shop-wrapper .quick-shop-form { display: flex; align-items: stretch; flex-direction: column; width: 100%; height: 100%; text-align: center; } .quick-shop-wrapper .quick-shop-form .woosc-btn, .quick-shop-wrapper .quick-shop-form .woosw-btn { display: none; } .quick-shop-wrapper .quick-shop-form .variations td { text-align: center; padding: 5px; } .quick-shop-wrapper .quick-shop-form .variations td.label label { font-size: 13px; font-size: 0.8125rem; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .quick-shop-wrapper .quick-shop-form .variable-items-wrapper { justify-content: center; } .quick-shop-wrapper .quick-shop-form table.variations { table-layout: fixed; margin-top: 10px; margin-bottom: 0; position: relative; } .quick-shop-wrapper .quick-shop-form table.variations th, .quick-shop-wrapper .quick-shop-form table.variations td { display: list-item; padding: 0; list-style: none; background-color: transparent; } .quick-shop-wrapper .quick-shop-form table.variations select { max-width: 100%; vertical-align: middle; } .quick-shop-wrapper .quick-shop-form table.variations label { display: block; } .quick-shop-wrapper .quick-shop-form table.variations a.reset_variations { margin-top: 0; margin-bottom: 15px; display: block; margin-left: 0; color: #f37070; } .quick-shop-wrapper .quick-shop-form table.variations td.label label { font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); font-weight: var(--e-global-typography-primary-font-weight); margin-bottom: 8px; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item { box-shadow: none; border: 1px solid; margin: 0 5px 5px 0; width: auto; height: auto; min-width: 30px; min-height: 30px; padding: 0; border-color: var(--e-global-color-border); } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item:hover, .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.selected { border-color: var(--e-global-color-primary); outline: none; box-shadow: none; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item .variable-item-span { font-size: 14px; font-size: 0.875rem; padding: 0px 10px; color: var(--e-global-color-secondary); } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.color-variable-item { border-radius: 50%; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.color-variable-item .variable-item-span { border-radius: 50%; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.color-variable-item .variable-item-span:after { content: none; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.disabled:before { display: none; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.disabled:after { transform: rotate(-30deg); height: 2px; background-color: var(--e-global-color-border); width: calc(100% + 12px); left: -7px; box-shadow: none; } .quick-shop-wrapper .quick-shop-form table.variations td.value ul li.variable-item.disabled .variable-item-span { color: var(--e-global-color-text); } .quick-shop-wrapper .variations_form { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; margin-bottom: 0; padding-bottom: 15px; } .quick-shop-wrapper .variations_form:before { content: ""; } .quick-shop-wrapper .variations_form .woocommerce-variation { -webkit-animation: none; animation: none; } .quick-shop-wrapper .variations_form .woocommerce-variation-description p { margin-bottom: 10px; } .quick-shop-wrapper .variations_form .woocommerce-variation-price .price, .quick-shop-wrapper .variations_form .woocommerce-variation-availability p.stock { margin-right: 5px; margin-bottom: 10px !important; margin-left: 5px; display: block; padding-bottom: 0 !important; } .quick-shop-wrapper .variations_form .woocommerce-variation-availability p.stock { display: none !important; } .quick-shop-wrapper div.quantity { display: none !important; } .quick-shop-wrapper button.single_add_to_cart_button { background-color: transparent; font-size: 12px; font-size: 0.75rem; color: var(--e-global-color-secondary); border: 1px solid; border-color: var(--e-global-color-secondary); padding: 3px 15px; } .quick-shop-wrapper button.single_add_to_cart_button:hover { color: #ffffff; background-color: var(--e-global-color-secondary); } .quick-shop-wrapper table.variations { margin-bottom: 0; } .quick-shop-wrapper table.variations .reset_variations { bottom: -30px; margin-left: 0; text-decoration: underline; font-size: 13px; font-size: 0.8125rem; color: var(--e-global-color-lighter); } .quick-shop-wrapper table.variations .reset_variations:before { content: none; } .quick-shop-wrapper .variation-swatch-selected .variations { margin-bottom: 40px; } .quick-shop-wrapper .quick-shop-close { position: absolute; top: 5px; right: 5px; z-index: 5; height: 30px; opacity: 0; transition: opacity 0.2s ease 0s; } .quick-shop-wrapper .variable-items-wrapper .variable-item:not(.radio-variable-item) { width: 24px; height: 24px; box-shadow: 0 0 0 1px var(--e-global-color-border); } .quick-shop-shown .quick-shop-wrapper { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transform: translate3d(0, 0, 0); } .quick-shop-shown .quick-shop-close { opacity: 1; transition: all 0.25s ease 0.35s; padding-right: 16px; } .loading-quick-shop .product-transition::after { animation: fa-spin 0.75s linear infinite; height: 20px; width: 20px; line-height: 20px; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; display: block; color: var(--e-global-color-secondary); z-index: 10; } .loading-quick-shop .product-transition .woocommerce-loop-product__link { background-color: rgba(255, 255, 255, 0.95); } .cross-button { position: relative; display: inline-block; cursor: pointer; line-height: 30px; } .cross-button:after, .cross-button:before { content: " "; position: absolute; top: 50%; right: 0; display: inline-block; margin-top: -1px; width: 12px; height: 2px; background-color: #000; transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; } .cross-button:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cross-button:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cross-button:hover:after, .cross-button:hover:before { -webkit-transform: rotate(0); transform: rotate(0); } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .woocommerce-breadcrumb { margin-bottom: 20px; } .breadcrumb-wrap { display: var(--page-title-display); } .home .main-breadcrumb { display: none; } body.woocommerce .suppre-menu-filter { display: none; align-items: center; margin-right: auto; padding: 0; } @media (min-width: 1024px) { body.woocommerce .suppre-menu-filter { display: flex; } } body.woocommerce .suppre-menu-filter .widget .widget-content { display: none; position: absolute; top: calc(100% + 11px); left: -1px; width: 310px; padding: 30px 28px; border: 1px solid var(--e-global-color-border); background-color: #ffffff; z-index: 99; } body.woocommerce .suppre-menu-filter .widget .wp-block-group__inner-container > h2, body.woocommerce .suppre-menu-filter .widget .widget-title, body.woocommerce .suppre-menu-filter .widget .widgettitle { font-size: 14px; font-size: 0.875rem; font-weight: 500; line-height: 24px; padding: 0; margin-bottom: 0; border: none; text-transform: unset; color: var(--e-global-color-accent); font-family: var(--e-global-typography-text-font-family); } body.woocommerce .suppre-menu-filter .widget .wp-block-group__inner-container > h2:after, body.woocommerce .suppre-menu-filter .widget .widget-title:after, body.woocommerce .suppre-menu-filter .widget .widgettitle:after { transform: rotate(0); margin-left: 10px; } body.woocommerce .suppre-menu-filter .widget .wp-block-group__inner-container > h2.toggled-on, body.woocommerce .suppre-menu-filter .widget .widget-title.toggled-on, body.woocommerce .suppre-menu-filter .widget .widgettitle.toggled-on { color: var(--accent); } body.woocommerce .suppre-menu-filter .widget .wp-block-group__inner-container > h2.toggled-on:after, body.woocommerce .suppre-menu-filter .widget .widget-title.toggled-on:after, body.woocommerce .suppre-menu-filter .widget .widgettitle.toggled-on:after { transform: rotate(180deg); } body.woocommerce .suppre-menu-filter .widget .dropdown-sidebar { top: 15px; right: 15px; } body.woocommerce .suppre-menu-filter .suppre-menu-filter-wrap { display: flex; flex-wrap: wrap; } body.woocommerce .suppre-menu-filter .suppre-menu-filter-wrap > * { margin-right: 30px; } body.woocommerce .suppre-menu-filter .suppre-menu-filter-wrap > *:last-child { margin-right: 0; } body.woocommerce .suppre-menu-filter .suppre-menu-filter-wrap .widget_price_filter form { margin-top: 8px; } @media (min-width: 1024px) { .shop_filter_menu .filter-toggle { display: none; } } .shop_filter_menu .active-filter-toggle .filter-toggle { display: inline-flex; } .shop_filter_menu .active-filter-toggle .suppre-menu-filter { display: none; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-c73272965926684f7e61fdcc603350ad.css */ /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mviiqvtm.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mvmiqvtm.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9vivyx9g37lvd9mv0iqg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 100; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c0qv86rg.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c1qv86rg.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 900; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/fraunces-6nuu8fylnqoqzanv9byevdiide9ea92uemak_wbq8u_9v0c2wa0k7in7hzfupjh58nib14c7qv8.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* UltraCache Font-Mix CSS Bundle Source: https://typewritink.com/wp-content/uploads/ultracache/optimized-css/css-font-mix-722308eaca890f6d7b22696596856745.css */ /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggqxsuxd.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggoxsuxd.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggsxsuxd.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggixsuxd.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggmxsuxd.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; src: url("https://typewritink.com/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }