%PDF- %PDF-
Direktori : /home/eirtvhdf/vision-demo.hire-va.com/wp-content/themes/kitgreen/assets/css/less/ |
Current File : /home/eirtvhdf/vision-demo.hire-va.com/wp-content/themes/kitgreen/assets/css/less/woocommerce.less |
html input[disabled] { cursor:no-drop; } .kitgreen-animated-products { .tb-products-grid { opacity:0; transition:.315s all ease-in-out; -moz-transition:.315s all ease-in-out; -webkit-transition:.315s all ease-in-out; -o-transform:translate3d(0,0,0) translatey(15px); -moz-transform:translate3d(0,0,0) translatey(15px); -webkit-transform:translate3d(0,0,0) translatey(15px); transform:translate3d(0,0,0) translatey(15px); } .kitgreen-animated { opacity:1; -o-transform:translate3d(0,0,0) translatey(0px); -moz-transform:translate3d(0,0,0) translatey(0px); -webkit-transform:translate3d(0,0,0) translatey(0px); transform:translate3d(0,0,0) translatey(0px); } } .hidden-ct { display:none; } .remove-filter-actived { display:none; } .newpt { width:75px; height:25px; color:#ffffff; line-height:25px; text-align:center; position:absolute; top:20px; left:0; z-index:1; } .product-thumb .onsale { width:40px; height:40px; color:#ffffff; border-radius:100%; line-height:40px; position:absolute; top:15px; left:15px; z-index:1; text-align:center; font-weight:300; font-size:12px; background-color:#ff0000; span:first-child { height:15px; margin-top:-7px; font-size:14px; } } .marpt0 .tb-products-grid { margin-top:0; } #yith-wcwl-form { .shop_table td.product-name a { background:none; } } .single-product { .shop-detail-sidebar { margin-top:0; .widget_jws_search_widget { .search-modal.search-fix { .modal-content { form { width:100%; height: 50px; border-color: #dfdfdf; background: transparent; .loading { bottom: 28px !important; right: 50px !important; } .search-fields { .search-field{ height:50px; font-size: 14px; width: 100%; } button { height:50px; } } } } } } } } .content-search { .dgwt-wcas-suggestions-wrapp { .dgwt-wcas-suggestion { min-height:270px; display:inline-block; width:20%; background:none; margin:0 15px; border:none; animation:1.5s both; -webkit-animation:fadeIn 1.5s both; vertical-align:top; margin-bottom:25px; .dgwt-wcas-st { color:#ffffff; font-size:14px; strong { font-weight:400; } } .dgwt-wcas-content-wrapp { padding:0px; text-align:center; padding-left:10px; .dgwt-wcas-st { padding:0; text-align:center; position:relative; color:#ffffff; line-height:25px; margin-bottom:-9px; } .dgwt-wcas-sp { text-align:center; position:relative; color:#ffffff; .woocs_price_code { padding-left:10px; font-size:12px; } } .dgwt-wcas-sd { color:#a7a7a7; padding:0; text-align:center; margin-top:25px; } } .dgwt-wcas-si { width:100%; min-height:290px; position:relative; img { width:100%; margin:0; padding:0; border:0; border-radius:0; background:none; } } } } } .dgwt-wcas-suggestions-wrapp { position:fixed !important; max-height:60% !important; border:none !important; background:transparent !important; margin-top:15px; } .kitgreen-products-element { position:relative; } .price { .woocommerce-Price-amount:first-child { margin-right:2px; } .woocommerce-Price-amount:last-child { margin-left:2px; } } .kitgreen-products-element { .loaded-all { border:1px solid #959595; box-shadow:none; outline:none; background:transparent; width:211px; margin:0 auto; height:50px; line-height:50px; text-align:center; } .kitgreen-products-load-more { border:1px solid; clear:both; box-shadow:none; outline:none; background:transparent; width:170px; margin:0 auto; border-radius:inherit; padding:0; display:block; text-align:center; height:50px; line-height:50px; font-weight:600; line-height:49px; position:relative; transition:0.5s all; -webkit-transition:0.5s all; &.loading { padding-right:15px; &:after { bottom:auto; top:34px; margin-top:-18px; position:absolute; right:32px; margin-left:-17px; opacity:1; visibility:visible; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; content:" "; width:15px; height:15px; display:inline-block; vertical-align:middle; border:2px solid #252525; border-radius:50%; border-right-color:transparent !important; -webkit-animation:load-spin 450ms infinite linear; animation:load-spin 450ms infinite linear; } } } &.loading { &:after { top:50%; margin-top:-18px; position:absolute; left:50%; bottom:-50px; margin-left:-17px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; content:" "; width:35px; height:35px; display:inline-block; vertical-align:middle; border:2px solid #252525; border-radius:50%; border-right-color:transparent !important; -webkit-animation:load-spin 450ms infinite linear; animation:load-spin 450ms infinite linear; z-index:2; } } .products { &.loading { opacity:0; } } .products-footer { margin-top:45px; .btn { position:fixed; top:50%; margin-top:-20px; z-index:2; opacity:0; width:40px; font-size:0; padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; line-height:1; border:none; background-color:transparent; border-color:transparent; transition:.3s transform cubic-bezier(.175,.885,.32,1.15),opacity .2s ease,visibility .2s ease; -o-transition:.3s transform cubic-bezier(.175,.885,.32,1.15),opacity .2s ease,visibility .2s ease; -moz-transition:.3s transform cubic-bezier(.175,.885,.32,1.15),opacity .2s ease,visibility .2s ease; -webkit-transition:.3s transform cubic-bezier(.175,.885,.32,1.15),opacity .2s ease,visibility .2s ease; opacity:0; &:after { position:absolute; font-size:50px; color:#252525; font-family:"Ionicons"; display:block; } &.kitgreen-products-load-prev { &:after { content: "\f3d2"; } } &.kitgreen-products-load-next { &:after { content: "\f3d3"; } } } &.show-arrow { .btn { opacity:1; visibility:visible; &.disabled { opacity:0.5; } } } } } .tb-products-grid { margin-bottom:46px; text-align: center; article { border:1px solid #dcdcdc; .product-content { border-top:1px solid #dcdcdc; padding-top: 27px; padding-bottom: 23px; .item-top { .product-title { margin:0; margin-bottom:2px; margin-bottom:10px; margin-right:5px; line-height:20px; font-weight: 600; } .jws-attr-swatches { line-height:0; .jws-swatch-variation-image { display:inline-block; vertical-align:top; margin-left:5px; position:relative; cursor:pointer; &:after { content:attr(title); position:absolute; bottom:80%; text-indent:0; background:#000; padding:5px 10px; line-height:1; border-radius:20px; margin-bottom:10px; min-width:50px; color:#fff; left:50%; white-space:pre; text-align:center; text-transform:none; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); visibility:hidden; opacity:0; transition:all 250ms ease-out; font-size:8px; } &:before { content:""; position:absolute; left:50%; bottom:80%; border-width:4px 4px 0 4px; border-style:solid; border-color:#000 transparent transparent transparent; margin-bottom:6px; margin-left:-4px; visibility:hidden; opacity:0; transition:all 250ms ease-out; } &:hover { &:before,&:after { bottom:100%; opacity:1; visibility:visible; } } &:first-child { margin-left:0px; } .sub-swatch { display:inline-block; width:15px; height:15px; border-radius:100%; -webkit-border-radius:100%; } } } .yith-wcqv-button { display:none; } } .item-bottom { .price { margin-top:0; margin-bottom: 7px; .woocommerce-Price-currencySymbol { margin-right:5px; } } > span { vertical-align: middle; } } } .product-thumb { position:relative; overflow:hidden; img { width:100%; height:auto; transition: 1s all; -webkit-transition: 1s all; } .product-attr { position:absolute; bottom:5px; z-index:2; color:#ffffff; left:11px; opacity:0; transform:translatex(-15px); -webkit-transform:translatex(-15px); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; p { margin-bottom:0; } } .overlay-loader div { position:absolute; } &.image-loading { .overlay-loader { display:block; background:rgba(255,255,255,0.7); } } >a { display:block; z-index:1; position:relative; &:before { background:rgba(0,0,0,0.2); width:100%; height:100%; left:0; top:0; position:absolute; content:""; z-index:0; opacity:0; transition:0.3s all; -webkit-transition:0.3s all; z-index:1; } } .gallery { position:absolute; top:0; left:0; opacity:0; width:100%; transition:0.3s all; -webkit-transition:0.3s all; } .btn-inner-center,.btn-inner-top { position:absolute; z-index:1; } .content-inner-bt { text-align:center; left:0; width:100%; bottom:20px; position:absolute; color:#ffffff; z-index:99; opacity:0; transition:0.3s all; -webkit-transition:0.3s all; a { color:#ffffff !important; } .price { font-size:12px; .amount { color:#ffffff !important; } } } .btn-inner-center { top:50%; text-align:center; left:0; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; transition:.2s ease-out; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); .yith-wcwl-add-to-wishlist { margin:0; .feedback { display:none; } >div { a { font-size:0; position:relative; &:before { font-family:"Ionicons"; position:absolute; font-size:18px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); } } &.yith-wcwl-add-button { a:before { content:"\f387"; } } &.yith-wcwl-wishlistaddedbrowse,&.yith-wcwl-wishlistexistsbrowse { a:before { content:"\f388"; } } } } .added_to_cart { display:none; } a { display:block; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; width:40px; height:40px; margin:13px auto; font-size:18px; line-height:40px; font-weight:400; opacity:0; padding:0; transform:translateY(-15px); -webkit-transform:translateY(-15px); margin:0 10px; &:hover { color:#ffffff; } } } .btn-inner-top { top:29px; right:20px; .product-compare-button { a { font-size:0; width:35px; height:35px; line-height:35px; position:relative; background-color:transparent; &:before { content:"\f0ec"; font-size:18px; vertical-align:middle; margin-right:2px; display:inline-block; font-family:'Pe-icon-7-stroke'; font:normal normal normal 14px/1 FontAwesome; color:#ffffff; opacity:0; } } } .product-quick-view { width:35px; height:35px; line-height:35px; position:relative; background-color:transparent; &:after { content:"\f06e"; font-size:18px; vertical-align:middle; margin-right:2px; display:inline-block; font-family:'Pe-icon-7-stroke'; font:normal normal normal 14px/1 FontAwesome; opacity:1; } } } } &:hover { img { transform: scale(1.1); -webkit-transform: scale(1.1); } .product-attr { opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px); } .btn-inner-center a { transform:translateY(0px); -webkit-transform:translateY(0px); } .content-inner-bt,.gallery,.product-thumb > a:before { opacity:1; } .yith-wcwl-add-to-wishlist>div>a:before { opacity:1; } .btn-inner-center { opacity:1; a { opacity:1; } } .btn-inner-top { .add_to_wishlist { &:before { opacity:1; } } .product-compare-button { a:before { opacity:1; } } } } } } .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5; } .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar { width:6px; background-color:#F5F5F5; } .dgwt-wcas-suggestions-wrapp::-webkit-scrollbar-thumb { background-color: #000000; } /* Ajax Tabs */ .kitgreen-tab-content { position:relative; transition:transform .2s ease,opacity .2s ease,visibility .2s ease; -webkit-transition:transform .2s ease,opacity .2s ease,visibility .2s ease; transform:translateY(0); -webkit-transform:translateY(0); &.loading { opacity:0; -o-transform:translate3d(0,30px,0); -moz-transform:translate3d(0,30px,0); -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0); } } .kitgreen-tabs-header { .tabs-navigation-wrapper { text-align:center; margin-bottom:10px; li { display:inline-block; position:relative; margin:0 15px; padding:0 5px; &:after { background:#767676; content:""; margin:0 auto; width:0; height:1px; transition:0.5s all; position:absolute; bottom:4px; left:0; } &.active-tab-title,&:hover { &:after { width:100%; } } span { cursor:pointer; text-transform:uppercase; font-weight: 400; } } } } /*------------------Product Slider-----------------*/ .owl-carousel { .owl-carousel-item { .tb-products-grid { width:100%; padding:0; } } .owl-nav { position:absolute; top:50%; width:100%; opacity:0; transform:translatey(-50%); -webkit-transform:translatey(-50%); -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; transition:.3s ease-out; div { position:absolute; color:#000000; text-align:center; font-size:50px; &:hover { color:#ffffff; } &.owl-prev { left:5px; } &.owl-next { right:5px; } } } &:hover { .owl-nav { opacity: 1; } } } /*----------------------- Product Category-----------------------*/ .category-content { .inner { h6 { text-transform: uppercase; font-weight: 600; margin-top: 28px; transition: 0.5s all; -webkit-transition: 0.5s all; } } } .categories-style-default { text-align:center; .cat-item { .category-content { .product-category-thumbnail { position:relative; overflow: hidden; &:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } } } &:hover { .category-content { .product-category-thumbnail { &:before { -webkit-animation: shine .75s; animation: shine .75s; } } } } } } /*------------------ Qick View -------------------*/ #quick-view-modal.woocommerce div.product { .shop-bottom { .quantity { width:140px; margin-bottom: 30px; } } .hidden-on-qick { display:none; } &.layout-3 .content-product-left .product-images-content .woocommerce-product-gallery figure .woocommerce-product-gallery__image { padding:0; } .row-same-height { margin-right:0rem; } .content-product-left { &::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5; } &::-webkit-scrollbar { width:6px; background-color:#F5F5F5; } &::-webkit-scrollbar-thumb { background-color:#000000; } .product-images-content { padding:35px !important; img { width:100%; height:auto; } } } .content-product-right { .shop-top { padding-top:50px; } overflow-x:auto; position:absolute; top:0; right:0; bottom:0; overflow-x:hidden; padding-bottom:50px; &::-webkit-scrollbar { width:6px; background-color:transparent; transition: 0.5s all; } &::-webkit-scrollbar-thumb { background-color:transparent; transition: 0.5s all; } &:hover { &::-webkit-scrollbar-thumb { background-color:#999999; } } } } .yith-wcqv-wrapper { .yith-wcqv-main { #yith-quick-view-content { .summary-content { padding:30px 60px; .product_title.entry-title { font-size:24px; margin-top:0; } .woocs_price_code { .amount { font-size:24px; font-weight: 500; } } } } } } #quick-view-modal { &.woocommerce div.product .content-product-left .product-images-content .woocommerce-product-gallery figure .woocommerce-product-gallery__image { margin-bottom:0; min-height: 476px; } &.woocommerce div.product.layout-4 .content-product-right .shop-bottom form .single_add_to_cart_button { margin-left:0px; margin-top:0; } position:fixed; top:0; bottom:0; left:0; right:0; overflow:auto; visibility:hidden; outline:0; display:none; background:rgba(0,0,0,.6); transition: 0.3s all; -webkit-transiton: 0.3s all; opacity: 0; visibility: hidden; display: block; &.loading { .jws-ajax-loader { display:block; } } .woocommerce-product-gallery__wrapper { &:before { top: 50%; z-index: 2; position: absolute; opacity: 1; left: 50%; visibility: visible; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: " "; width: 15px; height: 15px; display: inline-block; vertical-align: middle; border: 2px solid #000000; border-radius: 50%; border-right-color: transparent !important; -webkit-animation: load-spin 450ms infinite linear; animation: load-spin 450ms infinite linear; } &:after { background: rgba(255,255,255,0.9); position: absolute; width: 100%; height: 100%; content:""; top: 0; left: 0; transition: 0.7s all; -webkit-transition: 0.7s all; } &.loaded { &:before , &:after { opacity:0; visibility: hidden; } } } .close-modal { position:absolute; right:20px; top:20px; font-size:30px; color:#252525; z-index:1; font-weight:600; display:none; } div.product { position:relative; .close-modal { display:block; } } .modal-content { transition:transform 0.5s; transform:translateY(-50%); position:absolute; top:50%; width:100%; padding-top:0; box-shadow:none; background:none; border-radius:0; border:0; outline:none; opacity:0; transition:opacity 0.5s; transition-delay:2s; .product { background:#ffffff; overflow:hidden; } } &.open { .modal-content { opacity:1; } .product { animation: fadeInLeft 1s both; -webkit-animation: fadeInLeft 1s both; } visibility:visible; } } .modal-open { #quick-view-modal { opacity: 1; z-index:99999; .hidden-ct { display:block; } } } .woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images { width:100%; float:none; position:relative; border:1px solid #dfdfdf; } #jws-shop-topbar { width:100%; .widget_layered_nav_filters { width:auto !important; ul { li { display:inline-block; a { position:relative; padding-left:15px; font-size:12px; margin-left:15px; &:after { content:" X "; position:absolute; left:0; top:50%; transform:translateY(-54%); -webkit-transform:translateY(-54%); font-size:12px; font-weight: bold; } } } } } } /*-------------------- Single Product--------------------*/ .woocommerce-message { color:#3c763d; border-color:#39b54a; &:before { content:"\f00c"; } } .woocommerce-error,.woocommerce-info { color:#AF7D27; border-color:#E0B252; &:before { content:"\f071"; } } .woocommerce-error,.woocommerce-info,.woocommerce-message { background-color:transparent; border:2px solid; border-radius:0; overflow:hidden; margin:0 0 20px 0; padding:14px 25px 14px 55px; line-height:1.4; position:relative; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; .button { display:none; } &:before { position:absolute; top:50%; line-height:0; font-size:18px; font-family:FontAwesome; left:24px; } } .woocommerce { &.single-product { #content { margin-bottom:100px; margin-top:100px; } } .related-product { padding-top:115px; .slick-arrow { &.ion-ios-arrow-left { left:20px; } &.ion-ios-arrow-right { right:20px; } } .product-related-title { height: 50px; line-height: 50px; color: #ffffff; margin-bottom: 45px; padding: 0 20px; position: relative; display: inline-block; padding-right: 100px; font-weight: 600; &:after { width: ~"calc(100% + 5px)"; height: 100%; position: absolute; left: 0; top: 5px; content: ""; z-index: -1; opacity:0.3} } } .product-bottom { margin-top:100px; .tab-product { .woocommerce-tabs { .panel { padding:28px 0; box-shadow:none; animation: fadeInUp 0.7s both; -webkit-animation: fadeInUp 0.7s both; .container { width:100%; padding:0; } .woocommerce-Reviews { .star-rating { display:block; margin:15px 0; } #comments { li { margin-bottom:30px; } .comment-text { display:inline-block; vertical-align:top; width:calc(~"100% - 110px"); padding-left:30px; .meta { strong { position:relative; padding-left:9px; font-weight:500; &:before { content:"-"; position:absolute; top:-4px; left:0; font-weight:300; } } } } .content-left { display:inline-block; vertical-align:top; width:80px; } } #respond { textarea,input { background:transparent; outline:none; box-shadow:none; border:1px solid #dddddd; padding:8px; width:100%; } .comment-form-author,.comment-form-email { display:inline-block; width:100%; } .comment-form-author { margin-right:30px; } p { margin-bottom:22px; } input#submit { width:200px; height:46px; line-height:46px; border-radius:25px; text-align:center; color:#ffffff; text-transform:uppercase; font-weight:500; border:0; padding:0; &:hover { background:#252525; color:#ffffff; } } } } .shop_attributes { border:none; width:100%; th { font-weight:400; border:1px solid rgba(0,0,0,.1); padding:5px 8px; } td { border:1px solid rgba(0,0,0,.1); border-left:none; font-style:normal; padding:5px 8px; p { margin:0; } } } } .wc-tabs { text-align:center; display:flex; -webkit-display:flex; margin: 0 -10px; li { margin:0 10px; padding-bottom: 5px; a { height: 50px; line-height: 50px; color: #ffffff; padding: 0 20px; position: relative; display: block; text-transform: uppercase; font-weight: 600; &:after { width: ~"calc(100% + 5px)"; height: 100%; position: absolute; left: 0; top: 5px; content: ""; opacity: 0.3; z-index: -1; } } } } } } } div.product { .content-product-left { .product-advanced { position:absolute; bottom:15px; right:15px; } .ad-item { width:130px; height:40px; line-height:40px; border-radius:25px; background:rgba(255,255,255,0.7); text-align:center; font-size:10px; display:inline-block; &:last-child { margin-left:20px; } a { display:block; i { font-size:18px; vertical-align:middle; font-weight:600; margin-right:0px; margin-bottom:3px; } span { font-size:18px; font-weight:600; margin-right:5px; vertical-align:middle; margin-bottom:3px; } } &:hover { background:rgba(0,0,0,0.7); a { color:#ffffff; } } } .product-images-content { position:relative; padding-left:100px; &.no_galley .woocommerce-product-gallery { padding-left:0; img { width:100%; } } .woocommerce-product-gallery { margin-bottom:0px; .new,.onsale { width:75px; height:25px; color:#ffffff; line-height:25px; text-align:center; position:absolute; top:20px; left:0; background:#252525; z-index:1; } .woocommerce-product-gallery__trigger { img { width:0px !important; } position:absolute; width:28px; height:28px; background:#ffffff; border-radius:100%; z-index:1; right:15px; top:15px; font-size:0px; &:after { position: absolute; content: "\e657"; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 36px; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; content: "\f48a"; font-family: "Ionicons"; color: #9c9c9c; } } } .product-thumbnails { position:absolute; top:0; left:0; height:100%; .thumbnails { padding-top:0; position:relative; margin:0; height:100%; .slick-slide { img { width:100%; height:auto; } } .thumb1 { margin-bottom:20px; } } } &.left { .product-thumbnails { width: 86px; } } &.right { .product-advanced { } .product-thumbnails { right:0; left:initial; width: 86px; } padding-right:100px; padding-left:0; .woocommerce-product-gallery { img { width:100%; } } } &.outside { padding-left:0; .woocommerce-product-gallery { img { width:100%; } } } &.bottom { .product-thumbnails { position:initial; width:auto; margin-top: 23px; .slick-list { margin:0 -11px; } .slick-slide { margin: 0 11px; } .thumb1 { padding:10px 8px 10px 8px; border: 1px solid #dedede; } } padding-left:0; .woocommerce-product-gallery { img { width:100%; } } } } } .content-product-right { &.outside { .product-thumbnails { .thumb1 { width:115px !important; } } } .shop-top { .woocommerce-product-rating { margin-bottom:18px; .woocommerce-review-link { font-weight:400; } } .product_title { font-size:16px; margin-top:0; font-weight: 600; margin-bottom:13px; } .price { margin-bottom:5px; } } .shop-bottom { .product-thumbnails { margin-top:45px; .thumb1 { border:1px solid transparent; &.slick-current { border:1px solid #4d4d4d; } margin-left:10px; &:first-child { margin-left:0; } } } .description { margin-bottom:27px; } .info-product { margin-top:31px; .product_meta { margin-top:46px; >span { display:block; margin-bottom:-2px; a { font-weight:400; } } } .social_share { margin-top:40px; >span { display:none; } ul { li { display:inline-block; margin-right:12px; a { &:first-child { margin-left:0; } &:last-child { margin-right:0; } } } } } } .strap-product { .price_text { display:none; } h3 { font-size:14px; margin-top:30px; } form { .yith-wfbt-items { list-style:none; padding:0; margin:0; li { &.is-checked { color:#252525; } position:relative; label { font-weight:400; input { -webkit-appearance:none; -moz-appearance:none; appearance:none; width:20px; position:relative; &:after { position:absolute; content:"\f067"; left:0; top:50%; font:normal normal normal 14px/1 FontAwesome; transform:translateY(-75%); font-size:18px; font-weight:600; font-weight:100; font-weight:300; } &:checked { &:after { opacity:1; content:"\f00c"; } } } } } } .yith-wfbt-submit-block { .yith-wfbt-submit-button { font-size:12px; color:#ffffff; height:40px; width:165px; border-radius:25px; text-align:center; line-height:40px; padding:0; font-weight:300; border:none; display:inline-block; margin-top:15px; margin-bottom:30px; transition:0.3s all; } } } } .my-size { margin-top:31px; margin-bottom:-31px; } .yith-btn { display:inline-block; width:24%; vertical-align:bottom; .yith-wcwl-add-to-wishlist { .ajax-loading { display:none !important; } margin:0; .feedback { display:none; } >div { a { font-size:0; position:relative; display:block; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; width:40px; height:40px; margin:13px auto; line-height:40px; font-weight:400; padding:0; margin:0 10px; border:1px solid #dddddd; &:before { font-family:"Ionicons"; position:absolute; font-size:18px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); } &:hover { color:#ffffff; } } &.yith-wcwl-add-button { a:before { content:"\f387"; } } &.yith-wcwl-wishlistaddedbrowse,&.yith-wcwl-wishlistexistsbrowse { a:before { content:"\f388"; } } } } } .single_add_to_cart_button,.single_add_to_cart_buttons { font-size:14px; color:#ffffff; height:40px; width:150px; border-radius:25px; text-align:center; line-height:40px; padding:0; border:none; display:inline-block; border:1px solid; vertical-align:top; transition:0.5s all; -webkit-transition:0.5s all; &:hover { background-color:#171717; } &.disabled { cursor:no-drop; } } form { display:inline-block; vertical-align:middle; margin-bottom:0; .single_variation_wrap { margin-top:25px; .single_variation { .out-of-stock { border:2px solid #E0B252; background-color:transparent; color:#AF7D27; padding:5px; width:150px; text-align:center; } >p { border:2px solid #E0B252; background-color:transparent; color:#AF7D27; padding:15px; margin-bottom:20px; } } .amount { display:block; margin-bottom:8px; margin-top:0px; max-width:100%; display:inline-block; min-width:47px; overflow:hidden; } } .variations { tr { td { label { font-size:16px; text-align:left; font-weight:400 !important; margin-bottom:22px; margin-right:50px; } text-align:left; display:inline-block; padding:0; vertical-align:middle; &.value { margin-bottom:25px; } .reset_variations { font-size:12px; margin-left:10px; vertical-align:middle; display:inline-block; visibility:visible; &:before { content:"\f2d7"; font-family:"Ionicons"; margin-right:5px; display:inline-block; } } .tawcvs-swatches { padding:0; display:inline-block; vertical-align:middle; .swatch-color { width:20px; height:20px; line-height:20px; box-shadow:none; opacity:1; margin:0; margin-right:10px; &:before { top:3px; left:6px; } } .swatch-label { background:none; width:auto; box-shadow:none; border:1px solid #b8b8b8; opacity:1; border-radius:0; display:inline-block; min-width:40px; min-height:40px; line-height:40px; margin-right:7px; &.selected { border-bottom:2px solid transparent; box-shadow:none; color:#ffffff; } } } } } } } } } &.product-type-external { .shop-bottom { .cart { display:inline-block; width:37%; vertical-align:middle; margin-bottom:0; a { margin-left:0px; } } } } .price { .amount { font-size:24px; } del { .amount { border:none; ; text-decoration:line-through; font-size:14px; } } } &.product-type-grouped { .content-product-right { .shop-bottom { form { width:100%; .single_add_to_cart_button,.single_add_to_cart_buttons { margin-top:40px; margin-left:0; margin-right:20px; } .group_table { border:1px solid #aaaaaa; width:100%; tr { border-bottom:1px solid #aaaaaa; &:last-child { border-bottom:none; } td { .jws-quantity-wrap { margin-top:0px; width:100%; .quantity { margin:0 15px 0 auto; height:30px; width:115px; border:1px solid #aaaaaa; .jws-font:after { line-height:30px; display:none; } .input-text { line-height:30px; height:30px; } } } } .label { font-size:14px; display:table-cell; vertical-align:inherit; text-align:left; padding-left:35px; label { margin-bottom:0; padding:15px 0; } } } } } } } } .sticky-move.is_stuck { padding-top:120px; transition:0.5s all; } &.layout-3 { .content-product-right { padding:0 15px; } .content-product-left { .product-images-content { padding-left:0; .woocommerce-product-gallery { figure { .woocommerce-product-gallery__image { width:50%; img { width:100%; } padding:5px; } } } } } } &.layout-2 { .content-product-right { padding:0 15px; } .content-product-left { .product-images-content { padding-left:0; .woocommerce-product-gallery { figure { .woocommerce-product-gallery__image { img { width:100%; } margin-bottom:30px; &:last-child { margin-bottom:0; } } } } } } } &.layout-4 { .content-product-right { padding:0 15px; .shop-bottom { form { width:74%; .single_add_to_cart_button { margin-left:0; margin-top:30px; } } } } .content-product-left { .product-images-content { padding-left:0; .woocommerce-product-gallery { figure { .woocommerce-product-gallery__image { img { width:100%; } margin-bottom:30px; &:last-child { margin-bottom:0; } } } } } } } } div.side-in { .content-product-right { padding:0 15px; .shop-bottom form { .single_add_to_cart_button,single_add_to_cart_buttons { margin-left:0px; } } } } } /*----------------- Shop Page------------------*/ .blas-filter-cat { .jws-categories-filter { ul { text-align:center; li { display:inline-block; margin:0 12px; a { color:#ffffff; font-weight:400; text-transform:uppercase; line-height:50px; &.selected { border-bottom:1px solid #ffffff; } } } } } } .catalog-sidebar,.shop-detail-sidebar { &.right { .widget_layered_nav .pa_color ul li .swatch-color { margin-left:0 !important; } } margin-top:50px; .widget-title { height: 50px; line-height: 50px; padding-left: 20px; color: #ffffff; margin-bottom: 30px; width: ~"calc(100% - 5px)"; position: relative; &:after { width: ~"calc(100% + 5px)"; height: 100%; position: absolute; left: 0; top: 5px; content: ""; opacity: 0.3; z-index: -1; } } .widget { margin-bottom:65px; &:last-child,&.widget_price_filter { border-bottom:none; } } .widget_price_filter { .price_slider_wrapper { .price_slider_amount { text-align:center; .price_label { width: auto; display: inline-block; background: #ffffff; box-shadow: 0 3px 9px rgba(0,0,0,0.16); font-weight: 600; margin: 0 auto; margin-bottom: 37px; border-radius: 5px; padding: 10px 30px; font-size: 16px; } } } } .widget_jws_search_widget { .search-modal.search-fix { margin-bottom:0px; .modal-content { .search-results .woocommerce { padding: 30px 0; display:none; } form { border:1px solid #bababa; position: relative; .loading { &:after { margin-top: -6px !important; } } .search-fields { .search-field { width:~"calc(100% - 46px)"; height:46px; border:none; background:transparent; padding-left:11px; font-size:12px; border-right:none; } } button { width:46px; height:46px; border:none; vertical-align:top; margin-left:-4px; border-radius:0; font-size:18px; color:initial; background:transparent; border:none; border-left:none; &:before { font-weight:bold; } } } } } } .widget_layered_nav_filters { ul { li a { position:relative; padding-left:15px; &:after { content:" X "; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } } } } .widget_products { .product_list_widget { .amount { font-size:18px; .woocommerce-Price-currencySymbol { margin-right:5px; } } a { img { width:80px; float:left; margin-right:12px; margin-bottom:15px; height:auto; border: 1px solid #dfdfdf; padding: 5px; transition: 0.5s all; -webkit-transition: 0.5s all; } span { display:block; margin-bottom:-4px; line-height:22px; transform:translateY(-4px); -webkit-transform:translateY(-4px); font-weight: 600; transition: 0.5s all; -webkit-transition: 0.5s all; } } li { margin-bottom:25px; clear:both; display:block; position:relative; min-height:82px; &:last-child { margin-bottom:0px; } } } } .widget_product_categories { .product-categories { li { margin-bottom:24px; position:relative; &:before { margin-right: 12px; content: "\f372"; font-family: Ionicons; display: inline-block; } span { float:right; } a { transition:0.5s all; -webkit-transition:0.5s all; display:inline-block; } &:hover,&.current-cat { &:before { content: "\f373"; } } } } } .widget_layered_nav { .pa_size { li { position:relative; font-size:12px; margin-bottom:-2px; &:last-child { margin-bottom:0; } a { padding-left:20px; display:inline-block; } span { float:right; } &:before { content:"\f105"; position:absolute; font-family:FontAwesome; } &:hover,&.chosen { &:before { content:"\f178"; } } } } .pa_color { ul { li { display:inline-block; margin-right:16px; &:last-child { margin-right:0; } &.chosen { a:before { opacity:1; } } a { position:relative; padding:0; cursor:pointer; border-radius:50%; width:30px; height:30px; text-align:center; display:inline-block; &:hover { border-color:#d1d1d1; } &:after { content:""; position:absolute; left:50%; bottom:80%; border-width:4px 4px 0 4px; border-style:solid; border-color:#000 transparent transparent transparent; margin-bottom:6px; margin-left:-4px; visibility:hidden; opacity:0; transition:all 250ms ease-out; } &:before { content:"\f3fd"; font-family:"Ionicons"; color:#fff; position:absolute; font-size:38px; z-index:3; line-height:16px; left:8px; top:10px; text-align:center; opacity:0; } .nav-title { position:absolute; bottom:80%; text-indent:0; background:#000; padding:5px 10px; line-height:1; border-radius:20px; margin-bottom:10px; min-width:50px; color:#fff; left:50%; white-space:pre; text-align:center; text-transform:none; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); visibility:hidden; opacity:0; transition:all 250ms ease-out; font-size:12px; } &:hover { &:after,.nav-title { bottom:100%; opacity:1; visibility:visible; } } } .count-atr { display:none; } .swatch-color { width:30px; height:30px; border-radius:50%; -webkit-border-radius:50%; display:inline-block; vertical-align:top; margin-top:3px; } } } } } } #content { .action-filter-swaper { padding:0 15px; .shop-topbar-content { margin-right: -30px; } .widgets-area { .widget { float:right; margin-right: 30px; } .shop-filter-actived { float:left; margin-top: 12px; .found { font-size:18px; font-weight:500; } .remove-filter-actived { margin-left:15px; float:right; padding-left:15px; position:relative; &:after { content:" X "; position:absolute; left:0; top:50%; transform:translateY(-54%); -webkit-transform:translateY(-54%); font-size:12px; font-weight:bold; } } } .kitgreen-price-filter-list { ul { li { margin-bottom:5px; a { font-size:12px; position:relative; &:after { position:absolute; content:""; left:0; bottom:0px; background:#a9a9a9; height:1px; width:0; } &.actived { &:after { width:100%; } } } } } } .widget_jws_search_widget { .search-modal.search-fix { .modal-content { form { width:270px; height: 50px; border-color: #dfdfdf; background: transparent; .loading { bottom: 16px !important; right: 50px; } .search-fields { .search-field{ height:50px; font-size: 14px; } button { height:50px; } } } } } } .product-sort-by { width: 250px; height: 50px; border: #dfdfdf 1px solid; background: transparent; line-height: 50px; position: relative; &:after { content: "\e874"; position:absolute; right:20px; bottom:0; font-family: 'Linearicons-Free'; font-weight:bold; } .woocommerce-ordering { float:none; cursor:pointer; } > ul { .label { display:none; } .current { span { margin-left: 18px; } } ul { position:absolute; top:102%; z-index:99999; background:#ffffff; width:100%; box-shadow:0 0 20px rgba(0,0,0,0.05); display: none; li { a { font-size:14px; position:relative; font-weight:400; display:block; border-bottom:1px solid #ebebeb; padding:0 10px; &.active { display:none; } } } } } } .kitgreen_attributes_filter { .pa_size { ul { li { margin-bottom:5px; a { &:before { display:none; } max-width:105px; min-width:53px; overflow:hidden; display:inline-flex; .nav-title { font-size:12px; span { position:relative; &:after { position:absolute; content:""; left:0; bottom:0px; background:#a9a9a9; height:1px; width:0; } } } } .count-atr { font-size:12px; letter-spacing:1px; width:56px; text-align:center; display:in; } &.chosen { .nav-title { color:#252525; span:after { width:100%; } } } } } } .pa_brand { ul { li { display:inline-block; margin-right:21px; margin-bottom:5px; a { &:before { display:none; } .nav-title { font-size:12px; overflow:hidden; span { position:relative; &:after { position:absolute; content:""; left:0; bottom:0px; background:#a9a9a9; height:1px; width:0; } } } } .count-atr { display:none; } &.chosen { .nav-title { color:#252525; span:after { width:100%; } } } } } } .pa_color { max-width:250px; ul { li { margin-bottom:10px; &.show-color { a { &:before { display:none; } .swatch-color { width:15px; height:15px; border-radius:50%; -webkit-border-radius:50%; display:inline-block; } span { vertical-align:middle; } .nav-title { font-size:12px; margin-left:13px; max-width:105px; display:inline-block; min-width:70px; overflow:hidden; span { position:relative; &:after { position:absolute; content:""; left:0; bottom:0px; background:#a9a9a9; height:1px; width:0; } } } } .count-atr { font-size:12px; color:#959595; letter-spacing:1px; width:56px; text-align:center; display:inline-block; float:right; padding-right:27px; } } &.chosen { .nav-title { span:after { width:100% !important; } } .count-atr { color:#252525; } } } } } } } .shop-toolbar { padding:49px 0; display:none; .toolbar-right { span { font-size:36px; font-weight:400; margin-right:15px; vertical-align:bottom; transform:translateY(-2px); display:inline-block; } } } .layout-shop { .wc-col-filter { span { font-size:14px; } a { margin-left:9px; cursor:pointer; &.active { border-bottom: 1px solid; } } } } } } /*-------------- Shop Page --------------*/ .product-container { margin-bottom:25px; margin-top:100px; } .woocommerce-pagination { margin-top: 45px; } /*------------Page Number--------------*/ .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination { .loaded-product { display:none; border:1px solid #959595; box-shadow:none; outline:none; background:transparent; width:211px; margin:0 auto; height:50px; line-height:50px; text-align:center; } &.loaded { .loaded-product { display:block; } ul.page-numbers { display:none; } } ul.page-numbers { text-align:center; li { display:none; &:last-child { display:block; clear:both; } a { span { &:after { position: relative; top: 0px; right: -3px; content: "\e878"; font-family: 'Linearicons-Free'; display: inline-block; } &.show { &:after { content: "\e862"; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; display: inline-block; } } } width: 190px; height: 50px; border-radius: 40px; line-height: 50px; text-align: center; font-weight: 500; display: block; margin: 0 auto; margin-top: 0px; transition: 0.5s all; color: #ffffff !important; -webkit-transition: 0.5s all; position:relative; } } } } .product-thumb { img { width: 100%; } } /* 9.10 STAR RATING ========================================================================== */ .comment-form-rating { label { display:inline-block; vertical-align:middle; font-weight:400; } } .star-rating { font-family: "Ionicons"; height:20px; line-height:20px; overflow:hidden; position:relative; text-align:left; width:5.8em; letter-spacing:5px; display:inline-block; vertical-align:middle; font-size: 14px; margin-right: 5px; color: #9c9c9c; } .star-rating:before,.star-rating span:before { content:'\f4b3\f4b3\f4b3\f4b3\f4b3'; left:0; top:0; position:absolute; } .star-rating span { overflow:hidden; position:absolute; text-indent:-999em; color:#ffd200; } .star-rating span:before { text-indent:0; } .stars { font-size:11px; letter-spacing:3px; margin-left:15px; margin-top:2px; display:inline-block; vertical-align:top; } .stars [class*="star"] { text-indent:-999em; display:block; position:absolute; display:inline-block; } .stars [class*="star"]:before { position:absolute; font-family:"FontAwesome"; left:0; text-indent:0; } .stars .star-1 { width:15px; z-index:50; } .stars .star-2 { width:30px; z-index:40; } .stars .star-3 { width:45px; z-index:30; } .stars .star-4 { width:60px; z-index:20; } .stars .star-5 { width:75px; z-index:10; } .stars .star-5:before { content:"\f006\f006\f006\f006\f006"; } .stars .star-1:hover:before,.stars .star-1.active:before { content:"\f005"; } .stars .star-2:hover:before,.stars .star-2.active:before { content:"\f005\f005"; } .stars .star-3:hover:before,.stars .star-3.active:before { content:"\f005\f005\f005"; } .stars .star-4:hover:before,.stars .star-4.active:before { content:"\f005\f005\f005\f005"; } .stars .star-5:hover:before,.stars .star-5.active:before { content:"\f005\f005\f005\f005\f005"; } .price_slider { margin-bottom:23px; } .ui-slider { position:relative; text-align:left; } .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:22px; height:22px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; outline:none; top:-6px; border:none; border:1px solid #ffffff; } .ui-slider .ui-slider-handle:last-child { transform:translatex(-16px); -webkit-transform:translatex(-16px); } .ui-slider .ui-slider-range { position:absolute; z-index:1; display:block; border:0; } .price_slider_wrapper .ui-widget-content { background:#d7d7d7; border:none; border-radius:5px; } .ui-slider-horizontal { height:10px; } .ui-slider-horizontal .ui-slider-range { top:0; height:100%; border-radius:5px; } .ui-slider-horizontal .ui-slider-range-min { left:-1px; } .ui-slider-horizontal .ui-slider-range-max { right:-1px; } .price_slider_amount { .button { display:none; } } .tb-products-grid { margin-bottom:0; margin-top:30px; } @media(min-width:992px) { .tax-product_cat,.post-type-archive-product { .no_container { padding:0 45px; } } } @media(max-width:991px) { .tax-product_cat,.post-type-archive-product { .no_container { padding: 0 15px; } } } /** ------------------------------------------------------------------------------------------------* WOOCOMMERCE TABLE * ------------------------------------------------------------------------------------------------ */ .processing { &:before { content:""; background:rgba(255,255,255,0.6); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:1; } &:after { z-index:2; bottom:auto; top:50%; margin-top:-18px; position:absolute; left:50%; bottom:-50px; margin-left:-17px; opacity:1; visibility:visible; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; content:" "; width:35px; height:35px; display:inline-block; vertical-align:middle; border:2px solid #252525; border-radius:50%; border-right-color:transparent !important; -webkit-animation:load-spin 450ms infinite linear; animation:load-spin 450ms infinite linear; } } .woocommerce-cart { .woocommerce .cart-empty { text-align:center; position:relative; font-size:36px; text-transform:uppercase; letter-spacing:1px; line-height:1.5; padding:250px 0 0px 0; font-weight:bold !important; margin-bottom:30px; } .woocommerce .cart-empty:after,.woocommerce .cart-empty:before { position:absolute; color:rgba(142,142,142,0.2); left:50%; font-weight:normal; transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -sand-transform:translateX(-50%); } .woocommerce .cart-empty:before { content:"\e66e"; font-size:180px; margin-left:-18px; top:0px; font-family:'Pe-icon-7-stroke'; } .woocommerce .cart-empty:after { content:"\f00d"; font-size:60px; top:91px; font-family:"FontAwesome"; } .woocommerce .kitgreen-empty-cart-text { text-align:center; margin-top:-25px; margin-bottom:25px; line-height:1.7; color:#8E8E8E; } .woocommerce .return-to-shop { text-align:center; margin-bottom:50px; } .woocommerce .button.wc-backward { width:200px; display:block; height:50px; color:#ffffff; line-height:50px; text-align:center; font-weight:400; margin-top:32px; padding:0; border:none; margin:0 auto; margin-top:30px; &:hover { opacity:0.8; } } .woocommerce .cart-emtry-text { text-align:center; } } .cart-collaterals { .continue { font-size:18px; font-weight:500; letter-spacing:0.7px; i { margin-left:10px; } } .cart_totals { h2 { font-size:18px; font-weight:500; letter-spacing:0.7px; text-transform:uppercase; margin:0; } .wc-proceed-to-checkout { a { width:100%; display:block; height:50px; color:#ffffff; line-height:50px; text-align:center; font-weight:400; margin-top:32px; &:hover { opacity:0.9; } } } .respon-table { padding:9px 30px 9px 30px; background:#f6f6f6; margin-top:27px; } table { tr { border-bottom:1px solid #d1d1d1; &.order-total { th { font-size:18px; } } .woocs_special_price_code { font-weight:400; } &:last-child { border-bottom:none; } th { padding:15px 0px; font-weight:500; } td { padding:15px 0px } } } } } .cart-actions { margin-top:30px; margin-bottom:97px; .updatecart { background:#f6f6f6; padding:22px 40px; width:205px; margin:0 0 0 auto; .button { background:none; border:none; border-bottom:2px solid; font-weight:500; font-size:18px; letter-spacing:1px; padding-bottom:4px; } } .coupon { background:#f6f6f6; padding:16px 50px; label { display: none; } .input-text { border:1px solid #d0d0d0; height:46px; width:250px; padding-left:15px; margin-right:30px; &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#959595; } &::-moz-placeholder { /* Firefox 19+*/ color:#959595; } &:-ms-input-placeholder { /* IE 10+*/ color:#959595; } &:-moz-placeholder { /* Firefox 18- */ color:#959595; } } .button { background:none; border:none; border-bottom:2px solid; font-weight:500; font-size:18px; letter-spacing:1px; padding-bottom:4px; } } } .shop_table { thead { background:#f6f6f6; th { font-size:18px; font-weight:600; padding:30px 0px; text-align:center; } } } .shop_table tr.order-total .includes_tax { display:block; margin-top:5px; } .shop_table { width:100%; } .woocommerce-cart-form .shop_table tr td { padding:18px 12px; border:none; text-align:center; border-bottom:1px solid #d1d1d1; } .shop_table th.product-name { text-align:left; } .shop_table th.product-thumbnail { width:10px; } .shop_table th.product-remove { width:40px; } .shop_table td.order-status { text-align:center !important; } .shop_table td.product-remove { padding:0; text-align:center; } .shop_table td.product-remove a { position:relative; font-size:0px; display:inline-block; border-radius:50%; height:20px; width:20px; line-height:28px; cursor:pointer; padding-right:16px; padding-right:0; } .shop_table td.product-remove a:after,.shop_table td.product-remove a:before { content:" "; position:absolute; right:0px; top:50%; margin-top:-1px; width:20px; height:2px; display:inline-block; background-color:#252525; -webkit-transition:background-color 0.2s ease-in-out,transform 0.2s ease-in-out,width 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out,transform 0.2s ease-in-out,width 0.2s ease-in-out; -o-transition:background-color 0.2s ease-in-out,transform 0.2s ease-in-out,width 0.2s ease-in-out; transition:background-color 0.2s ease-in-out,transform 0.2s ease-in-out,width 0.2s ease-in-out; } .shop_table td.product-remove a:after { transform:rotate(-44deg); -webkit-transform:rotate(-44deg); -moz-transform:rotate(-44deg); -o-transform:rotate(-44deg); -ms-transform:rotate(-44deg); -sand-transform:rotate(-44deg); } .shop_table td.product-remove a:before { -webkit-transform:rotate(44deg); -moz-transform:rotate(44deg); -o-transform:rotate(44deg); -ms-transform:rotate(44deg); -sand-transform:rotate(44deg); transform:rotate(44deg); } .shop_table td.product-remove a:hover:after { transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); -sand-transform:rotate(0deg); } .shop_table td.product-remove a:hover:before { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); -sand-transform:rotate(0deg); transform:rotate(0deg); } .shop_table td.product-remove a:after,.shop_table td.product-remove a:before { right:5px; } .shop_table td.product-name { text-align:left; } .shop_table td.product-name a { text-transform:none; letter-spacing:.3px; display:block; } .shop_table td.product-name .variation { display:inline-block; margin-top:10px; } .shop_table td.product-price span { font-size:14px; } .shop_table td.product-subtotal span { font-size:14px; } .shop_table td.product-thumbnail img { max-width:120px; height: auto; } .woocommerce-cart .woocommerce-cart-form__cart-item,.shop-bottom { .woocommerce-variation-add-to-cart { margin-top:6px; } .jws-quantity-wrap { label { display:none; } } .quantity { position:relative; height:40px; width:150px; background:#f6f6f6; border-radius:25px; text-align:center; font-size:14px; display: inline-block; margin-bottom: 30px; .input-text { border:none; text-align:center; line-height:40px; background:none; height:40px; outline:none; width: 100%; } /* for chrome */ input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin: 0; } /* for mozilla */ input[type=number] { -moz-appearance:textfield; } .jws-font { &:after { position: absolute; height: 40px; top: 0; line-height: 40px; cursor: pointer; width: 46px; font-size: 20px; font-weight: bold; } &.jws-qty-minus { &:after { left:3px; content:"\f462"; font-family:"Ionicons"; } } &.jws-qty-plus { &:after { right:3px; content:"\f489"; font-family:"Ionicons"; } } } } } #yith-wcwl-form { .wishlist-title { margin-bottom:30px; } .wishlist_table { tr { &:last-child td { border:none; } th { border:none; } td { border-bottom:1px solid; .wishlist-in-stock,.wishlist-out-of-stock { display:inline-block; padding:5px 10px; border:2px solid #297E29; text-transform:uppercase; font-size:12px; letter-spacing:.3px; font-weight:700; } a.button { font-size: 14px; color: #ffffff; height: 40px; border-radius: 25px; text-align: center; line-height: 40px; padding: 0; border: none; display: inline-block; border: 1px solid; vertical-align: top; transition: 0.5s all; -webkit-transition: 0.5s all; &:hover { opacity: 0.8; } } } } } } .no_galley { padding:0 !important; } #search-modal.layout1 { position:fixed; top:0; bottom:0; left:0; right:0; display:none; overflow:auto; backface-visibility:hidden; visibility:hidden; outline:0; z-index:99999; &.show { visibility:visible; display:block; backface-visibility:visible; } .modal-footer { z-index:2; position:relative; border:none; } .modal-content { z-index:2; background:transparent; outline:none; box-shadow:none; transition:none; transform:translate(-50%,-40%); position:absolute; top:35%; max-width:1170px; padding-top:0; border:none; left:50%; .search-results { max-height:500px; overflow:auto; margin-top:80px; transform:translatey(50px); -webkit-transform:translatey(50px); transition:all .3s ease .3s; transition-delay:0.3s; opacity:0; &::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5; } &::-webkit-scrollbar { width:6px; background-color:#F5F5F5; } &::-webkit-scrollbar-thumb { background-color:#000000; } .woocommerce { ul { text-align:center; li { display:inline-block; max-width:240px; text-align:center; vertical-align:top; animation:fadeIn 0.5s both; margin:0 15px; margin-bottom:40px; font-size:18px; color:#ffffff; a { .title { font-size:14px; color:#ffffff; display:block; margin-top:19px; } .price { display:block; font-size:14px; clear:both; color:#959595; } } } } } } form { .loading { position:absolute; bottom:24px; right:70px; &:after { border:2px solid #ffffff; } } position:relative; .search-fields { transform:translatey(50px); -webkit-transform:translatey(50px); transition:all .3s ease .3s; opacity:0; transition-delay:0.2s; } .product-cats { text-align:center; transform:translatey(50px); -webkit-transform:translatey(50px); transition:all .3s ease .3s; transition-delay:0.1s; opacity:0; label { input { display:none; } span { color:#ffffff; font-size:18px; font-weight:300; margin:0 15px; } input:checked+span { border-bottom:1px solid #ffffff; } } } .search-submit { position:absolute; bottom:3px; right:0; input { background:none; border:none; font-size:0px; width:40px; height:40px; z-index:2; position:relative; } &:after { content:"\f4a5"; position:absolute; top:7px; right:0; font-family:"Ionicons"; color:#ffffff; font-size: 30px; } } .search-field { font-size:24px; color:#ffffff; width:100%; background:none; border:none; border-bottom:1px solid #464646; padding:11px 0; letter-spacing:3px; &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#ffffff; font-weight:100; } &::-moz-placeholder { /* Firefox 19+*/ color:#ffffff; font-weight:100; } &:-ms-input-placeholder { /* IE 10+*/ color:#ffffff; font-weight:100; } &:-moz-placeholder { /* Firefox 18- */ color:#ffffff; font-weight:100; } } } } .moal-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.89); z-index:1; transition:all .2s ease .2s; } &.show { .modal-content .search-results { transform:translatey(0px); -webkit-transform:translatey(0px); opacity:1; } form { .search-fields,.product-cats { transform:translatey(0px); -webkit-transform:translatey(0px); opacity: 1; } } } } #search-modal { .loading { position:absolute; bottom:35px; right:70px; &:after { opacity:0; visibility:hidden; top:50%; margin-top:-18px; position:absolute; left:50%; bottom:-50px; margin-left:-17px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; content:" "; width:35px; height:35px; display:inline-block; vertical-align:middle; border:2px solid #1b1b1b; border-radius:50%; border-right-color:transparent !important; z-index:999; } } &.searching { .modal-content form .loading:after { opacity:1; visibility:visible; -webkit-animation:load-spin 450ms infinite linear; animation:load-spin 450ms infinite linear; } } } /*---------------------- Pagination------------------------*/ .woocommerce-pagination-number { text-align:center; margin-top:96px; .page-numbers li { display:inline-block; >a,>span { width:23px; height:23px; line-height:23px; border-radius:100%; position:relative; display:block; text-align:center; margin:0 14px; transition:0.4s all; -webkit-transition:0.4s all; &.current,&:hover { color:#ffffff; } &:after { position:absolute; content:""; border:1px solid #a9a9a9; width:~"calc(100% + 6px)"; height:~"calc(100% + 6px)"; border-radius:100%; top:-3px; left:-3px; z-index:-1; } } } } /*-------------------- Slick Row-----------------------*/ .slick-arrow { position:absolute; font-size:50px; border-radius:50%; text-align:center; top:50%; z-index:1; cursor:pointer; opacity:0; visibility:hidden; transition:0.3s all; -webkit-transition:0.3s all; transform:translateY(-50%); -webkit-transform:translateY(-50%); &.slick-disabled { color:#999999; } &.ion-ios-arrow-left { left:10px; } &.ion-ios-arrow-right { right:10px; } } .slick-slider:hover { .slick-arrow { opacity:1; visibility: visible; } } /*------------ CArt -------------*/ .jws-mini-cart { right:-320px; } .widget-panel-open .jws-mini-cart { transform: translatex(0px); -webkit-transform: translatex(0px); height:auto; } .jws-push-menu { max-width:380px; height:auto; padding-bottom:0; position:fixed; right:-100%; z-index:2001; width:100%; overflow-y:auto; background:#fff; transition:0.7s all; -webkit-transition:0.7s all; top:0; padding-top:30px; right: 0; transform: translatex(380px); -webkit-transform: translatex(380px); .title { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid #929292; margin:0; font-weight:600; font-size:18px; text-align:left; max-width:160px; letter-spacing:2px; margin-left:15px; margin-bottom:28px; i { font-size:45px; position:absolute; top:19px; right:15px; cursor:pointer; } } .widget_shopping_cart_content { .shipping { font-size:12px; font-weight:600; padding:0px 30px; margin-bottom:25px; letter-spacing:1px; display:inline-block; i { margin-right:10px; } } .shipping-emtry { font-size:12px; color:#A40000; font-weight:600; padding:0px 30px; margin-bottom:25px; letter-spacing:1px; display:none; i { margin-right:10px; } } .edit-cart { background:none; font-size:12px; font-weight:600; margin-bottom:25px; letter-spacing:1px; border-bottom:1px solid; margin: 10px 15px; } .jws-cart-panel-list-wrap { margin-bottom:25px; } .jws-cart-panel-summary { .woocommerce-mini-cart__total.total { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; background:#f6f4f4; padding:13px 15px; margin:0; font-size:14px; text-transform:uppercase; font-weight:500; strong { font-weight:500; } } .out_product { a { background:#171717; } } .woocommerce-mini-cart__buttons.buttons { margin-bottom:0px; a { position:relative; display:block; padding:13px 30px; color:#fff; font-size:14px; letter-spacing:0.7px; text-transform:uppercase; text-align:center; margin-bottom:0px; font-weight:500; transition:0.5s all; -webkit-transition:0.5s all; } &:hover a { background:#000000; opacity:0.8; } } } .jws-cart-panel-quantity-pricing { .jws-quantity-wrap { label { display:none; } } } .cart_list { max-height:350px; overflow:auto; position: relative; &.show { &:after { background:rgba(255,255,255,0.8); position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; } &:before { top: 50%; z-index: 2; position: absolute; opacity: 1; left: 50%; visibility: visible; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: " "; width: 30px; height: 30px; display: inline-block; vertical-align: middle; border: 2px solid #000000; border-radius: 50%; border-right-color: transparent !important; -webkit-animation: load-spin 450ms infinite linear; animation: load-spin 450ms infinite linear; } } &::-webkit-scrollbar { width:6px; background-color:transparent; transition: 0.5s all; } &::-webkit-scrollbar-thumb { background-color:transparent; transition: 0.5s all; } &:hover { &::-webkit-scrollbar-thumb { background-color:#999999; } } .mini_cart_item { border:1px solid #dcdcdc; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; margin:10px 15px; padding: 12px; &.loading { .jws-cart-panel-item-thumbnail { &:after { display:block; } .lnr-cross { display:none; } } } .jws-cart-panel-item-thumbnail { width:65px; max-width:65px; -webkit-flex-basis:65px; -ms-flex-preferred-size:65px; flex-basis:65px; position:relative; &:after { top: 42%; z-index: 2; position: absolute; opacity: 1; left: 42%; visibility: visible; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: " "; width: 15px; height: 15px; display: inline-block; vertical-align: middle; border: 2px solid #ffffff; border-radius: 50%; border-right-color: transparent !important; -webkit-animation: load-spin 450ms infinite linear; animation: load-spin 450ms infinite linear; display:none; } .remove { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,0.7); color:#ffffff; line-height:83px; text-align:center; font-size:20px; opacity:0; transition:0.3s all; -webkit-transition:0.3s all; backface-visibility:hidden; } } .jws-cart-panel-item-details { max-width:200px; width:auto; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; padding-left:25px; .jws-cart-panel-product-title { font-size:14px; line-height:15px; display:block; margin-bottom:10px; width:90%; font-weight: 600; } .jws-cart-panel-item-price { margin-top:-8px; } .woocommerce-Price-amount.amount { font-size:12px; } } .quanty-ajax { width:90px; max-width:90px; -webkit-flex-basis:90px; -ms-flex-preferred-size:90px; flex-basis:90px; border:solid 1px #e8e8e8; position:relative; text-align:center; .quantity { .input-text { width:50px; height:30px; border-radius:1px; border:none; font-size:14px; letter-spacing:1px; text-align: center; border: solid 1px #e8e8e8; border-top: 0; border-bottom: none; } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } input[type=number] { -moz-appearance:textfield; } .jws-font { font-size:10px; line-height:24px; width:25px; vertical-align:top; -webkit-transition:color 0.2s ease; transition:color 0.2s ease; font-size:20px; position:absolute; right:0px; cursor:pointer; &:hover { color:#000000; } &:before { position:absolute; } &.jws-qty-minus { top:9%; left:-8px; &:before { content:"-"; } } &.jws-qty-plus { top:12%; &:before { content:"+"; } } } } } &:hover { .jws-cart-panel-thumbnail-wrap .remove { opacity:1; } } } } } } #jws-widget-panel-overlay { content:''; position:fixed; background:#000000; left:0; top:0; width:100%; height:100%; z-index:999; opacity:0; visibility:hidden; transition: 0.5s all; -webkit-transition: 0.5s all; &.show { opacity:0.7; visibility:visible; } } .jws-cart-panel-empty .edit-cart,.jws-cart-panel-empty .total-cart,.jws-cart-panel-empty .in_product,.jws-cart-panel-empty .woocommerce-mini-cart.total { display:none; } .empty { display:none; padding:30px; } .jws-cart-panel-empty .empty { display:block; } .element-loading { .overlay-loader { display:block; } } .kitgreen-products-tabs { .overlay-loader { background-color:transparent; div { position:absolute; } } } .kitgreen-products-tabs .kitgreen-tab-content .kitgreen-products-loader,.hidden-loader { .overlay-loader div { display:none; } } .overlay-loader { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; display:none; -webkit-transition:0.5s ease opacity; -moz-transition:0.5s ease opacity; transition:0.5s ease opacity; z-index:10; } .overlay-loader>div { position:fixed; top:50%; left:50%; margin-left:-10px; } .overlay-loader span { display:block; bottom:0px; width:2px; height:5px; background:#000; position:absolute; -webkit-animation:preloader 1s infinite ease-in-out; -moz-animation:preloader 1s infinite ease-in-out; -ms-animation:preloader 1s infinite ease-in-out; -o-animation:preloader 1s infinite ease-in-out; animation:preloader 1s infinite ease-in-out; } .overlay-loader span:nth-child(2) { left:4px; -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s; } .overlay-loader span:nth-child(3) { left:8px; -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s; } .overlay-loader span:nth-child(4) { left:12px; -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; } .overlay-loader span:nth-child(5) { left:16px; -webkit-animation-delay:.8s; -moz-animation-delay:.8s; -ms-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s; } .jws-ajax-loader { display:none; .overlay-loader { span { background:#ffffff; } background:transparent; } } .bt-product-items { margin-top: 20px; } .modal-open { .jws-ajax-loader .overlay-loader { display:block; } } .kitgreen-products-loaders { &.show { position: initial !important; .overlay-loader { display:block; div { position:absolute; top:15%; } } } } #yith-wcwl-popup-message { position:fixed; bottom:0; left:0; width:100%; color:#ffffff; font-size:40px; padding:0; z-index:99; height:100px; top:initial; right:initial; margin:0 !important; border-radius:0; border:none; line-height:100px; animation:slideInUp 0.5s both; } .ajax-loading { visibility: hidden !important; }