/** * Swiper 6.8.1 * https://swiperjs.com | MIT License */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-container-pointer-events{touch-action:pan-y} .swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .mfn-product-gallery .swiper-slide img{display: block;} .mfn-thumbnails-bottom .swiper-slide{ width: 25%; } /* Variables */ body { --mfn-woo-border-radius-box: 8px; /* .php */ --mfn-woo-body-color: #626262; /* Text color */ --mfn-woo-heading-color: #626262; /* Text color, previously H1 #161922 */ --mfn-woo-themecolor: #0089F7; /* Theme color */ --mfn-woo-bg-themecolor: #0089F7; /* Theme color */ --mfn-woo-border-themecolor: #0089F7; /* Theme color */ /* constants */ --mfn-woo-bg-box: rgba(0,0,0,.03); --mfn-woo-border: rgba(0,0,0,.08); --mfn-woo-text-option-color: rgba(0,0,0,.5); --mfn-woo-text-option-color-hover: rgba(0,0,0,.8); --mfn-woo-icon-option: rgba(0,0,0,.8); } body.content-brightness-dark { --mfn-woo-bg-box: rgba(255,255,255,.03); --mfn-woo-border: rgba(255,255,255,.08); --mfn-woo-text-option-color: rgba(255,255,255,.5); --mfn-woo-text-option-color-hover: rgba(255,255,255,.8); --mfn-woo-icon-option: rgba(255,255,255,.8); } /* theme h3 & h4 */ .woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px} /* h3 */ .woocommerce .woocommerce-order-details__title, .woocommerce .wc-bacs-bank-details-heading, .woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px;color:#161922;} /* h4 */ /* ---------------------------------------------------------------------------------------------------------- */ /* global ----- */ .woocommerce table{display:table;visibility:visible} .woocommerce table th{font-size:100%} .woocommerce-demo-store{margin-top:45px} .woocommerce-demo-store p.demo_store{position:fixed;height:19px;line-height:19px} /* Price ----- */ .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins, .woocommerce .column_product_price .price ins { text-decoration:none; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del, .woocommerce .column_product_price .price del{font-size:80%; margin-right:5px;} /* Pager ----- */ .woocommerce .pager { margin-bottom: 40px; } /* Empty cart */ .woocommerce .cart-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 10px; } .woocommerce .cart-empty .cart-empty-icon i { display: inline-block; font-size: 50px; margin-bottom: 20px; } .woocommerce .cart-empty .cart-empty-icon svg { width: 70px; } .woocommerce .cart-empty .cart-empty-icon { opacity: .15; margin: 0; } /* whislist button ----- */ .mfn-wish-button{ margin: 0 10px; line-height: 1; position: relative; border: 0; cursor: pointer; } .mfn-wish-button svg { width: 30px; } .mfn-wish-button .path { stroke: rgba(0,0,0,.15); transition: stroke 0.2s ease-out; } .mfn-wish-button:hover .path { stroke: rgba(0,0,0,.3); } .mfn-wish-button.loved svg { animation-name: add-to-wishlist; animation-duration: 1000ms; } /* wishlist in image_frame */ .product-loop-thumb .image_links .mfn-wish-button { margin: 0; } .product-loop-thumb .mfn-wish-button.mfn-abs-top { position: absolute; right: 15px; top: 18px; z-index: 3; margin: 0; } /* wishlist page ------ */ .wishlist { padding: 50px 0 40px; } .wishlist .wishlist-row{ display: flex; align-items: center; margin-bottom: 40px; border-bottom: 1px solid var(--mfn-woo-border); } .wishlist .wishlist-row .product-loop-thumb{position:relative} .wishlist .wishlist-row:last-of-type { margin-bottom: 0; border-bottom: 0; } .wishlist .wishlist-row .price { font-size: 30px; line-height: 30px; } .wishlist .wishlist-row .product_meta > span { margin-right: 10px; } .wishlist .wishlist-row .wishlist-options { text-align: center; } .wishlist .wishlist-row .wishlist-options .add_to_cart_button { margin-bottom: 20px; } .wishlist .wishlist-row .wishlist-options .add_to_cart_button.added { display: none; } .wishlist .wishlist-row .wishlist-options .added_to_cart { display: inline-block; padding-top: 0; margin-bottom: 20px; position: relative } .wishlist .wishlist-row .wishlist-options .added_to_cart:after { content: '\e917'; font-family: "mfn-icons"; position: absolute; right: -20px; top: 0; } .wishlist .wishlist-row .wishlist-options .mfn-li-product-row-button { display: flex; flex-direction: column; align-items: center; } .wishlist .wishlist-info{text-align:center;width:100%;margin-bottom:30px} .wishlist .image_frame.product-loop-thumb { position: relative; } /* shop sticky menu ------ */ .mfn-footer-stickymenu{display:none;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;z-index:9999;text-align:center;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);} .mfn-footer-stickymenu ul{padding:0;margin:0;list-style-type:none;display:flex;justify-content:space-evenly;align-items: center;} .mfn-footer-stickymenu ul li{flex-grow:1;flex-basis:0;} .mfn-footer-stickymenu ul li a{padding:20px 15px;text-decoration: none;line-height: 0;display: flex; align-items: center; justify-content: center;} .mfn-footer-stickymenu ul li a img, .mfn-footer-stickymenu ul li a svg{height:30px;line-height:1;width:auto;display:inline-block;} .mfn-footer-stickymenu ul li a i{font-size: 22px;} .mfn-footer-stickymenu ul li a img { border-radius: 100%; } .mfn-footer-stickymenu ul li a .sm-item{display:none;font-size:11px;line-height:1.3em;padding-top:0} .mfn-footer-stickymenu ul li a .header-wishlist-count, .mfn-footer-stickymenu ul li a .header-cart-count{ position:relative;margin-left:-5px;top:-10px;display:inline-block;width:18px;line-height:18px;text-align:center;font-size:11px;background-color:var(--mfn-woo-bg-themecolor);color:#fff;border-radius:100% } .mfn-footer-stickymenu ul li a .header-cart-count { margin-left:-7px; } .mfn-hidden-icon-count #Top_bar .header-cart-count.mfn-header-icon-0, .mfn-hidden-icon-count #Top_bar .header-cart-count.mfn-header-icon-0 ~ .header-cart-total{ display: none !important } .mfn-footer-stickymenu ul li a, .mfn-footer-stickymenu ul li a .path { color: rgba(0,0,0,.8); stroke: rgba(0,0,0,.8); } @media only screen and (max-width: 767px){ .mfn-footer-stickymenu{display:block;} .footer-menu-sticky #Footer { padding-bottom: 70px; } .ofcs-mobile .sidebar{display: none;} .mfn-all-shop-filters-disabled.ofcs-mobile .shop-filters{ display: flex; } } /* quickview ------ */ .mfn-popup-quickview {} .mfn-popup-quickview .mfn-close-icon{position:absolute;top: 15px; right: 15px;} .mfn-popup-quickview .mfn-popup-content-wrapper{display:flex} .mfn-popup-quickview .mfn-popup-content-col { width: 50%; } .mfn-popup-quickview .mfn-popup-content-photos { position: relative; } .mfn-popup-quickview .mfn-popup-content-photos .slick-arrow { position: absolute; } .mfn-popup-quickview .mfn-popup-content-photos .slick-prev { top: 50%; left: 10px; transform: translateY(-50%); } .mfn-popup-quickview .mfn-popup-content-photos .slick-next { top: 50%; right: 10px; transform: translateY(-50%); } .mfn-popup-quickview .mfn-popup-content-photos img, .mfn-popup-quickview .mfn-popup-content-photos .mfn-qs-one{display:block!important} .mfn-popup-quickview .mfn-popup-content-photos img{ width: 100%; } .mfn-popup-quickview .mfn-popup-content-text .mfn-popup-content-text-wrapper { padding: 30px 50px 30px 30px; box-sizing: border-box; overflow-y: auto; height: 100%; } .mfn-popup-quickview .mfn-popup-content-text .heading { margin-bottom: 7px; } .mfn-popup-quickview .product .mfn-popup-content-text p.price { color: var(--mfn-woo-themecolor); } .mfn-popup-quickview .mfn-popup-content-text .excerpt { margin-bottom: 15px; } .mfn-variable-swatches .mfn-popup-quickview .variations{display:none} .mfn-quick-view-opened { overflow: hidden; padding-right: 15px; } /* class */ .mfn-quick-view-opened #Top_bar.is-sticky .container { padding-right: 15px; } /* button ----- */ .woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce button.button,.woocommerce input.button{padding:10px 20px;font-weight:400;line-height:24px;overflow:hidden;border-style:solid;box-sizing:border-box} .button-flat .woocommerce #respond input#submit,.button-flat .woocommerce a.button,.button-flat.woocommerce a.button,.button-flat .woocommerce button.button,.button-flat.woocommerce button.button,.button-flat.woocommerce input.button{border-radius:0} .button-round .woocommerce #respond input#submit,.button-round .woocommerce a.button,.button-round.woocommerce a.button,.button-round .woocommerce button.button,.button-round.woocommerce button.button,.button-round.woocommerce input.button{padding:10px 35px;border-radius:50px} .button-stroke .woocommerce #respond input#submit,.button-stroke .woocommerce a.button,.button-stroke.woocommerce a.button,.button-stroke .woocommerce button.button,.button-stroke.woocommerce button.button,.button-stroke.woocommerce input.button{background-color:transparent;border-width:2px;border-style:solid;border-radius:3px} .single_add_to_cart_button,.checkout-button/*,.woocommerce .button:disabled*/{padding:10px 20px} .button-round .single_add_to_cart_button, .button-round .checkout-button/*, .button-round .woocommerce .button:disabled*/{padding:10px 35px!important} .button-stroke .woocommerce .button:not(:hover), .button-stroke .single_add_to_cart_button:not(:hover){background:none!important} .button-custom a.the-icon.remove{padding-left:10px!important;padding-right:10px!important} /* button loading & added fix */ .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { left: auto; top: auto; height: auto; width: auto; } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after { position: static; background: transparent; } /* star rating ----- */ .woocommerce .comment-form-rating { display: flex; align-items: center; margin-bottom: 15px; } .woocommerce .comment-form-rating label { flex-shrink: 0; } .woocommerce .comment-form-rating p.stars { width: 100%; } .woocommerce .comment-form-rating p.stars > span { display: flex; } .woocommerce .comment-form-rating p.stars a { flex: 1; width: auto; height: auto; color: inherit; padding: 15px 5px 10px; margin: 0 10px; font-size: 16px; background-color: rgba(0,0,0,.01); border-radius: 5px; text-align: center; text-indent: 0; } .woocommerce .comment-form-rating p.stars a:before { display: block; position: static; font-size: 26px; margin: 0 auto 5px; transition: all 0.3s ease-in-out 0s; } .woocommerce .comment-form-rating p.stars a:hover:before { animation-name: star-rating; animation-duration: 1000ms; } /* comments ----- */ .woocommerce #reviews #comments > :first-child { border-top: 0; padding-top: 0; } .woocommerce #reviews #comments .woocommerce-Reviews-title { margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist {} .woocommerce #reviews #comments ol.commentlist li {} .woocommerce #reviews #comments ol.commentlist li img.avatar { position: absolute; left: 25px; top: 13px; width: 50px; padding: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { background-color: rgba(0,0,0,.02); border: 0; margin-left: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { padding: 25px 115px 25px 90px; font-size: 1em; margin: 0; border-bottom: 1px solid rgba(0,0,0,.05); } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: absolute; right: 25px; top: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { padding: 25px 30px 10px; } .woocommerce #reviews #review_form_wrapper { margin-top: 20px; } .woocommerce #reviews #review_form_wrapper .comment-form { position: relative; margin-top: 20px; } .woocommerce #reviews #review_form_wrapper .comment-form label { font-weight: 500; margin-right: 10px; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-comment label { display: none; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-comment textarea { height: 150px; } .woocommerce #reviews #review_form_wrapper .comment-form .form-submit input[type="submit"] { width: 100%; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author, .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email { display: flex; align-items: center; } .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author input, .woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email input { margin: 0; } /* product gallery ----- */ .woocommerce .mfn-product-gallery { display: flex; position: relative; } .woocommerce .mfn-product-gallery .flex-control-thumbs{display: none;} .woocommerce .mfn-product-gallery .mfn-flex-control-thumbs-wrapper .flex-control-thumbs { display: flex; } .woocommerce .mfn-product-gallery .mfn-flex-control-thumbs-wrapper .flex-control-thumbs li{list-style:none; box-sizing: border-box;} .woocommerce .mfn-product-gallery :not(.mfn-scroller-active) .flex-control-thumbs { transform: translate3d(0,0,0) !important; } .product-gallery-zoom .woocommerce-product-gallery__image[style]:hover a img {opacity:0} .product-gallery-zoom div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background:transparent!important} .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { overflow: hidden; } .woocommerce .mfn-product-gallery .swiper-button-disabled{ opacity: 0; pointer-events: none; } .woocommerce div.product div.images .mfn-scroller-active { overflow: hidden; } .woocommerce div.product div.images .mfn-scroller-active .flex-control-thumbs { overflow: unset; } .woocommerce .mfn-product-gallery .mfn-scroller-active ol, .woocommerce .mfn-product-gallery .mfn-scroller-active ol img { cursor:move !important; } .woocommerce div.product div.images .flex-control-thumbs li{ position: relative; overflow: hidden; } .woocommerce .mfn-product-gallery.mfn-thumbnails-overlay .mfn-flex-control-thumbs-wrapper { position: absolute; z-index: 1; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper { order: 1; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-viewport { order: 2; } /* Left & Right */ .woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs { flex-direction: column;; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs li, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs li { width: 100% !important; opacity: 0;} .woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs li:last-child, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs li:last-child{margin-bottom: 0 !important;} .woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-scroller-active .flex-control-thumbs li, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-scroller-active .flex-control-thumbs li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;} .woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-scroller-active .flex-control-thumbs li img, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-scroller-active .flex-control-thumbs li img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -o-object-fit: cover; object-fit: cover;} .woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { display: flex; flex: 0 0 16%; max-width: 16%; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-top .mfn-flex-control-thumbs-wrapper, .woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-top .mfn-flex-control-thumbs-wrapper { align-items: flex-start; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-center .mfn-flex-control-thumbs-wrapper, .woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-center .mfn-flex-control-thumbs-wrapper { align-items: center; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-bottom .mfn-flex-control-thumbs-wrapper, .woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-bottom .mfn-flex-control-thumbs-wrapper { align-items: flex-end; } /* Bottom */ .woocommerce .mfn-product-gallery.mfn-thumbnails-bottom { flex-direction: column; } .woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-left .flex-control-thumbs { justify-content: flex-start; } .woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-center .flex-control-thumbs { justify-content: center; } .woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-right .flex-control-thumbs { justify-content: flex-end; } .woocommerce div.product div.images.mfn-thumbnails-bottom .flex-control-thumbs:not(.mfn-scroller-active) li{ width: 20%; } /* main image margin */ .woocommerce .mfn-product-gallery.mfn-mim-0{--mfn-woo-gallery-margin:0px} .woocommerce .mfn-product-gallery.mfn-mim-2{--mfn-woo-gallery-margin:2px} .woocommerce .mfn-product-gallery.mfn-mim-5{--mfn-woo-gallery-margin:5px} .woocommerce .mfn-product-gallery.mfn-mim-10{--mfn-woo-gallery-margin:10px} .woocommerce .mfn-product-gallery.mfn-mim-15{--mfn-woo-gallery-margin:15px} .woocommerce .mfn-product-gallery.mfn-mim-20{--mfn-woo-gallery-margin:20px} .woocommerce .mfn-product-gallery.mfn-mim-25{--mfn-woo-gallery-margin:25px} .woocommerce .mfn-product-gallery.mfn-mim-30{--mfn-woo-gallery-margin:30px} .woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper { margin-right: var(--mfn-woo-gallery-margin); } .woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { margin-left: var(--mfn-woo-gallery-margin); } .woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-bottom .mfn-flex-control-thumbs-wrapper { margin-top: var(--mfn-woo-gallery-margin); } .woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper, .woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { top: var(--mfn-woo-gallery-margin); height: calc(100% - 2*(var(--mfn-woo-gallery-margin))); } .woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper { left: var(--mfn-woo-gallery-margin); } .woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { right: var(--mfn-woo-gallery-margin); } .woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-bottom .mfn-flex-control-thumbs-wrapper { left: var(--mfn-woo-gallery-margin); bottom: var(--mfn-woo-gallery-margin); width: calc(100% - 2*(var(--mfn-woo-gallery-margin))); } /* Grid */ .woocommerce .mfn-product-gallery-grid { column-count: 2; column-gap: 0; position: relative; } .woocommerce .mfn-product-gallery-grid.mfn-product-gallery-1-images { column-count: 1; } .woocommerce .mfn-product-gallery-grid .zoomImg{ position: absolute; top: 0; } .woocommerce .mfn-product-gallery-grid a{ display: block; } .woocommerce .mfn-product-gallery-grid .mfn-product-gg-img { line-height: 0; display: inline-block; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; float: left; } .woocommerce .mfn-product-gallery-grid .mfn-product-gg-img .woocommerce-product-gallery__image { overflow: hidden; } /* header login ----- */ .mfn-header-login{position:absolute;display:none;width:300px;padding:20px 20px 25px;z-index:100001;top:100%;background-color:#fff;margin-top:50px} .mfn-header-login .mfn-close-icon{position:absolute;top: 15px; right: 15px;} .mfn-header-login .woocommerce-form.login { border: 0; padding: 0; margin: 0; text-align: left; border-radius: 0; } .mfn-header-login .woocommerce-form .form-row { float:none;width:100%; position: relative; padding: 0; margin-bottom: 10px; } .mfn-header-login .woocommerce-form label { font-weight: 400; } .mfn-header-login .woocommerce-form label[for="username"],.mfn-header-login .woocommerce-form label[for="password"]{ pointer-events: none; } .mfn-header-login .woocommerce-form .form-row.form-row-first:after, .mfn-header-login .woocommerce-form .form-row.form-row-last:after { font-family: "mfn-icons"; color: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); } .mfn-header-login .woocommerce-form .form-row.form-row-first:after { content: '\e94b'; } .mfn-header-login .woocommerce-form .form-row.form-row-last:after { content: '\e8c8'; } .mfn-header-login .woocommerce-form .form-row.form-row-first label, .mfn-header-login .woocommerce-form .form-row.form-row-last label { position: absolute; left: 40px; top: 50%; z-index: 2; transform: translateY(-50%); transition: position 150ms ease-out, font-size 150ms ease-out; } .mfn-header-login .woocommerce-form .form-row.form-row-first .input-text, .mfn-header-login .woocommerce-form .form-row.form-row-last .input-text {margin:0;padding: 25px 10px 10px 40px; width: 100%; } .mfn-header-login .woocommerce-form .form-row.form-row-first.active label, .mfn-header-login .woocommerce-form .form-row.form-row-last.active label{ top: 15px; font-size: 80%; opacity: .7; } .mfn-header-login .woocommerce-form-login__rememberme { margin-bottom: 10px; } .mfn-header-login .woocommerce-form-login__submit{width:100%;box-sizing:border-box} .mfn-header-login .lost_password, .mfn-header-login .create_account { text-align: center; margin: 0; } .mfn-header-login .lost_password { margin: -5px 0 10px; font-size: 14px; } .mfn-header-login .lost_password a, .mfn-header-login .create_account a { color: rgba(0,0,0,.5) !important; text-decoration: none; } .mfn-header-login .lost_password a:hover, .mfn-header-login .create_account a:hover { color: rgba(0,0,0,.8) !important; } .mfn-header-login .create_account a { font-weight: 700; } .mfn-header-login .woocommerce-MyAccount-navigation { width: 100%; } .mfn-show-login-modal .mfn-header-login{display:block} .mfn-show-login-modal .column_header_icon .mfn-header-login { display: none; } .mfn-header-login.is-side{display: block;position:fixed;top:0;right:-420px;display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;transition: all 0.3s ease-in-out; box-sizing:border-box;margin-top: 0;} .mfn-show-login-modal .mfn-header-login.is-side{right: 0;} .mfn-header-login.is-side h4{ font-size: 25px; line-height: 30px; text-align: center; width: calc(100% + 40px); border-bottom: 1px solid var(--mfn-woo-border); padding-bottom: 20px; margin: 0 -20px 20px; } .mfn-header-login.is-side .mfn-close-icon { right: auto; left: 20px; } .mfn-show-login-modal #body_overlay { display: block; } /* Fake tabs */ .woocommerce .fake-tabs .tab-additional_information.active, .woocommerce .fake-tabs .tab-reviews.active { padding-top: 50px; } .woocommerce .fake-tabs .woocommerce-Reviews-title { text-align: center; } .woocommerce .fake-tabs .tab-reviews #reviews, .woocommerce .fake-tabs .tab-additional_information table.shop_attributes { max-width: 60%; margin: 0 auto; } /* Required */ .required { opacity: .6; } /* Meta ----- */ .woocommerce .product_meta span { margin: 0 5px; } .woocommerce .product_meta span:first-child { margin-left: 0; } .woocommerce .product_meta span:last-child { margin-right: 0; } /* Tags */ .wishlist .tagged_as a, .woocommerce .product_meta .stacked-meta li.stacked-tags .stacked-meta-value a, .woocommerce .tagged_as a { display: inline-block; text-decoration: none; background-color: rgba(0,0,0,.02); color: rgba(0,0,0,.8); margin: 0 2px 2px; border-radius: 4px; padding: 2px 7px; font-size: 90%; transition: background-color 0.3s ease-in-out 0s; } .wishlist .tagged_as a:hover, .woocommerce .product_meta .stacked-meta li.stacked-tags .stacked-meta-value a:hover, .woocommerce .tagged_as a:hover { background-color: rgba(0,0,0,.06); } /* SKU */ .wishlist .sku_wrapper, .woocommerce .product_meta .stacked-meta li.stacked-sku .stacked-meta-value, .woocommerce .sku_wrapper { display: inline-block; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; padding: 0 10px; font-size: 13px; text-transform: uppercase; } /* Stacked*/ .woocommerce .product_meta .stacked-meta{ display: flex; flex-wrap: wrap; } .woocommerce .product_meta .stacked-meta li{ width: 33%; flex: 1 1 auto; padding: 15px 10px; box-sizing: border-box; border-right: 1px solid var(--mfn-woo-border); } .woocommerce .product_meta .stacked-meta li:last-child { border: 0; } .woocommerce .product_meta .stacked-meta li .stacked-meta-title { margin-bottom: 5px; } .woocommerce .product_meta .stacked-meta li span{display: block; margin: 0;} /* filters ----- */ .shop-filters{display:flex;width:100%;align-items:center;flex-wrap:wrap; margin-bottom:20px;padding:15px 1%;box-sizing:border-box;overflow:hidden} .shop-filters .woocommerce-notices-wrapper{flex-basis: 100%;} .mfn-all-shop-filters-disabled .shop-filters{ display: none; } /* hide div.shop-filters when all filters are disabled */ .woocommerce .shop-filters > * { margin-right: 25px; margin-bottom: 0; } .woocommerce .shop-filters > :last-child { margin-right: 0; } .shop-filters .mfn-woo-list-options > form, .shop-filters .mfn-woo-list-options .mfn-woo-list { display: flex; } .shop-filters .mfn-woo-list-options { margin-left: auto; } .shop-filters .mfn-woo-list-options .mfn-woo-list { margin-left: 25px; } .shop-filters .mfn-woo-list-options .show { margin-right: 5px; } .shop-filters .mfn-woo-list-options ul { display: flex; align-items: center; } .shop-filters .mfn-woo-list-options ul li { position: relative; overflow: hidden; margin: 0 3px; cursor: pointer; transition: opacity 0.2s ease-in-out; } .shop-filters .mfn-woo-list-options ul li:last-child { margin-right: 0; } .shop-filters .mfn-woo-list-options ul li input[type="radio"] { position: absolute; opacity:0; z-index:-1; } .shop-filters .mfn-woo-list-options ul li .num { padding: 0 2px; } .shop-filters .mfn-woo-list-options ul li svg { display: block; width: 22px; } .shop-filters .mfn-woo-list-options ul li { opacity: .4; } .shop-filters .mfn-woo-list-options ul li:hover { opacity: .6; } .shop-filters .mfn-woo-list-options ul li.active { opacity: 1; } .shop-filters .mfn-woo-list-options ul li.active .num { border-bottom: 1px solid; } .shop-filters .woocommerce-ordering{margin-bottom:0;z-index:1!important} .shop-filters:not(.mfn-additional-shop-options-active) .woocommerce-ordering { margin-left: auto; } .shop-filters .woocommerce-ordering select{margin-bottom:0;background-color: transparent; border: 0; width: 145px; color: inherit; padding: 0; line-height: 2; cursor: pointer; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;box-shadow:unset} .shop-filters .woocommerce-ordering select:focus { background-color: transparent !important; color: inherit; } .shop-filters a.open-filters { display: flex; align-items: center; color: inherit; } .shop-filters a.open-filters i, .shop-filters a.open-filters svg { margin-right: 3px; } .shop-filters a.open-filters i { font-size: 20px; } .shop-filters a.open-filters svg { width: 22px; } .shop-filters a.open-filters svg .path, .shop-filters .mfn-woo-list-options ul li .path { stroke: var(--mfn-woo-icon-option); stroke-width: 1px; } /* active filters ----- */ .mfn-woo-list-active-filters { margin-bottom: 25px; margin-top: -15px; padding: 0 1%; } .mfn-woo-list-active-filters > ul { display: flex; } .mfn-woo-list-active-filters > ul li { margin-right: 5px; cursor: pointer; } .mfn-woo-list-active-filters > ul li .del { margin-left: 7px; opacity: .3; transition: opacity 0.2s ease-in-out; } .mfn-woo-list-active-filters > ul li:hover .del { opacity: .5; } .mfn-woo-list-active-filters > ul li:hover .label { text-decoration: line-through; } .column_shop .mfn-woo-list-active-filters, .column_shop .mfn-woo-filters-wrapper{ display: none; } /* term description */ .term-description {margin:15px 0;padding:0 1%;box-sizing:border-box;} /* archives ------ */ .woocommerce ul.products li.product{text-align:center} .woocommerce ul.products li.product.align-left{text-align:left} .woocommerce ul.products li.product.align-right{text-align:right} .woocommerce ul.products li.product, .woocommerce .products.related ul.products li.product, .woocommerce .products.upsells.up-sells ul.products li.product{width:31.3%;margin:0 1% 20px;clear:none} .woocommerce.columns-4 ul.products li.product, .woocommerce ul.products.columns-4 li.product{width:23%} .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product{width:31.3%} .woocommerce.columns-2 ul.products li.product, .woocommerce ul.products.columns-2 li.product{width:48%} .woocommerce.columns-1 ul.products li.product, .woocommerce ul.products.columns-1 li.product{width:98%;margin:0 1% 20px!important;display:flex;align-items:center;background-color:transparent;} .woocommerce.columns-1 ul.products li.product .mfn-li-product-row-image, .woocommerce ul.products.columns-1 li.product .mfn-li-product-row-image{width:33%} .woocommerce.columns-1 ul.products li.product .product-loop-thumb, .woocommerce ul.products.columns-1 li.product .product-loop-thumb{width:100%} .woocommerce.columns-1 ul.products li.product .desc, .woocommerce ul.products.columns-1 li.product .desc{position:relative;width:67%;padding-left:40px;box-sizing:border-box;} /* archives | clear */ .woocommerce.columns-2 ul.products li.product:nth-child(2n+1), .woocommerce ul.products.columns-2 li.product:nth-child(2n+1){clear:both} .woocommerce.columns-3 ul.products li.product:nth-child(3n+1), .woocommerce ul.products.columns-3 li.product:nth-child(3n+1){clear:both} .woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .woocommerce ul.products.columns-4 li.product:nth-child(4n+1){clear:both} .woocommerce .products_wrapper.isotope_wrapper{display: block; width: 100%;} /* archives | product */ .woocommerce .column_shop_products ul.products .mfn-li-product-row-image, .woocommerce .column_product_upsells ul.products .mfn-li-product-row-image, .woocommerce .column_product_related ul.products .mfn-li-product-row-image { margin-bottom: 15px; } .woocommerce ul.products li.product .product-loop-thumb{position:relative} .woocommerce ul.products li.product.outofstock .product-loop-thumb .image_wrapper img{opacity:.25;-webkit-filter: grayscale(50%); filter: grayscale(50%);} .woocommerce ul.products li.product.outofstock .product-loop-thumb .image_wrapper img.image-secondary { display: none; } .woocommerce ul.products li.product.outofstock .product-loop-thumb .soldout h4 { font-size: 16px; line-height: 1; border: 2px solid; padding: 5px 10px; border-radius: 3px; } .woocommerce ul.products li.product .star-rating{ display: inline-block; font-size:14px; margin: 0 0 7px; vertical-align: text-bottom; } .woocommerce ul.products li.product .title a{ color: inherit; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { padding: 0;} .woocommerce ul.products li.product h1, .woocommerce-page ul.products li.product h1, .woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .woocommerce ul.products li.product h4, .woocommerce-page ul.products li.product h4, .woocommerce ul.products li.product h5, .woocommerce-page ul.products li.product h5, .woocommerce ul.products li.product h6, .woocommerce-page ul.products li.product h6, .woocommerce ul.products li.product .mfn-li-product-row-title .title, .woocommerce-page ul.products li.product .mfn-li-product-row-title .title{margin-bottom:3px} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{font-size:18px;margin: 0 0 7px;} .woocommerce ul.products li.product .excerpt, .woocommerce-page ul.products li.product .excerpt{margin-bottom:7px} .woocommerce ul.products li.product .excerpt p:last-child, .woocommerce-page ul.products li.product .excerpt p:last-child{margin-bottom:0} .woocommerce ul.products li.product .mfn-li-product-row-button, .woocommerce-page ul.products li.product .mfn-li-product-row-button {display:inline-flex;align-items:center;margin-bottom:7px;} .woocommerce ul.products li.product .mfn-li-product-row-button.hide-button, .woocommerce-page ul.products li.product .mfn-li-product-row-button.hide-button { display: none; } .wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button, .wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button { margin-right: -48px;} .woocommerce ul.products li.product .mfn-li-product-row-button a.button, .woocommerce-page ul.products li.product .mfn-li-product-row-button a.button {margin:0} .woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img,.woocommerce ul.products li.product a:hover img,.woocommerce-page ul.products li.product a:hover img{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;margin:0} .woocommerce a.button.added:before{right:13px;top:15px} .woocommerce ul.products li.product a.added_to_cart{display:none} .woocommerce ul.products li.product .desc{padding:15px 0} .woocommerce ul.products:not(.list) li.product.has-background-color .desc { padding-left: 20px; padding-right: 20px; } .woocommerce ul.products li.product .product-loading-icon{opacity:0;width:50px;height:50px;position:absolute;left:50%;top:50%;background-color:#fff;margin:-25px 0 0 -25px;-webkit-border-radius:100%;border-radius:100%;z-index:3} .woocommerce ul.products li.product .product-loading-icon:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:none;display:block;text-decoration:none!important;width:20px;height:20px;line-height:20px;font-size:20px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;content:'\e812';color:#444} .woocommerce ul.products li.product.adding-to-cart .product-loading-icon{background-image:url(//platdakraamshop.be/wp-content/themes/betheme/images/shop-loader.gif);background-position:center center;background-repeat:no-repeat;opacity:1} .woocommerce ul.products li.product.adding-to-cart .product-loading-icon:before{display:none} .woocommerce ul.products li.product.added-to-cart .product-loading-icon { display: none; } .woocommerce ul.products li:hover.product.added-to-cart .product-loading-icon{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1} .if-overlay .added-to-cart .added-cart{display:none} .woocommerce ul.products li.mfn-product-li-item .mfn-after-shop-loop-item .mfn-wish-button,.woocommerce ul.products li.mfn-product-li-item .mfn-after-shop-loop-item .button{display: none;} .woocommerce ul.products:not(.list) li.product .excerpt-list, .woocommerce ul.products:not(.list) li.product .button-list{display:none} .woocommerce ul.products li.product .woocommerce-loop-category__title{font-size:1.4em;line-height: 1.4;} .woocommerce ul.products li.product .woocommerce-loop-category__title mark{background-color:transparent;color:rgba(0,0,0,.5)} /* Onsale */ .woocommerce span.onsale { display: block; position:absolute; left: 15px !important; right: auto !important; top: 15px !important; z-index:9; min-width: 0; min-height: 0; color: #fff; font-size: 12px; line-height: 18px; font-weight: 500; text-transform: uppercase; width: auto; height: auto; padding: 3px 8px; border-radius: 3px; margin: 0 !important; } /* New with onsale */ .woocommerce span.onsale:first-child { top: 15px !important; } .woocommerce span.onsale:nth-child(2) { top: 42px !important; } .woocommerce span.onsale:nth-child(3) { top: 69px !important; } /* Elementor fix */ .elementor-widget-container > span.onsale { display: none; } .woocommerce .elementor-widget-woocommerce-product-images span.onsale { padding: 3px 8px; } /* Sold out */ .woocommerce span.soldout{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);text-align:center} /* Secondary image on hover */ .hover_box_product:hover .hover_box_wrapper .visible_photo, .hover_box_product.hover .hover_box_wrapper .visible_photo{opacity:1!important} /* sidebar cart ------ */ .mfn-cart-holder{position:fixed;top:0;right:-420px;display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;background-color:#fff;z-index:100000;transition:0.3s;box-sizing:border-box;} .mfn-cart-holder .mfn-ch-header, .mfn-cart-holder .mfn-ch-content, .mfn-cart-holder .mfn-ch-footer { padding: 20px; } .mfn-cart-holder .mfn-ch-header {text-align:center;display:block;position:relative; border-bottom: 1px solid var(--mfn-woo-border); } .mfn-cart-holder .mfn-ch-header h3{margin:0; font-size: 25px; line-height: 30px; display: flex; justify-content: center; } .mfn-cart-holder .mfn-ch-header h3 i, .mfn-cart-holder .mfn-ch-header h3 svg { margin-right: 7px; } .mfn-cart-holder .mfn-ch-header h3 svg { width: 30px; } .mfn-cart-holder .mfn-ch-header .mfn-close-icon{position:absolute;top: 50%; left: 20px; transform: translateY(-50%); } .mfn-cart-holder .mfn-ch-content-wrapper { position: relative; height: 100%; overflow:hidden; } .mfn-cart-holder .mfn-ch-content { height: 100%; overflow:auto;} .mfn-cart-holder .mfn-ch-content .mfn-ch-product { display:flex; flex-wrap: wrap; align-items: center; background-color: rgba(0,0,0,.01); border-radius: 5px; margin-bottom: 20px; padding: 15px; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product:last-child { margin-bottom: 0; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image { flex-shrink: 0; margin-right: 15px; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image a { display: block; line-height: 0; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image a img { width:100px;height:auto; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info { flex: 1; padding-right: 15px; display: flex; flex-direction: column; border-right: 1px solid var(--mfn-woo-border); min-height: 100px; justify-content: center; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info h6{font-size:16px;line-height:1.3em; margin-bottom: 5px;} .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation, .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info p.price { margin-bottom: 5px; font-size: 14px; line-height: 22px; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dt { margin: 0 3px 0 0; padding: 0; border: 0; width: auto; font-weight: 400; color: rgba(0,0,0,.5); } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd { margin: 0; padding: 0; border: 0; display: inline; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd p { margin: 0; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price { flex-shrink: 0; margin-left: auto; margin-left: 15px; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price .woocommerce-Price-amount { font-weight: 700; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer { display: flex; align-items: center; width: calc(100% + 30px); margin: 15px -15px -15px; background-color: rgba(0,0,0,.01); border-top: 1px solid rgba(0,0,0,.04); } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col { width: 50%; text-align: center; padding: 7px 15px; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col .quantity { width: 120px; display: inline-block; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col .quantity .input-text { font-size: 14px; padding: 10px 30px !important; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col a.mfn-chp-remove { color: inherit; } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct { margin-top: -15px; border-bottom: 1px solid rgba(0,0,0,.04); } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-image a img { width: 50px; } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info { border-right: 0; min-height: auto; } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info h6 { font-size:15px; } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-price, .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info p.price, .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-footer .mfn-chpf-right { display: none; } .mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-footer { width: auto; margin: 0; background-color: transparent; border-top: 0; } .mfn-cart-holder .mfn-ch-footer { margin-top: auto; background-color: var(--mfn-woo-bg-box); } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals { margin-bottom: 30px; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row { display: flex; justify-content: space-between; align-items: center; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row.mfn-chft-total { border-top: 1px solid var(--mfn-woo-border); padding-top: 10px; margin-top: 10px; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row.mfn-chft-total strong { font-size: 22px; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons { text-align: center; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a.button { margin-bottom: 5px; } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a:not(.button) { color: var(--mfn-woo-text-option-color); } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a:hover:not(.button) { color: var(--mfn-woo-text-option-color-hover); } .mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons .mfn-ch-footer-links{ display: flex; justify-content: space-between; } .mfn-cart-overlay{ display: none; } .mfn-cart-opened { overflow: hidden; padding-right: 15px; } /* class */ .mfn-cart-opened #Top_bar.is-sticky .container { padding-right: 15px; } .mfn-cart-opened .mfn-cart-overlay { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 1000; } .mfn-cart-opened .mfn-cart-holder{right:0;} .mfn-cart-holder.loading .mfn-ch-content-wrapper:before{content:"";position:absolute;top:0;left:0;z-index:888;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.2);} .mfn-cart-holder.loading .mfn-ch-content-wrapper:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 20px; animation: spin 2s infinite linear; } .mfn-cart-holder .cart-empty { height: 100%; } #body_overlay /* Off canvas sidebar ------ */ .woocommerce .mfn-off-canvas-sidebar .mfn-off-canvas-switcher, .woocommerce-page .mfn-off-canvas-sidebar .mfn-off-canvas-switcher { display: none; } .ofcs-mobile .shop-filters .open-filters.mfn-off-canvas-switcher.mfn-only-mobile-ofcs{display:none} /* Product gallery options ------ */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger, .woocommerce div.product div.images .mfn-wish-button, .woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger, .woocommerce .mfn-product-gallery-grid .mfn-wish-button { position: absolute; top: 15px; z-index: 2; width: 40px; height: 40px; border-radius: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger, .woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger { right: 15px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { top: 11px; left: 10px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { top: 21px; left: 23px; } .woocommerce div.product div.images .mfn-wish-button, .woocommerce .mfn-product-gallery-grid .mfn-wish-button { right: 60px; margin: 0; color: #000; } .woocommerce div.product div.images .mfn-wish-button .icon-heart-fa, .woocommerce .mfn-product-gallery-grid .mfn-wish-button .icon-heart-fa { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -14px; } .woocommerce div.product div.images .mfn-wish-button:after { display: none !important; } .woocommerce.product-zoom-disabled div.product div.images .mfn-wish-button { right: 15px; } .woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before { content: ""; display: block; width: 10px; height: 10px; border: 2px solid #000; border-radius: 100%; position: absolute; top: 11px; left: 10px; box-sizing: content-box; } .woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after { content: ""; display: block; width: 2px; height: 8px; background: #000; border-radius: 6px; position: absolute; top: 21px; left: 23px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: content-box; } .woocommerce-product-gallery .mfn-flex-control-thumbs-wrapper .mfn-swiper-arrow { display: none; } .mfn-thumbnails-arrows-active .woocommerce-product-gallery .mfn-flex-control-thumbs-wrapper .mfn-swiper-arrow { display: block; } /* Product Single -------------------------------------------------------------------- */ .single-product div.product{width:100%} .woocommerce .product .post-nav{float:none} .woocommerce .product .product_wrapper{padding-left:105px;position:relative} .woocommerce .product .product_wrapper .share_wrapper{position:absolute;left:0;top:0} .woocommerce .product .product_wrapper .share-simple-wrapper{margin:20px 0} .woocommerce .product div.entry-summary h1.product_title{font-size:35px;line-height:40px;margin-bottom:15px;padding-bottom:15px;position:relative} .woocommerce .product div.entry-summary h1.product_title:after{content:"";display:block;width:20%;height:0;border-width:0 0 1px;border-style:solid;position:absolute;left:0;bottom:0} .woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link{display:none} .woocommerce .product div.entry-summary .cart{ margin-bottom:15px!important} .woocommerce .product div.entry-summary .cart .quantity{margin-right:10px;} .woocommerce .product div.entry-summary .cart .button{margin-bottom:0!important} .woocommerce .product div.entry-summary .product_meta{margin:0 0 15px!important} .woocommerce .product div.entry-summary .ui-tabs .ui-tabs-nav li a{padding:14px 20px!important} .woocommerce .product div.entry-summary .accordion #reviews #comments h2{font-size:21px;line-height:25px} .woocommerce .product div.entry-summary .accordion #reviews .comment-form-rating{display:block;clear:both} .woocommerce .product div.entry-summary .accordion p.stars a{margin-right:10px} .woocommerce .product div.entry-summary .accordion table.shop_attributes{margin:0;} .woocommerce .product div.entry-summary .woocommerce-product-rating{float:right;margin:1px 0 15px 10px;cursor:pointer} .woocommerce .product div.entry-summary .price{float:none;font-size:30px;line-height:30px} .woocommerce .product div.entry-summary div[itemprop="offers"]{margin-bottom:35px} .woocommerce .product div.entry-summary > p.price{margin-bottom:35px} .woocommerce .product .product_wrapper .product_image_wrapper{position:relative} .woocommerce .product .product_wrapper .product_image_wrapper .images{width:100%;margin:0} .woocommerce .product .product_wrapper .product_image_wrapper .images .woocommerce-main-image{margin-bottom:1em} .woocommerce .product .product_wrapper .product_image_wrapper .image_frame{position:relative;float:left} .woocommerce .product .product_wrapper .product_image_wrapper .image_frame .woocommerce-main-image{margin-bottom:0} .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails{float:left;width:100%} .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame{display:block;float:left;width:32%;margin-right:2%;margin-bottom:10px} .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(3n){margin-right:0} .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame a{float:none;margin:0;width:auto} .woocommerce .product.no-share .product_wrapper, .woocommerce .product.share-simple .product_wrapper{padding-left:0} .woocommerce .product.share-simple .button-love{display:none!important} .woocommerce .ui-tabs{position:static} .woocommerce .woocommerce-product-details__short-description{overflow:hidden} /* style: default */ .woocommerce .product.style-default .entry-summary { text-align: center; } .woocommerce .product.style-default .entry-summary h1.product_title { padding: 0; } .woocommerce .product.style-default .entry-summary h1.product_title:after { display: none; } .woocommerce .product.style-default .entry-summary .woocommerce-product-rating { float: none; } .woocommerce .product.style-default .entry-summary .woocommerce-product-rating .star-rating, .woocommerce .product.style-default .entry-summary .woocommerce-product-rating .woocommerce-review-link{display:inline-block; float: none;} .woocommerce .product.style-default .entry-summary .woocommerce-product-rating .woocommerce-review-link { font-size: 90%; } .woocommerce .product.style-default .entry-summary .woocommerce-product-details__short-description { margin-bottom: 15px } .woocommerce .product.style-default .entry-summary > p.price { margin-bottom: 15px; float: none; } .woocommerce .product.style-default .entry-summary .cart { margin: 30px 0 !important; } .woocommerce .product.style-default .entry-summary .cart .button { width: 100%; } .woocommerce .product.style-default .entry-summary .cart .quantity .input-text, .woocommerce .product.style-default .entry-summary .cart .button { font-size: 16px; line-height: 20px; padding: 15px 20px !important; } .woocommerce .product.style-default .entry-summary .cart.variations_form .woocommerce-variation-add-to-cart, .woocommerce .product.style-default .entry-summary .cart.cart_group .add_to_cart_button_wrap { display: flex; } .woocommerce .product.style-default .entry-summary .mfn-variations-wrapper .mfn-vr { justify-content: center; } .woocommerce .product.style-default .entry-summary .mfn-variations-wrapper .mfn-vr label { min-width: unset; } .woocommerce .product.style-default .entry-summary .product_meta { display: flex; flex-direction: column-reverse; align-items: center; } .woocommerce .product.style-default .entry-summary .product_meta .posted_in { margin-bottom: 15px; } .woocommerce .product.style-default .entry-summary .product_meta .tagged_as { margin-bottom: 15px; } .woocommerce .product.style-default .entry-summary .product_meta .sku_wrapper { margin: 0 0 15px; } .woocommerce .product.style-default .entry-summary .share-simple-wrapper { text-align: center; } .mfn-keyboard-support .product.style-default .entry-summary .product_meta { flex-direction:column } /* Keyboard Support --- Accessibility */ /* style: modern */ .woocommerce .product.style-modern .product_wrapper {padding-left:0;} .woocommerce .product.style-modern .product_wrapper .product_image_wrapper{width:98%;margin-bottom:20px} .woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame{width:19%;margin-right:1.25%} .woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(5n){margin-right:0} .woocommerce .product.style-modern .product_wrapper .entry-summary{width:98%;} .woocommerce .product.style-modern .product_wrapper .entry-summary .product_title{width:50%;margin-right:4%;float:left;} .woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-rating{width:50%;margin:0 4% 40px 0;float:left;} .woocommerce .product.style-modern .product_wrapper .entry-summary .star-rating{font-size:1.5em;} .woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="offers"]{width:46%;float:right;} .woocommerce .product.style-modern .product_wrapper .entry-summary .price{float:right; } .woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="description"]{width:50%;margin:0 4% 20px 0;float:left;} .woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-details__short-description{float:left} .woocommerce .product.style-modern .product_wrapper .entry-summary p.stock {float:right;font-size:1em;max-width:46%;} .woocommerce .product.style-modern .product_wrapper .entry-summary .cart{max-width:46%;float:right;} .woocommerce .product.style-modern .product_wrapper .entry-summary .cart .button{float:right;} .woocommerce .product.style-modern .product_wrapper .entry-summary .variations{background:none} .woocommerce .product.style-modern .product_wrapper .entry-summary .variations tr td {background:none;text-align:right;} .woocommerce .product.style-modern .product_wrapper .entry-summary .variations select {width:100%;margin:0;} .woocommerce .product.style-modern .product_wrapper .entry-summary .variations_button {float:right;} .woocommerce .product.style-modern .product_wrapper .entry-summary .single_variation {float:left;} .woocommerce .product.style-modern .product_wrapper .entry-summary .product_meta{float:left;width:100%;text-align:right;margin-bottom:25px!important;} .woocommerce .product.style-modern .product_wrapper .entry-summary .tabs_wrapper{float:left;width:100%} .woocommerce .product.style-modern .product_wrapper .share_wrapper{float:left;position:static;width:100%;padding:10px 10px 15px;box-sizing:border-box;background:none;border-width:1px 0 0;text-align:left;} .woocommerce .product.style-modern .product_wrapper .share_wrapper .stButton{margin:0 10px 0 0} .woocommerce .product.style-modern .product_wrapper .share-simple-wrapper{float:left;width:100%;margin-top:0} @media only screen and (min-width: 768px){ .woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-details__short-description{width:50%;margin:0 4% 20px 0} } @media only screen and (min-width: 960px) and (max-width: 1239px){ .woocommerce.with_aside .product.style-default .entry-summary .cart{flex-wrap:wrap;justify-content:center} .woocommerce.with_aside .product.style-default .entry-summary .cart .quantity{margin:0 0 10px} .woocommerce.with_aside .product.style-default .entry-summary .cart .button{width:auto;flex:1 auto} } @media only screen and (min-width: 768px) and (max-width: 959px){ .woocommerce .product.style-modern .product_wrapper .entry-summary .single_variation{float:right;} } @media only screen and (max-width: 767px){ .woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame{width:32%;margin-right:2%} .woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(5n){margin-right:2%} .woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(3n){margin-right:0} .woocommerce .product.style-modern .product_wrapper .entry-summary .product_title, .woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-rating, .woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="offers"], .woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="description"]{width:100%;} .woocommerce .product.style-modern .product_wrapper .entry-summary p.stock, .woocommerce .product.style-modern .product_wrapper .entry-summary .cart{max-width:300px;} } /* Variations*/ .woocommerce .product_meta{margin-top:15px} .woocommerce .mfn-variations-wrapper { margin-bottom: 15px; clear: both; text-align: left; } .woocommerce .mfn-variations-wrapper .mfn-vr { display: flex; flex-direction: row; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.04); } .woocommerce .mfn-variations-wrapper .mfn-vr:last-child { border: 0; } .woocommerce .mfn-variations-wrapper .mfn-vr label { flex-shrink: 0; margin: 0; font-weight: 500; margin-right: 10px; min-width: 18%; } .woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select { margin-bottom: 0; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options { display: flex; flex-direction: row; flex-wrap: wrap; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li { display: block; cursor: pointer; border: 0; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a { display: block; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 30px; padding: 0 10px; border-radius: 3px; margin: 2px; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(0,0,0,.2); } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(0,0,0,.8); } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-color li a { width: 34px; height: 34px; border-radius: 100%; padding: 3px; box-sizing: border-box; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-color li a span { display: block; width: 100%; height: 100%; border-radius: 100%; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-image li a { height: 50px; border-radius: 3px; padding: 3px; box-sizing: border-box; } .woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-image li a img { border-radius: 3px; display: block; height: 100% !important; width: auto; } .single_variation{margin-bottom:15px} .woocommerce .product .single_variation .price{font-size:25px;margin-right:10px;padding-top:6px} /* Grouped product list */ .woocommerce .woocommerce-grouped-product-list {} .woocommerce .woocommerce-grouped-product-list td { vertical-align: middle !important; } .woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple { padding: 0 !important; background-color: transparent; display: inline-block; float: none; width: auto; color: var(--mfn-woo-text-option-color); } .woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple:after { display: none; } .woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple:hover { color: var(--mfn-woo-text-option-color-hover); text-decoration: underline !important; } .woocommerce form.cart { display: flex; align-items: center; } .woocommerce form.cart.variations_form, .woocommerce form.cart.cart_group { display: block; } .woocommerce form.cart.grouped_form { flex-wrap: wrap; } .woocommerce form.cart.grouped_form .woocommerce-grouped-product-list { flex-basis: 100%; } .woocommerce form.cart.grouped_form .single_add_to_cart_button { width: calc(100% - 50px) !important; } .woocommerce form.cart #wc-stripe-payment-request-wrapper{width:100%;padding-top:0!important} .woocommerce form.cart #wc-stripe-payment-request-button-separator{width:50%} .woocommerce-variation-add-to-cart{display:flex;align-items:center} .woocommerce.single-product.mfn-variable-swatches .variations{ display: none; } /* Variations in product list */ .woocommerce .mfn-variations-wrapper-loop {} .woocommerce .mfn-variations-wrapper-loop .mfn-vr { display: block; margin-bottom: 7px; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr label { display: none; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr .mfn-vr-select { display: inline-block; margin-bottom: 0; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options { display: block; width: 100%; margin: 0; line-height: 0; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li { display: inline-block; cursor: pointer; border: 0; margin-bottom: 0; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li a { display: block; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 22px; padding: 0 10px; border-radius: 3px; margin: 2px; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(0,0,0,.2); } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(0,0,0,.8); } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-color li a { width: 22px; height: 22px; border-radius: 100%; padding: 2px; box-sizing: border-box; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-color li a span { display: block; width: 100%; height: 100%; border-radius: 100%; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-image li a { height: 30px; border-radius: 3px; padding: 2px; box-sizing: border-box; } .woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-image li a img { border-radius: 3px; display: block; height: 100% !important; width: auto; } /* Product attributes */ .woocommerce table.woocommerce-product-attributes { border-top: 0; margin-bottom: 0; } .woocommerce table.woocommerce-product-attributes th, .woocommerce table.woocommerce-product-attributes td { border: 0; background: none; box-shadow: 0 0 0 0; overflow: hidden; } .woocommerce table.woocommerce-product-attributes tr:nth-child(2n) td, .woocommerce table.woocommerce-product-attributes tr:nth-child(2n) th { background: none; } .woocommerce table.woocommerce-product-attributes th { text-align: left; font-weight: 500; } .woocommerce table.woocommerce-product-attributes td { text-align: right; padding-left: 10%; } .woocommerce table.woocommerce-product-attributes td p { margin: 0; padding: 0; display: inline-block; } .woocommerce table.woocommerce-product-attributes td span { position: relative; display: inline-block; } .woocommerce table.woocommerce-product-attributes td span:before { content: ""; width: 1920px; height: 1px; background: rgba(0,0,0,.1); position: absolute; right: calc(100% + 20px); top: calc(50% - 1px); } /* Up-sell products, Related products */ .woocommerce .product .related.products,.woocommerce .product .upsells.products{clear:both;border-top-width:1px;border-style:solid;padding-top:15px;margin-top:30px} .woocommerce .product .related.products h2,.woocommerce .product .upsells.products h2{font-size:21px;line-height:25px} .woocommerce .product .related.products ul,.woocommerce .product .upsells.products ul{margin-bottom:0} /* Product image */ .woocommerce div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page #content div.product div.images img{-webkit-box-shadow:0 0 0;box-shadow:0 0 0} /* Quantity */ .woocommerce .quantity{ width: 130px; flex-shrink: 0; position: relative;} .woocommerce .quantity a.quantity-change { display: flex; color: rgba(0,0,0,.8); position: absolute; top: 5px; width: 35px; border-radius: 3px; height: calc(100% - 10px); font-weight: 700; font-size: 20px; align-items: center; justify-content: center; } .woocommerce .quantity a:hover.quantity-change { background-color: rgba(0,0,0,.02); } .woocommerce .quantity a.quantity-change.minus { left: 5px; } .woocommerce .quantity a.quantity-change.plus { right: 5px; } .woocommerce .quantity .qty { width: 100%; margin: 0; border-width: 1px !important; font-size: 16px; line-height: 20px; padding: 15px 30px !important; font-weight: 700; -webkit-appearance: none; webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; } .woocommerce .quantity.hidden { display: none; } .input-brightness-dark .quantity a.quantity-change { color: rgba(255,255,255,.8); } .input-brightness-dark .quantity a:hover.quantity-change { background-color: rgba(255,255,255,.06); } .woocommerce .product.quantity-one .quantity, .woocommerce .product.sold-individually .quantity{display:none!important} .wcpay-payment-request-wrapper{width:300px;margin:0 auto; margin-bottom: 15px; padding-top:0!important} #wcpay-payment-request-button-separator{display:none !important;} /* You may also like & Related products */ .woocommerce .products.related ul.products li.product:nth-child(3n+1), .woocommerce .products.upsells.up-sells ul.products li.product:nth-child(3n+1){clear:both} .woocommerce.mobile-row-2-products .products.related ul.products li.product:nth-child(3n+1), .woocommerce.mobile-row-2-products .products.upsells.up-sells ul.products li.product:nth-child(3n+1){clear:unset} /* Items --------------------------------------------------------------------------- */ /* Shop title */ .woocommerce .column_shop_title .woocommerce-products-header__title { margin-bottom: 0; } /* Shop categories */ .woocommerce .column_shop_categories ul.products .woocommerce-loop-category__title mark { font-weight: 400; } /* Shop products */ .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product { display: flex; flex-direction: column; justify-content: center; padding-left: calc(33% + 40px); } .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-image { position: absolute; left: 0; top: 0; } .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-button{display:inline-block} .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product > div:not(.mfn-li-product-row-image){width:100%} /* Product title */ .woocommerce .column_product_title .woocommerce-products-header__title { margin-bottom: 0; } /* Product stock */ .woocommerce .column_product_stock p { margin-bottom: 0; } .woocommerce .stock-disabled .column_product_stock { display: none; } /* Product rating */ .woocommerce .product .column_product_rating .woocommerce-product-rating { margin-bottom: 0; } .woocommerce .reviews-disabled .column_product_rating { display: none; } /* Product meta */ .woocommerce .column_product_meta .product_meta { margin-top: 0; } .woocommerce .column_product_meta .product_meta .posted_in, .woocommerce .column_product_meta .product_meta .tagged_as { display: block; } .woocommerce .column_product_meta .product_meta .posted_in, .woocommerce .column_product_meta .product_meta .tagged_as, .woocommerce .column_product_meta .product_meta .sku_wrapper { margin: 0 0 15px; } .woocommerce .column_product_meta .product_meta .table-meta, .woocommerce .column_product_meta .product_meta span:last-child { margin-bottom: 0; } /* Cart button */ .woocommerce .column_product_cart_button .cart { display: flex; margin-bottom: 0 !important; } .woocommerce .column_product_cart_button .cart .button { width: 100%; } .woocommerce .column_product_cart_button .cart .quantity{margin-right:10px} .woocommerce .column_product_cart_button .cart .quantity .input-text, .woocommerce #Content .column_product_cart_button .cart .button { font-size: 16px; line-height: 20px; padding: 15px 20px; } .mfn-cart-button-wrap .column_product_cart_button .cart{flex-wrap:wrap} /* Product rating */ .woocommerce .column_product_rating { clear: both; } .woocommerce .column_product_rating { float: none; } .woocommerce .column_product_rating .star-rating, .woocommerce .column_product_rating .woocommerce-review-link{display:inline-block; float: none !important;} .woocommerce .column_product_rating .woocommerce-review-link { font-size: 90%; } /* Product gallery */ .single-template .product .column_product_images .woocommerce-product-gallery{opacity:1!important} .woocommerce .product .column_product_images .woocommerce-product-gallery { float: none; width: 100% !important; margin-bottom: 0; } /* Product related & upsells */ .woocommerce .column_product_related ul.products, .woocommerce .column_product_upsells ul.products { margin-bottom: 0; } .elementor-widget-woocommerce-product-related .image_frame .image_wrapper .image_links{display:none!important;} /* Product breadcrumbs */ .woocommerce .column_product_breadcrumbs { clear: both; } .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb { margin: 0; color: inherit; } .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb a { color: inherit; margin: 0 5px; } .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb a:first-child { margin-left: 0; } .woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb span { margin: 0 5px; opacity: .2; } /* Widgets --------------------------------------------------------------------------- */ .widget.woocommerce li img{-webkit-box-shadow:0 0 0!important;box-shadow:0 0 0!important} /* Bestsellers */ .widget_best_sellers li,.widget_featured_products li,.widget_recent_reviews li,.widget_recent_products li,.widget_recently_viewed_products li,.widget_random_products li,.widget_top_rated_products li,.widget_onsale li{border-bottom:1px solid rgba(0,0,0,0.12)} .widget_best_sellers li:last-child,.widget_featured_products li:last-child,.widget_recent_reviews li:last-child,.widget_recent_products li:last-child,.widget_recently_viewed_products li:last-child,.widget_random_products li:last-child,.widget_top_rated_products li:last-child,.widget_onsale li:last-child{border-bottom:0} /* Layered nav */ .widget_layered_nav ul li{border-bottom:1px solid rgba(0,0,0,0.12)} .widget_layered_nav ul li:last-child{border-bottom:0} .woocommerce .widget_layered_nav ul li small{float:right} /* Product categories */ .widget_product_categories ul{list-style-type:square;color:#fff;padding:5px 10px 5px 30px} .widget_product_categories ul li{position:relative} .widget_product_categories ul > li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0} .widget_product_categories ul > li:last-child:after{display:none} .widget_product_categories ul li a{color:#fff!important;display:block;padding:7px 0 7px 3px} .widget_product_categories ul li ul{padding:0 10px 0 20px;margin-top:-5px} /* Product categories (new) */ .wc-block-product-categories {} .wc-block-product-categories.is-list a { display: inline-block; color: inherit; padding: 6px 6px 6px 0; } .wc-block-product-categories.is-list > ul > li > a { font-weight: 500; } .wc-block-product-categories.is-list ul li { position: relative; padding-right: 30px; } .wc-block-product-categories.is-list ul li .cat-expander {color: rgba(0,0,0,.5); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; right: 0; top: 5px; transition: all 0.3s ease-in-out; } .wc-block-product-categories.is-list ul li .cat-expander:before { content: '\e868'; font-family: "mfn-icons"; } .wc-block-product-categories.is-list ul.wc-block-product-categories-list--has-images li .cat-expander { top: 13px; } .wc-block-product-categories.is-list ul li.li-expanded > .cat-expander { transform: rotate(180deg); color: rgba(0,0,0,.8); } .wc-block-product-categories.is-list ul li ul { display: none; margin-right: -30px; } .wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li ul { margin-left: 20px; } .wc-block-product-categories.is-list > ul > li .wc-block-product-categories-list-item-count { display: inline-block; opacity: .5; } .wc-block-product-categories.is-list > ul > li .wc-block-product-categories-list-item-count::before, .wc-block-product-categories.is-list > ul > li .wc-block-product-categories-list-item-count::after { display: none; } /* Price filter */ .widget_price_filter .price_slider_wrapper{padding-top:5px} .widget_price_filter .price_slider_amount{font-size:13px!important} .widget_price_filter .price_slider_amount .button{font-size:1em!important;margin-bottom:0} .widget_price_filter .price_slider_wrapper .ui-widget-content{border-color:transparent!important;background:#fff!important} .widget_price_filter .price_label .from,.widget_price_filter .price_label .to{font-weight:700} .widget_price_filter .price_label{padding-top:10px} .widget_price_filter .price_slider{margin-bottom:20px!important} .widget_price_filter .price_slider_amount{line-height:inherit!important} .woocommerce .widget_price_filter .ui-slider .ui-slider-range{box-shadow:0 0 0;background-color:var(--mfn-woo-bg-themecolor);border-top:none;background-image:url(//platdakraamshop.be/wp-content/themes/betheme/images/stripes/stripes_3_b.png)} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:#fff!important;border-width:4px;border-style:solid} /* Price filter (new) */ .wc-block-price-slider{padding: 0 2px} .wc-block-components-price-slider__range-input-wrapper { box-shadow: 0 0 0 0; } .wc-block-components-price-slider__range-input-progress { --range-color: var(--mfn-woo-themecolor); } .wp-block-woocommerce-price-filter .wc-block-filter-submit-button { margin: 0; flex-shrink: 0; } .wc-block-components-price-slider.wc-block-components-price-slider--has-filter-button .wc-block-components-price-slider__controls { align-items: baseline; } .wc-block-price-filter__controls input { border-color: unset !important; } .wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{max-width:90px} .content-brightness-light .wc-block-components-price-slider__range-input-wrapper { background-color: rgba(0,0,0,.1); } .content-brightness-dark .wc-block-components-price-slider__range-input-wrapper { background-color: rgba(255,255,255,.15); } /* Shopping cart */ .woocommerce .widget_shopping_cart p.total{background-color:#fff;background-image:url(//platdakraamshop.be/wp-content/themes/betheme/images/stripes/stripes_3_b.png);overflow:hidden;padding:10px 12px!important} .woocommerce .widget_shopping_cart p.total strong{float:left;margin-right:4px} .woocommerce .widget_shopping_cart p.total .amount{float:left} .woocommerce .widget_shopping_cart p.total .button_cart{float:right} .woocommerce .widget_shopping_cart .cart_list li{padding:8px 0} .woocommerce .widget_shopping_cart .cart_list li a.remove{left:auto;right:-10px;top:-2px;padding:0!important;line-height:21px!important} .woocommerce .widget_shopping_cart ul.product_list_widget li a{font-weight:400} .woocommerce .widget_shopping_cart ul.product_list_widget li a:hover{text-decoration:none} .woocommerce .widget_shopping_cart ul.product_list_widget li .desc{margin-right:60px} .woocommerce .widget_shopping_cart ul.product_list_widget li h6{padding-top:5px;margin-bottom:3px} .woocommerce .widget_shopping_cart ul.product_list_widget li .quantity{display:block;width:100%} .woocommerce .widget_shopping_cart ul.product_list_widget li dl{margin:0!important;padding:0!important;border-left:0!important;display:block;overflow:hidden} .woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt,.woocommerce .widget_shopping_cart ul.product_list_widget li dl > dd{border-width:0;padding:2px 0;margin:0} .woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt{width:auto;font-weight:400;clear:none;margin-right:5px} /* Products */ .widget_products li{border-bottom-width:1px;border-style:solid} .widget_products li:last-child{border-bottom:0} /* Search */ .widget_product_search{position:relative} .widget_product_search .screen-reader-text{display:none} .widget_product_search form{margin-bottom:5px;position:relative;overflow:hidden} .widget_product_search form input[type="search"]{width:100%;margin-bottom:0} .widget_product_search form button[type="submit"]{display:none} /* Filters */ .mfn_woo_attributes { position: relative; display: block; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.04); overflow-x:hidden} .mfn_woo_attributes .mfn_attr_filters .mfn-vr:last-of-type { border: 0; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr > label { margin: 0 0 5px 0; font-weight: 500; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) { display: flex; flex-direction: row; flex-wrap: wrap; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li { display: block; cursor: pointer; border: 0; margin: 0 1px 1px 0; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label { display: block; position: relative; overflow: hidden; font-weight: 400; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 30px; padding: 0 10px; border-radius: 3px; margin: 2px; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label:hover { border-color: rgba(0,0,0,.2); } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label span { display: block; overflow: hidden; position: relative; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label span input{ opacity: 0; position: absolute; top: -100px; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li.active .label { border-color: rgba(0,0,0,.8); } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-color li .label { width: 34px; height: 34px; border-radius: 100%; padding: 3px; box-sizing: border-box; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-color li .label span { display: block; width: 100%; height: 100%; border-radius: 100%; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-image li .label { height: 50px; width: 50px; border-radius: 3px; padding: 3px; box-sizing: border-box; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-image li .label span { border-radius: 3px; display: block; height: 100%; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select { display: block; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li { cursor: pointer; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li .label { font-weight: 400; } .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li input[type="checkbox"]{pointer-events:none} .mfn_woo_attributes .mfn_attr_filters .button{ margin-top: 5px; } .mfn_woo_attributes .mfn_attr_filters.button-disabled .button{ display: none; } .mfn_attr_filters li.loading .label span { opacity: .2; } .mfn_attr_filters li.loading .label:after{ content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 12px; animation: spin 2s infinite linear; } .mfn_attr_filters ul.mfn-vr-select li.loading .label:after { position: relative; display: inline-block; margin: 0 0 0 5px; left: auto;top: 3px; } /* Shortcodes ------------------------------------------------------------------------ */ .add_to_cart_inline span{position:relative;top:-11px} .add_to_cart_inline .button{padding:11px 20px!important;margin:0 0 -5px 10px !important} /* lightbox | photoswipe ----- */ .pswp .pswp__button{padding:0;border:none!important} /* Cart / Checkout / Order / My Account ---------------------------------------------------------------------------------------------------------- */ /* Select 2 */ .select2 { font-size: 15px; } .select2-container--default .select2-selection--single { background-color: #fff; border-color: #EBEBEB; border-radius: 0; padding: 10px; height: auto; } /* Style inputa */ .select2-container--default .select2-selection--single .select2-selection__rendered { color: #626262; line-height: normal; text-align: left; padding-left: 0; } /* Style inputa */ .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 5px; } .select2-container--default.select2-container--open .select2-selection--single { border: 1px solid #EBEBEB; border-radius: 0; } /* Style inputa */ .select2-dropdown { background-color: #fff; border-color: #d5e5ee; border-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border-width: 1px; margin-bottom: 0; color: #626262; background-color: rgba(255,255,255,1); border-color: #EBEBEB; } /* Style inputa */ .select2-container--default .select2-search--dropdown .select2-search__field:focus { color: #0089F7; background-color: rgba(233,245,252,1) !important; border-color: #d5e5ee; } /* Style focus inputa */ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #0089F7; color: #fff; } /* Theme color i tekst w zaleznoscu od koloru */ /* Cart link */ a.mfn-woo-cart-link { display: block; text-align: center; margin-top: 15px; color: var(--mfn-woo-text-option-color); } a:hover.mfn-woo-cart-link { display: block; text-align: center; margin-top: 15px; color: var(--mfn-woo-text-option-color-hover); } /* Steps */ .mfn-cart-step { padding: 40px 0 10px; } .mfn-cart-step .woocommerce .woocommerce-notices-wrapper .alert, .mfn-cart-step .woocommerce .woocommerce-message, .mfn-cart-step .woocommerce .woocommerce-NoticeGroup .alert { width: 100%; } .mfn-cart-step .woocommerce .woocommerce-cart-form, .mfn-cart-step-1 .woocommerce .cart-collaterals, .mfn-cart-step-2 .woocommerce #customer_details, .mfn-cart-step-2 .woocommerce #order_review { margin-bottom: 40px; } .mfn-cart-step-1 .woocommerce .wc-empty-cart-message{width:100%} .mfn-cart-step-1 .woocommerce { display: flex; align-items: flex-start; flex-wrap: wrap; } .mfn-cart-step-1 .woocommerce .woocommerce-notices-wrapper { flex-basis: 100%; max-width: 100%; } .mfn-cart-step-1 .woocommerce .woocommerce-cart-form { flex-basis:65%; max-width: 65%; } .mfn-cart-step-1 .woocommerce .cart-collaterals { flex-basis: calc(35% - 40px); max-width: calc(35% - 40px); margin-left: 40px; } .mfn-cart-step-2 .woocommerce .woocommerce-checkout { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 50px; } .mfn-cart-step-2 .woocommerce .woocommerce-NoticeGroup { flex-basis: 100%; max-width: 100%; margin-bottom: 20px; } .mfn-cart-step-2 .woocommerce #customer_details { flex-basis:50%; max-width: 50%;} .mfn-cart-step-2 .woocommerce #order_review { flex-basis: calc(50% - 41px); max-width: calc(50% - 41px); margin-left: 40px; } .mfn-cart-step-2 .woocommerce .wcpay-payment-request-wrapper { width: 100%; } .mfn-cart-step-2 #wc-stripe-payment-request-wrapper{width:100%;padding:0!important;margin:0!important} .mfn-cart-step-2 #wc-stripe-payment-request-button-separator{width:100%} .mfn-checkout-steps { list-style: none; margin: 0 0 40px !important; display: flex; justify-content: center; align-items: center; } .mfn-checkout-steps li {display: flex; align-items: center; } .mfn-checkout-steps li:not(:last-child) { padding-right: 40px; margin-right: 40px; position: relative; } .mfn-checkout-steps li:not(:last-child):after { content: '\e917'; font-family: 'mfn-icons'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .5; } .mfn-checkout-steps li .mfn-step-number { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; margin-right: 15px; border: 1px solid var(--mfn-woo-border); color: var(--mfn-woo-text-option-color-hover); } .mfn-checkout-steps li.active .mfn-step-number { background: var(--mfn-woo-bg-themecolor); color: #fff; border-color: transparent; } .wc-block-components-notice-banner svg{width:24px;height:24px} /* Alerts */ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top: 0; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { display: none; } .woocommerce-notices-wrapper { width: 100%; } /* Boxes */ .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, .woocommerce .woocommerce-checkout-review-order, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-bacs-bank-details, .the_content_wrapper .woocommerce-MyAccount-navigation { background: var(--mfn-woo-bg-box); border-radius: var(--mfn-woo-border-radius-box); padding: 30px; box-sizing: border-box; } /* Shop table */ .woocommerce table.shop_table { border: 0; margin: 0; border-radius: 0; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 20px 10px; line-height: 1.4; background: none; box-shadow: 0 0 0 0; border-width: 0 0 1px 0; border-style: solid; border-color: var(--mfn-woo-border); } .woocommerce table.shop_table th:first-child, .woocommerce table.shop_table td:first-child { text-align: left; } .woocommerce table.shop_table th:last-child, .woocommerce table.shop_table td:last-child { text-align: right; } .woocommerce table.shop_table tbody tr:last-child th, .woocommerce table.shop_table tbody tr:last-child td, .woocommerce table.shop_table tfoot tr:last-child th, .woocommerce table.shop_table tfoot tr:last-child td { border-bottom: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 0; font-weight: 400; } .woocommerce table.shop_table th { color: var(--mfn-woo-heading-color); } .woocommerce table.shop_table .product-thumbnail a{display:block;line-height:0} .woocommerce table.shop_table .product-thumbnail a img{width:100px} .woocommerce table.shop_table .product-name{text-align:left} .woocommerce table.shop_table td.product-name, .woocommerce table.shop_table td.product-name > a { font-size: 17px; font-weight: 600; color: var(--mfn-woo-heading-color); } .woocommerce table.shop_table td.product-name .variation {margin-top:10px;font-weight:normal;} .woocommerce table.shop_table td.product-name .variation dt{padding-bottom:0;font-weight:normal;border-top-color:transparent} .woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal { color: var(--mfn-woo-themecolor); } .woocommerce table.shop_table .product-remove a:hover.remove { background-color: transparent; color: inherit; } .woocommerce table.shop_table tr.order-total .woocommerce-Price-amount, .woocommerce table.woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { font-size: 22px; font-weight: 700; color: var(--mfn-woo-heading-color); } .woocommerce table.shop_table .product-name .product-quantity { display: inline-block; position: relative; top: -1px; background-color: rgba(255,255,255,.9); padding: 2px 5px; border-radius: 3px; font-weight: 400; font-size:13px; } .woocommerce table.shop_table td.actions .coupon { display: flex; } .woocommerce table.shop_table td.actions .coupon .input-text { font-weight: bold; text-transform: uppercase; width: 160px; letter-spacing: 2px; text-align: center; margin-right: 10px; } .woocommerce table.shop_table td.actions .coupon label{display:none} .content-brightness-light table.shop_table td.actions .button:disabled { background-color: rgba(0,0,0,.1); color: rgba(0,0,0,.4) } .content-brightness-dark table.shop_table td.actions .button:disabled { background-color: rgba(255,255,255,.15); color: rgba(255,255,255,.4); } .woocommerce .blockUI { background-color: rgba(0,0,0,.05) !important; z-index: 1 !important; } /* Forms: Coupon, Login, Register */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password { display: flex; flex-direction: column; align-items: center; border: 0; padding: 0; margin: 0; box-sizing: border-box; } .woocommerce form.checkout_coupon p, .woocommerce form.login p, .woocommerce form.register p, .woocommerce form.lost_reset_password p { width: 100%; float: none; } .woocommerce form.checkout_coupon p:not(.form-row), .woocommerce form.login p:not(.form-row), .woocommerce form.register p:not(.form-row), .woocommerce form.lost_reset_password p:not(.form-row) { text-align: center; } .woocommerce form.checkout_coupon .button, .woocommerce form.login .button, .woocommerce form.register .button, .woocommerce form.lost_reset_password .button { width: 100%; } .woocommerce form.checkout_coupon p:last-child, .woocommerce form.login p:last-child, .woocommerce form.register p:last-child, .woocommerce form.lost_reset_password p:last-child { margin-bottom: 0; } .woocommerce form.checkout_coupon .form-row, .woocommerce form.login .form-row, .woocommerce form.register .form-row, .woocommerce form.lost_reset_password .form-row { width: 100%; } .woocommerce form.register .woocommerce-privacy-policy-text { font-size: 84%; line-height: 1.75; margin-bottom: 15px; } /* ------------------------ Notices ----------------------- */ /* Thank you order received */ .woocommerce-thankyou-order-received { text-align: center; margin-bottom: 50px; color: var(--mfn-woo-themecolor); } .woocommerce-thankyou-order-received:before { content: '\e841'; font-family: "mfn-icons"; color: var(--mfn-woo-themecolor); background-color: rgba(0,0,0,.03); font-size: 30px; display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; width: 70px; height: 70px; border-radius: 100%; } /* ------------------------ Cart ----------------------- */ .woocommerce table.shop_table.cart th { font-size: 13px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } .woocommerce .cart-collaterals h4 { text-align: center; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 0; } .woocommerce .cart-collaterals .cart_totals .shop_table, .woocommerce-page .cart-collaterals .cart_totals .shop_table { table-layout: fixed; } .woocommerce .cart-collaterals .cross-sells ul.products li:nth-child(2n+1), .woocommerce-page .cart-collaterals .cross-sells ul.products li:nth-child(2n+1){clear:both} .woocommerce .cart-collaterals .cross-sells ul.products li .image_frame, .woocommerce-page .cart-collaterals .cross-sells ul.products li .image_frame{ margin-bottom: 10px;} .woocommerce .cart-collaterals .cross-sells ul.products li .desc, .woocommerce-page .cart-collaterals .cross-sells ul.products li .desc{ padding: 0;} .woocommerce .cart-collaterals .cross-sells ul.products li h4, .woocommerce-page .cart-collaterals .cross-sells ul.products li h4{ font-size: inherit; line-height: inherit;} .woocommerce-cart .return-to-shop { margin: 0 auto 40px; } /* ------------------------ Product Lightbox ----------------------- */ .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar{ background: none; } /* ------------------------ Checkout ----------------------- */ .mfn-cart-step-2 .woocommerce .woocommerce-checkout #customer_details .col-1, .mfn-cart-step-2 .woocommerce .woocommerce-checkout #customer_details .col-1, .mfn-cart-step-2 .woocommerce .woocommerce-checkout #customer_details .col-2, .mfn-cart-step-2 .woocommerce .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; } #order_review #order_review_heading { text-align: center; } /* Order comments */ .woocommerce-additional-fields #order_comments_field textarea.input-text { height: 150px; } /* Shop table - products in checkout */ .woocommerce table.woocommerce-checkout-review-order-table { margin-bottom: 30px; } /* ship-to-different-address */ #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, .mfn-cart-step-2 .woocommerce .create-account { font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; padding: 10px 15px; width: 100%; box-sizing: border-box; border: 1px solid var(--mfn-woo-border); border-radius: var(--mfn-woo-border-radius-box); } #add_payment_method .checkout .col-2 h3#ship-to-different-address label, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label, .mfn-cart-step-2 .woocommerce .create-account label { margin-bottom: 0; cursor: pointer; } /* Shop table - payment_methods */ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: none; } #add_payment_method #payment .woocommerce-terms-and-conditions-wrapper, .woocommerce-cart #payment .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper { margin-bottom: 15px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0; border-bottom: 0; color: inherit; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { border: 1px solid var(--mfn-woo-border); cursor: pointer; position: relative; border-radius: 4px; margin-bottom: 15px; padding: 15px; display: flex; flex-wrap: wrap; } #add_payment_method #payment ul.payment_methods li .input-radio, .woocommerce-cart #payment ul.payment_methods li .input-radio, .woocommerce-checkout #payment ul.payment_methods li .input-radio { position: absolute; z-index: -1; opacity: 0; } #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { margin-bottom: 0; color: var(--mfn-woo-heading-color); cursor: pointer; } #add_payment_method #payment ul.payment_methods li.active-payment, .woocommerce-cart #payment ul.payment_methods li.active-payment, .woocommerce-checkout #payment ul.payment_methods li.active-payment { border-color: var(--mfn-woo-border-themecolor); } #add_payment_method #payment ul.payment_methods li.wc_payment_method .mfn-payment-check, .woocommerce-cart #payment ul.payment_methods li.wc_payment_method .mfn-payment-check, .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .mfn-payment-check { display: none; content: '\e841'; font-family: "mfn-icons"; position: absolute; right: -10px; top: -10px; font-size: 12px; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 100%; background-color: var(--mfn-woo-bg-themecolor); color: #fff; } #add_payment_method #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check, .woocommerce-cart #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check, .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check { display: flex; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { width: 100%; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: none; color: inherit; margin: 0; padding: 0; font-size: inherit; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: inherit; margin-bottom: 0; } /* Coupon * Login Toggle */ .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-login-toggle .woocommerce-info { display: flex; justify-content: center; width: 100%; padding: 15px; box-sizing: border-box; margin: 0 0 15px !important; background-color: transparent; color: inherit; border: 1px solid var(--mfn-woo-border); border-radius: var(--mfn-woo-border-radius-box); } .woocommerce-form-coupon-toggle .woocommerce-info:before, .woocommerce-form-login-toggle .woocommerce-info:before { position: static; margin-right: 10px; color: var(--mfn-woo-themecolor); } .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon, .woocommerce-form-login-toggle .woocommerce-info a.showlogin { margin-right: 15px; margin-left: 10px; position: relative; } .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:after, .woocommerce-form-login-toggle .woocommerce-info a.showlogin:after { content: '\e869'; font-family: 'mfn-icons'; position: absolute; right: -15px; top: 0; } .mfn-cart-step form.checkout-form-toggle { background: var(--mfn-woo-bg-box); margin: 0 0 15px; padding: 30px; } .mfn-cart-step form.checkout-form-toggle p { max-width: 430px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; width: 100%; } /* ------------------------ Order summary ----------------------- */ .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-customer-details { margin-bottom: 40px; } .woocommerce .woocommerce-order-details .order-again { text-align: center; } .woocommerce .woocommerce-customer-details { text-align: center; } .woocommerce .woocommerce-customer-details address { width: auto; } .woocommerce .woocommerce-columns--addresses { display: flex; justify-content: center; } .woocommerce .woocommerce-columns--addresses .woocommerce-column { text-align: center; width: auto; margin: 15px 30px; } .woocommerce .woocommerce-customer-details address, .woocommerce .addresses address { display: inline-block; position: relative; padding-left: 90px; box-sizing: border-box; border: 0; border-radius: 0; } .woocommerce .woocommerce-customer-details address:before, .woocommerce .addresses address:before { content: '\e85d'; font-family: 'mfn-icons'; display: flex; height: 100%; width: 65px; font-size: 30px; border-right: 1px solid var(--mfn-woo-border); justify-content: center; align-items: center; position: absolute; left: 0; top: 0; } .woocommerce .woocommerce-order-details__title { text-align: center; } .woocommerce-order > p { margin-bottom: 40px; text-align: center; } .woocommerce ul.order_details { display: flex; } .woocommerce ul.order_details li { padding: 10px 15px; border-right: 1px solid var(--mfn-woo-border); flex: 1; text-align: center; margin: 0; box-sizing: border-box; } .woocommerce ul.order_details li:last-child { border: 0; } .woocommerce ul.order_details li { font-size: 13px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; color: var(--mfn-woo-heading-color); } .woocommerce ul.order_details li strong { font-size: 16px; letter-spacing: 0; font-weight: 400; margin-top: 15px; color: var(--mfn-woo-body-color); } .woocommerce .woocommerce-bacs-bank-details { margin-bottom: 40px; } .woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading { text-align: center; width: 100%; margin-bottom: 25px; } .woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name { font-size: inherit; font-weight: 500; text-align: center; } .woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details { margin-bottom: 15px; } .woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details li { flex: auto; } /* ------------------------ Account ----------------------- */ .woocommerce-account #Content .woocommerce { padding: 40px 0 55px; } /* Menu */ .the_content_wrapper .woocommerce-MyAccount-navigation { padding: 15px; } .woocommerce .woocommerce-MyAccount-navigation { margin: 0; } .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li { margin-bottom: 1px; } .woocommerce .woocommerce-MyAccount-navigation ul li a { display: block; color: rgba(0,0,0,.6); border-radius: 5px; background: transparent; border: 0; display: block; margin: 0; padding: 7px 10px; text-decoration: none; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(0,0,0,.8); background-color: rgba(0,0,0,.03); } .woocommerce .woocommerce-MyAccount-navigation ul li a:before { display: inline-block; font-family: "mfn-icons"; width: 22px; text-align: center; margin-right: 10px; color: rgba(0,0,0,.7); } .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid var(--mfn-woo-border); padding-top: 5px; margin-top: 5px; } .woocommerce .woocommerce-MyAccount-navigation-link--dashboard a:before { content: '\e8cc'; } .woocommerce .woocommerce-MyAccount-navigation-link--orders a:before { content: '\e812'; } .woocommerce .woocommerce-MyAccount-navigation-link--downloads a:before { content: '\e86b'; } .woocommerce .woocommerce-MyAccount-navigation-link--edit-address a:before { content: '\e801'; } .woocommerce .woocommerce-MyAccount-navigation-link--edit-account a:before { content: '\e84a'; } .woocommerce .woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens a:before { content: '\f1ed'; } .woocommerce .woocommerce-MyAccount-navigation-link--payment-methods a:before { content: '\e84f'; } .woocommerce .woocommerce-MyAccount-navigation-link--customer-logout a:before { content: '\e8cc'; } /* Content */ .woocommerce-account .woocommerce-MyAccount-content { width: 66%; } /* Orders */ .woocommerce table.my_account_orders { font-size: inherit; } /* Addresses */ .woocommerce-account .addresses .title .edit { margin-top: 6px; } /* Login, Register & Lost password */ .woocommerce #customer_login .u-column1, .woocommerce #customer_login .u-column2 { width: 50%; padding: 0 7%; box-sizing: border-box; position: relative; } .woocommerce #customer_login .u-column1:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: var(--mfn-woo-border); } .woocommerce-account .lost_reset_password p { max-width: 430px; } .woocommerce-account .lost_reset_password label { text-align: center; } /* Animations ===== */ @keyframes add-to-wishlist { 0% {transform: scale(1);} 25% {transform: scale(.5);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } @keyframes star-rating { 0% {transform: scale(1);} 25% {transform: scale(.7);} 50% {transform: scale(1.2);} 100% {transform: scale(1);} } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* responsive | 768 - 959 ===== */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* archives ----- */ .woocommerce .products_wrapper ul.products li.product, .woocommerce .products.related ul.products li.product, .woocommerce .products.upsells.up-sells ul.products li.product{width:48%} .woocommerce.columns-1 ul.products li.product, .woocommerce ul.products.columns-1 li.product {width:100%} .woocommerce .products_wrapper ul.products li.product:nth-child(n){clear:none} .woocommerce .products_wrapper ul.products li.product:nth-child(2n+1){clear:both} /* single ----- */ .woocommerce div.product div.product_image_wrapper{width:100%!important} .woocommerce div.product div.entry-summary{width:100%!important;float:left!important} /* cart */ .woocommerce .widget_shopping_cart p.total{text-align:right} .woocommerce .widget_shopping_cart p.total strong, .woocommerce .widget_shopping_cart p.total .amount{float:none} /* Cart */ .mfn-cart-step-1 .woocommerce .woocommerce-cart-form { flex-basis: 100%; max-width: 100%; } .mfn-cart-step-1 .woocommerce .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0; } } /* Responsive | < 782 - wp default value for admin bar ===== */ @media screen and ( max-width: 782px ) { .admin-bar p.demo_store{top:46px} } @media only screen and (width: 768px) { .column_product_related ul.products.columns-3 li.product, .column_product_upsells ul.products.columns-3 li.product { clear: unset; margin: 0 1% 20px; float: left !important; } .column_product_related ul.products.columns-3 li.product:nth-child(3n+1), .column_product_upsells ul.products.columns-3 li.product:nth-child(3n+1) { clear: both !important; } } /* Responsive | < 768 ===== */ @media only screen and (max-width: 767px) { .woocommerce .section:not(.full-width) > .section_wrapper .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; } .ofcs-mobile .shop-filters .open-filters.mfn-off-canvas-switcher.mfn-only-mobile-ofcs{ display: flex; } /* archives ----- */ /* archives | clear */ .woocommerce.columns-2 ul.products li.product:nth-child(2n+1), .woocommerce ul.products.columns-2 li.product:nth-child(2n+1){clear:none} .woocommerce.columns-3 ul.products li.product:nth-child(3n+1), .woocommerce ul.products.columns-3 li.product:nth-child(3n+1){clear:none} .woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .woocommerce ul.products.columns-4 li.product:nth-child(4n+1){clear:none} /* 1 column */ body:not(.mobile-row-2-products) .products_wrapper ul.products li.product{width:100%;} /* 2 columns */ body.mobile-row-2-products .products_wrapper ul.products li.product {width:48%;} body.mobile-row-2-products .products_wrapper ul.products li.product:nth-child(2n) { float: right; } body.mobile-row-2-products .products_wrapper ul.products li.product:nth-child(2n+1) { clear: both; } /* related & upsells ----- */ /* 1 column */ body:not(.mobile-row-2-products) .products.related ul.products li.product, body:not(.mobile-row-2-products) .products.upsells.up-sells ul.products li.product, body:not(.mobile-row-2-products) .column_product_related ul.products li.product, body:not(.mobile-row-2-products) .column_product_upsells ul.products li.product{width:100%;} /* 2 columns */ body.mobile-row-2-products .products.related ul.products li.product, body.mobile-row-2-products .products.upsells.up-sells ul.products li.product, body.mobile-row-2-products .column_product_related ul.products li.product, body.mobile-row-2-products .column_product_upsells ul.products li.product {width:48%;} body.mobile-row-2-products .products.related ul.products li.product:nth-child(2n+1), body.mobile-row-2-products .products.upsells.up-sells ul.products li.product:nth-child(2n+1), body.mobile-row-2-products .column_product_related ul.products li.product:nth-child(2n+1), body.mobile-row-2-products .column_product_upsells ul.products li.product:nth-child(2n+1){clear:both} /* products, related & upsells - margin bottom fix ----- */ .woocommerce .products_wrapper ul.products li.product {margin:0 0 20px} .woocommerce .products.related ul.products li.product, .woocommerce .products.upsells.up-sells ul.products li.product, .woocommerce .column_product_related ul.products li.product, .woocommerce .column_product_upsells ul.products li.product{margin:0 0 20px;} /* List */ .woocommerce.columns-1 ul.products li.product, .woocommerce ul.products.columns-1 li.product { display:block; } .woocommerce.columns-1 ul.products li.product .mfn-li-product-row-image, .woocommerce ul.products.columns-1 li.product .mfn-li-product-row-image, .woocommerce.columns-1 ul.products li.product .desc, .woocommerce ul.products.columns-1 li.product .desc{width:100%} .woocommerce.columns-1 ul.products li.product .desc, .woocommerce ul.products.columns-1 li.product .desc{padding-left:0;} /* List - item Shop products */ .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product { padding-left: unset; } .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-image { position: static; } /* single product ----- */ .woocommerce .post-nav{padding:10px 10px 4px} .woocommerce .product .product_wrapper{padding-left:0} .woocommerce .product .product_wrapper .share_wrapper{float:left;position:relative;width:100%;box-sizing:border-box;padding:5px 15px 0;margin-bottom:10px} .woocommerce .no-share-mobile .product_wrapper .share_wrapper{display:none} .woocommerce div.product div.product_image_wrapper{width:100%!important} .woocommerce div.product div.entry-summary{width:100%!important;float:left!important} /* Cart steps */ .mfn-checkout-steps { align-items: flex-start; } .mfn-checkout-steps li { flex-direction: column; text-align: center; } .mfn-checkout-steps li:not(:last-child) { padding-right: 20px; margin-right: 20px; } .mfn-checkout-steps li .mfn-step-number { margin: 0 0 15px 0; } /* Cart */ .mfn-cart-step-1 .woocommerce .woocommerce-notices-wrapper { flex-basis: 100%; max-width: 100%; } .mfn-cart-step-1 .woocommerce .woocommerce-cart-form { flex-basis:100%; max-width: 100%; } .mfn-cart-step-1 .woocommerce .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0; } /* Checkout */ .mfn-cart-step-2 .woocommerce .woocommerce-NoticeGroup { flex-basis: 100%; max-width: 100%; margin-bottom: 20px; } .mfn-cart-step-2 .woocommerce #customer_details { flex-basis:100%; max-width: 100%;} .mfn-cart-step-2 .woocommerce #order_review { flex-basis: 100%; max-width: 100%; margin-left: 0; } /* Table shop */ .woocommerce table.shop_table_responsive tr td.product-quantity, .woocommerce-page table.shop_table_responsive tr td.product-quantity { display: flex; justify-content: space-between; align-items: center; } .woocommerce table.shop_table_responsive tr td.product-remove, .woocommerce-page table.shop_table_responsive tr td.product-remove a.remove { margin:0 auto; } /* Order summary */ .woocommerce ul.order_details { display: block; } .woocommerce ul.order_details li { width: 100%; padding: 20px 10px; border-right: 0; border-right: 0; border-bottom: 1px solid var(--mfn-woo-border); } .woocommerce .woocommerce-columns--addresses { display: block;} .woocommerce .woocommerce-columns--addresses .woocommerce-column { text-align: center; width: 100%; margin: 0 0 30px; } /* Account */ .woocommerce-account .woocommerce-MyAccount-content { margin-top: 40px; width: 100%; } .woocommerce-account .woocommerce-Addresses .woocommerce-Address { margin-bottom: 20px; } /* Login, Register & Lost password */ .woocommerce #customer_login .u-column1, .woocommerce #customer_login .u-column2 { width: 100%; padding: 0; margin-bottom: 40px; } .woocommerce #customer_login .u-column1:after { display: none; } /* wishlist */ .wishlist .wishlist-row { display: block; margin-bottom: 20px; } /* mfn cart */ .mfn-cart-holder { max-width: 420px; width: 100% } /* Fake tabs */ .woocommerce .fake-tabs .tab-reviews #reviews, .woocommerce .fake-tabs .tab-additional_information table.shop_attributes { max-width: 100%; } /* Quick view */ .mfn-popup-quickview .mfn-popup-content-wrapper{display:block;} .mfn-popup-quickview .mfn-popup-content-col { width: 100%; height: auto !important; } .mfn-popup-quickview form.cart, .mfn-popup-quickview .woocommerce-variation-add-to-cart{ display: block; } .mfn-popup-quickview .quantity{ margin-bottom: 5px !important; } /* Shop filter */ .shop-filters { justify-content: space-between; flex-direction: row-reverse; } .shop-filters .woocommerce-result-count { display: none; } .shop-filters .mfn-woo-list-options { display: none; } .woocommerce .shop-filters > * { margin-right: 0; margin-left: 0; } /* Header login */ .mfn-header-login{display: block;position:fixed;top:0 !important;right:-420px;left: auto !important; display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;transition: all 0.3s ease-in-out; box-sizing:border-box;margin-top: 0;} .mfn-show-login-modal .mfn-header-login{right: 0;} .mfn-header-login h4{ font-size: 25px; line-height: 30px; text-align: center; width: calc(100% + 40px); border-bottom: 1px solid var(--mfn-woo-border); padding-bottom: 20px; margin: 0 -20px 20px; } .mfn-header-login .mfn-close-icon { right: auto; left: 20px; } /* star rating ----- */ .woocommerce .comment-form-rating { flex-wrap: wrap; } .woocommerce .comment-form-rating label { flex-shrink: unset; } .woocommerce .comment-form-rating p.stars a:before { font-size: 20px; } } /* Responsive | < 480 ===== */ @media only screen and (max-width: 479px) { /* mfn cart */ .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info { padding-right: 0; border-right-width: 0; } .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price { text-align: center; margin-left: 0; width: 100%; padding: 15px 0 0; } } @media only screen and (max-width: 379px) { /* cart ----- */ .woocommerce table.cart td.actions .coupon{display:block;margin-bottom:0} .woocommerce table.cart td.actions .coupon #coupon_code{width:100%;margin-bottom:10px!important} .woocommerce table.cart td.actions .coupon button{width:100%!important;margin-bottom:10px} } /* ------------------------ .content-brightness-dark ----------------------- */ /* Wishlist button */ /* .content-brightness-dark .cart .mfn-wish-button .path, .content-brightness-dark .mfn-li-product-row-button .mfn-wish-button .path { stroke: rgba(255,255,255,.15); } */ .content-brightness-dark .cart .mfn-wish-button:hover .path, .content-brightness-dark .mfn-li-product-row-button .mfn-wish-button:hover .path { stroke: rgba(255,255,255,.3); } /* Rating */ .content-brightness-dark .comment-form-rating p.stars a { background-color: rgba(255,255,255,.01); } /* Comments */ .content-brightness-dark #reviews #comments ol.commentlist li .comment-text { background-color: rgba(255,255,255,.02); } .content-brightness-dark #reviews #comments ol.commentlist li .comment-text p.meta { border-bottom: 1px solid rgba(255,255,255,.05); } /* Header login */ .content-brightness-dark .mfn-header-login .woocommerce-form .form-row.form-row-first:after, .content-brightness-dark .mfn-header-login .woocommerce-form .form-row.form-row-last:after { color: rgba(255,255,255,.7); } .content-brightness-dark .mfn-header-login .lost_password a, .content-brightness-dark .mfn-header-login .create_account a { color: rgba(255,255,255,.5) !important; } .content-brightness-dark .mfn-header-login .lost_password a:hover, .content-brightness-dark .mfn-header-login .create_account a:hover { color: rgba(255,255,255,.8) !important; } /* SKU */ .content-brightness-dark .wishlist .sku_wrapper, .content-brightness-dark .product_meta .stacked-meta li.stacked-sku .stacked-meta-value, .content-brightness-dark .sku_wrapper { border-color: rgba(255,255,255,.1); } /* Sidebar cart */ .content-brightness-dark .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer { background-color: rgba(255,255,255,.01); border-color: rgba(255,255,255,.04); } /* Variations */ .content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a { border-color: rgba(255,255,255,.1); } .content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(255,255,255,.2); } .content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(255,255,255,.8); } /* Product attributes */ .content-brightness-dark table.woocommerce-product-attributes td span:before { background: rgba(255,255,255,.1); } /* Product categories (new) */ .content-brightness-dark .wc-block-product-categories.is-list ul li .cat-expander {color: rgba(255,255,255,.5); } .content-brightness-dark .wc-block-product-categories.is-list ul li.li-expanded > .cat-expander { color: rgba(255,255,255,.8); } /* Filters */ .content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label { border-color: rgba(255,255,255,.1); } .content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label:hover { border-color: rgba(255,255,255,.2); } .content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li.active .label { border-color: rgba(255,255,255,.8); } /* Shop table */ .content-brightness-dark table.shop_table .product-name .product-quantity { background-color: rgba(0,0,0,.2); } /* Shop overlay */ .content-brightness-dark .blockUI { background-color: rgba(255,255,255,.05) !important; } /* Menu */ .content-brightness-dark .woocommerce-MyAccount-navigation ul li a { color: rgba(255,255,255,.6); } .content-brightness-dark .woocommerce-MyAccount-navigation ul li.is-active a, .content-brightness-dark .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.03); } .content-brightness-dark .woocommerce-MyAccount-navigation ul li a:before { color: rgba(255,255,255,.7); } /* PLUGIN: Mix and Match Products */ .woocommerce .mnm_form.layout_tabular { display: block; } .woocommerce div.product form.cart .mnm_price p.price { margin: 0 0 15px; } .woocommerce .mnm_table dl { margin-bottom: 15px; } .woocommerce .mnm_table dl > dt, .woocommerce .mnm_table dl > dd { width: 100%; padding: 0; float: none; } .woocommerce .mnm_table dl dd { margin: 0 0 10px; } .woocommerce .mnm_message { background: rgba(0,0,0,.03); display: flex; align-items: center; margin-bottom: 30px; padding: 15px 25px; box-sizing: border-box; position: relative; } .woocommerce .mnm_button_wrap { display: flex !important; flex-wrap: wrap; align-items: center; } .woocommerce .mnm_button_wrap .mnm_message .mnm_price, .woocommerce .mnm_button_wrap .mnm_message .mnm_message { width: 100%; } .woocommerce .mnm_button_wrap .mnm_add_to_cart_button { width: auto; flex: 1; } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .mfn-cart-step-2 .woocommerce .create-account, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-family: unset; color: inherit; } #add_payment_method .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"], .mfn-cart-step-2 .woocommerce .create-account label input[type="checkbox"], .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"], .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"] { margin: -2px 8px 0 0 !important; } /* secondary image on hover fix */ .image_frame .hover-secondary-image a{ display: flex; } .woocommerce ul.products .image_frame .hover-secondary-image a .image-secondary{ object-fit: cover; height: 100%; width: 100%; } /* free delivery */ .mfn-free-delivery-info{ display: block; width: 100%; margin: 0 0 20px 0; text-align: center;} .mfn-free-delivery-info p{ margin: 0; } .mfn-free-delivery-info .mfn-free-delivery-info-progressbar{ display: block; width: 100%; position: relative; height: 10px; border-radius: 4px; background-color: rgba(0,0,0,0.1); margin: 10px 0; overflow: hidden; } .mfn-free-delivery-info .mfn-free-delivery-info-progressbar span{ display: block; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--mfn-woo-themecolor);} /* fake sale */ .mfn-fake-sale-noti{ position: fixed; bottom: 20px; display: flex; width: 400px; box-sizing: border-box; max-width: calc(100% - 40px); padding: 15px; background-color: #fff; z-index: 999; border-radius: 8px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); align-items:center; justify-content:space-between; animation-duration: 1s; animation-name: mfnfakenotiIn; } .mfn-fake-sale-noti.mfn-fake-sale-noti-bottom-left{ left: 20px; } .mfn-fake-sale-noti.mfn-fake-sale-noti-bottom-right{ right: 20px; } .mfn-fake-sale-noti .mfn-fake-sale-noti-img{ width: 120px; display: block; } .mfn-fake-sale-noti .mfn-fake-sale-noti-desc{ display: flex; flex-grow: 1; padding-left: 20px; } .mfn-fake-sale-noti .mfn-fake-sale-noti-desc .mfn-fake-sale-noti-desc-title{ font-size: 15px; line-height: 1.4em; margin: 0;} .mfn-fake-sale-noti .mfn-fake-sale-noti-desc a{ text-decoration: underline; } .mfn-fake-sale-noti .mfn-fake-sale-noti-close{ position: absolute; top: 5px; right: 5px; z-index: 10; text-decoration: none; display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; } .mfn-fake-sale-noti.mfn-fake-sale-noti-out{ bottom: -100px; animation-duration: 0.5s; animation-name: mfnfakenotiOut; } @keyframes mfnfakenotiIn { 0%{bottom: -100px; opacity: 0;} 50%{bottom: -100px; opacity: 0;} 100%{bottom: 20px; opacity: 1} } @keyframes mfnfakenotiOut { 0%{bottom: 20px; opacity: 1} 100%{bottom: -150px; opacity: 1} } /* Single product template product tabs */ .mfn-woocommerce-tabs{ display: flex; width: 100%; --mfn-woo-tabs-nav-width: 300px; } .mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top){ align-items: flex-start; } .mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-top{ flex-wrap: wrap; } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav{ display: flex; list-style-type: none; padding: 0; margin:0; flex-wrap: wrap; margin-bottom: 30px;} .mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav a{ display: block; padding: 5px 10px; } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav a:hover{ text-decoration: none; } .mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top) .mfn-woocommerce-tabs-nav li{ width: 100%; display: block; } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav .active a{ background-color:rgba(0,0,0,0.1) } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-content{ display: none; flex-grow: 1; flex-wrap: wrap; } .mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top) .mfn-woocommerce-tabs-content{ width: calc(100% - var(--mfn-woo-tabs-nav-width)) } .mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-top .mfn-woocommerce-tabs-nav{ width: 100%; } .mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left .mfn-woocommerce-tabs-nav{ align-content: flex-start; width: var(--mfn-woo-tabs-nav-width); margin-right: 20px; } .mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav{ align-content: flex-start; width: var(--mfn-woo-tabs-nav-width); order: 2; margin-left: 20px; } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-content.active{ display: flex; } .mfn-woocommerce-tabs .mfn-woocommerce-tabs-content .woocommerce-Reviews{ width:100%; }.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.on-hover-text{display:none;white-space:pre}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{animation:ease-out forwards tooltips-horz}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{top:100%;border-top-width:0;border-bottom-color:#fff}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px)}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{top:50%;border-left-width:0;border-right-color:#fff;right:calc(0em - 10px);transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:calc(0em - 5px);right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{top:50%;left:calc(100% + 10px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0,-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{animation:ease-out forwards tooltips-vert}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}.chaty-animation-shockwave:after{left:0;-webkit-animation:2s ease-out 1.3s infinite chaty-animation-shockwave;animation:2s ease-out 1.3s infinite chaty-animation-shockwave}.chaty-animation-shockwave:before{left:0;-webkit-animation:2s ease-out .8s infinite chaty-animation-shockwave;animation:2s ease-out .8s infinite chaty-animation-shockwave}.chaty-animation-blink{-webkit-animation:1.33s ease-out infinite chaty-animation-blink;animation:1.33s ease-out infinite chaty-animation-blink}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:.4s infinite alternate chaty-animation-pulse;animation:.4s infinite alternate chaty-animation-pulse}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:5s infinite chaty-animation-sheen;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}.chaty-animation-fade{animation:5s infinite chaty-animation-fade}.chaty-animation-spin{animation:5s cubic-bezier(.56,-.35,.22,1.5) infinite chaty-animation-spin}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,100%,20%{opacity:1}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}.chaty-animation-bounce,.chaty-animation-jump{animation:5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce}@keyframes chaty-animation-bounce{0%,100%,20%{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}.chaty-animation-waggle{animation:5s infinite chaty-animation-waggle}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@keyframes chaty-animation-floating{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none}.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:10001}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%)}.chaty-channel-list .chaty-channel{position:absolute;bottom:0;opacity:0;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset}* .chaty-channel button{min-width:unset;max-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{width:54px;height:54px;border-radius:50%;text-align:center;font-size:27px;line-height:54px;color:#fff}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{width:100%;height:100%}.chaty-channel img{width:54px;height:54px;object-fit:cover;border-radius:50%}.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer}.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{z-index:1099;opacity:1;position:relative}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{z-index:999;opacity:0;transform:rotate(540deg);visibility:hidden}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:1099;opacity:1;transform:rotate(180deg);visibility:visible}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;pointer-events:auto}.chaty-widget .ch-pending-msg{position:absolute;right:-4px;top:-4px;width:16px;height:16px;text-align:center;background:red;color:#fff;font-size:10px;line-height:16px;border-radius:50%;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{width:136px;height:62px;left:0;bottom:0}.chaty-widget.right-position.hor-mode .chaty-channel-list{width:136px;height:62px;right:0;left:auto;bottom:0}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-top:0;margin-bottom:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{right:0;left:auto}.chaty-chat-view,.chaty-outer-forms{vertical-align:bottom;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed!important;bottom:-25px;left:25px;padding:0;width:320px;max-width:90%;-moz-transition:.5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:.5s;-webkit-transition:.5s;animation-delay:-2s;-webkit-animation-delay:-2s}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{right:25px;left:auto}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{-webkit-transform:translateY(-93px);transform:translateY(-93px);opacity:1;z-index:999999;visibility:visible;bottom:0;pointer-events:auto}.chaty-whatsapp-body{padding:0;min-height:260px;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{display:flex;align-items:flex-start}.chaty-form-body{background:#fff;z-index:99999;min-height:75px;border-radius:10px}.chaty-form-body form{margin:0;padding:0}.qr-code-image{padding:10px;text-align:center;border:solid 1px silver;border-radius:4px}.qr-code-image img{max-width:100%;max-height:360px;margin:0 auto;display:block;width:100%;height:auto}.chaty-whatsapp-form{position:relative;background-color:#f0ede7;border-radius:8px;margin:0}.chaty-whatsapp-form:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.035;background-image:url(//platdakraamshop.be/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//platdakraamshop.be/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity:.7}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 10px 10px;position:relative;transform-origin:center top;z-index:2;margin-top:0;margin-left:0;max-width:calc(100% - 40px);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;border:1px solid rgba(34,17,71,.08)}.chaty-whatsapp-message:before{content:"";display:none;width:0;height:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:12px solid #fff;position:absolute;left:-12px;top:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{margin:0;padding:0;color:#111b21;font-weight:400;word-wrap:break-word}.chaty-whatsapp-footer{position:relative;padding:20px 15px}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{text-align:center!important;height:40px!important;width:40px!important;padding:0!important;background:#c6d7e3!important;border-radius:20px!important;outline:0!important;box-shadow:none!important;cursor:pointer!important;margin:0 0 0 10px!important;text-decoration:none!important;border:none!important;min-width:1px!important;flex:0 0 40px}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{padding-right:0;flex:1;position:relative;display:flex;align-items:center}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{width:100%;height:100%;margin:0;padding:0}.chaty-whatsapp-field input[type=text]{height:40px!important;line-height:normal;padding:0 10px 0 15px;font-size:16px;resize:none;width:100%;border:none!important;border-radius:24px;outline:0;box-shadow:none!important;background:#fff!important;margin:0;color:#111b21;flex:1}.chaty-whatsapp-field input[type=text]:focus{outline:0!important;border:none!important;margin:0;color:#111b21;box-shadow:none!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{font-size:18px;padding:20px 15px;background:#22bf5b;color:#fff;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{display:flex;align-items:center;padding:15px}.chaty-agent-data .chaty-agent a{color:#49687e;font-size:16px;text-decoration:none;display:flex;width:100%;align-items:center;outline:0;font-weight:400}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{color:#28303d;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin:0;background:#fff;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chaty-agent-icon{width:48px;height:48px;margin:0 15px 0 0}.chaty-agent-data .chaty-custom-icon{width:48px;height:48px;text-align:center;display:block;line-height:48px;background:silver;border-radius:50%;color:#fff;font-size:28px}.chaty-close-agent-list{position:absolute;right:15px;top:10px;width:26px;height:26px;cursor:pointer;z-index:10;padding:0 0 10px 10px}.chaty-agent-icon img{width:48px;height:48px;object-fit:cover}.chaty-close-agent-list svg{fill:#ffffff}.agent-sub-header{font-size:14px;line-height:20px;font-weight:400}.agent-main-header{font-size:20px;line-height:32px;font-weight:700;position:relative}.chaty-agent-header:before,.chaty-view-header:before{content:"";background:url(//platdakraamshop.be/wp-content/plugins/chaty/images/header-top.png) no-repeat;width:215px;height:41px;position:absolute;top:0;left:0;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{content:"";background:url(//platdakraamshop.be/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width:44px;height:41px;position:absolute;bottom:0;right:0;z-index:1}.chaty-custom-channel-icon{display:block;border-radius:50%;color:#fff;text-align:center;line-height:54px}.chaty-contact-form-title{padding:10px 15px;text-align:left;font-size:18px;color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;display:flex}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{font-size:14px;margin:0;padding:0 0 4px 0;line-height:20px;display:flex;color:#28303d}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{width:100%;height:36px;line-height:36px;font-size:16px;padding:0 10px;border:1px solid #ccc;border-radius:4px}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{outline:0;box-shadow:none;border-color:#898989;background-color:#fff}.chaty-contact-input textarea.chaty-textarea-field{width:100%;height:100px;line-height:20px;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:4px;display:block}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{border:none;border-radius:4px;color:#fff;background:#a886cd;width:100%;height:36px;line-height:36px;font-size:18px;padding:0;margin:0;cursor:pointer;text-align:center;display:block}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;padding:10px 0 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{font-weight:500;color:#fff;font-size:24px}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.chaty .chaty-widget.left-position .chaty-exit-intent:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{visibility:visible;clip-path:circle(100%)}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);bottom:auto}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{padding:15px 15px 0;font-size:16px}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{margin:0;padding:0;font-size:16px;line-height:150%;color:#49687e;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{position:absolute;right:15px;top:10px;width:12px;cursor:pointer;z-index:11}.chaty-close-view-list svg{fill:#ffffff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{height:48px;display:inline-block;margin:6px 0;width:20%;text-align:center;vertical-align:top}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;width:48px;height:48px;margin:0 auto}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{width:100%!important;overflow:hidden}.front-google-captcha>div{width:100%}.front-google-captcha iframe{transform:scaleX(.9);position:relative;left:-15px}.widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff}span.chaty-loader{display:none;vertical-align:middle;color:#fff;animation:rotation 1s infinite linear;width:24px;height:24px;text-align:center;line-height:24px;margin-left:5px}span.chaty-loader span.dashicons{width:24px;height:24px;text-align:center;line-height:24px;font-size:24px}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{margin:0;padding:0;font-size:14px;color:#970029}.email_suggestion i,.wp_email_suggestion i{color:#2596be;font-weight:700;cursor:pointer}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{width:100%!important;z-index:1;position:relative}.chaty-custom-whatsapp-form .header-text{display:flex;align-items:center}.chaty-custom-whatsapp-form .header-text span{display:inline-block;vertical-align:super;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{width:26px;height:26px;fill:#ffffff;margin-right:3px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{display:flex;align-items:center;justify-content:center;border-radius:6px!important}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;z-index:101111;position:relative}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{display:flex;align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;box-shadow:0 16px 32px 0 #1a0E3529}.chaty-whatsapp-header .header-wp-icon{height:30px;width:30px;margin-right:7px}.chaty-whatsapp-header .header-wp-title{color:#fff;font-size:15px;flex:1;padding-right:8px}.whatsapp-form-close-btn{flex:0 0 16px;cursor:pointer}.whatsapp-form-close-btn svg{width:16px;height:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;width:30px;margin-right:15px}.chaty-whatsapp-body .wp-profile-img img{height:30px;width:30px;border-radius:50%;object-fit:cover}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{position:absolute!important;top:9px;left:8px;background:0 0!important;border:none!important;cursor:pointer;height:24px!important;width:24px!important;padding:0!important;min-width:1px!important;margin:0!important;outline:0!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{font-size:24px;line-height:24px;display:inline-block;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{color:#8f8f8f;border:solid 1px transparent}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{border:1px solid #a886cd;color:#a071d3;background:#fff}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{display:flex;height:auto;padding:10px 17px;border-bottom:solid 1px #e2e8f0;font-weight:700;background:#f3f3f3}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{outline:0;border-radius:5px}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;transform:rotate(360deg);z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{width:100%;border:none;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{display:flex;align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;color:#fff;box-shadow:0 16px 32px 0 #1a0E3529;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{line-height:1;padding:15px 15px 0;font-size:14px;color:#83a1b7}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{display:inline-flex;align-items:center}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:0}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40%!important}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1!important}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:transparent}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;visibility:visible;pointer-events:auto}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{content:attr(data-unread-message);width:20px;height:20px;background:#ff4545;position:absolute;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;bottom:44px;z-index:1111;right:-4px}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link{display:none!important}body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{right:0;top:-8px;bottom:auto}