Viewing File: /home/maglabs/sogefab/wp-content/themes/sofass/sass/template/_woocommerce.scss
/*-------------------------------------------
Price
-------------------------------------------*/
// style overide woo
.cart2{
text-align:center;
.count{
font-size:12px;
text-align:center;
display:block;
}
}
.pp_gallery ul{
height: auto;
a{
height: auto;
}
}
// .woocommerce-cart, .woocommerce-checkout, .woocommerce-wishlist, .single-product {
// background-color: #fff;
// }
.woocommerce table.shop_attributes{
th{
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
width:30%;
padding:18px;
background-color:#fff !important;
}
td{
padding:18px;
background-color:#fff !important;
p{
padding:0;
}
}
}
.woocommerce div.product form.cart .variations select{
height: 40px;
}
@media (min-width: 1024px) {
.products-grid .product.first {
clear: both;
}
}
.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading{
@include opacity(1);
padding-right:$padding-base-horizontal;
&:after{
color:$text-color;
z-index:9;
font-size:14px;
right: 50%;
top:50%;
margin-top: -7px;
margin-right: -7px;
}
&:before{
@include opacity(0.9);
z-index:8;
position:absolute;
top:-1px;
left:-1px;
background:#fff;
@include size(calc(100% + 2px),calc(100% + 2px));
content:'';
}
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
border-color: $theme-color;
line-height: 3.3;
&:before{
color: $theme-color;
}
}
.woocommerce .product-block-list a.button.loading{
&:after{
top:50%;
right: 50%;
color:$text-color;
z-index:9;
@include size(auto,auto);
margin:-7px;
font-size:14px;
}
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
border:1px solid $theme-color;
background:$theme-color;
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:active{
background:darken($theme-color,5%);
}
&:before{
border-color:#fff;
}
&:after{
background:#fff;
}
}
@media(min-width:1200px){
.woocommerce div.product div.images .flex-control-thumbs li{
width: 33.33%;
&:nth-child(3n + 1){
clear: left;
}
}
}
.woocommerce div.product div.images .flex-control-thumbs{
margin-left: -10px;
margin-right: -10px;
margin-top: 20px;
li{
padding-right:10px;
padding-left:10px;
margin-bottom: 20px;
img{
border:1px solid #fff;
@include opacity(0.8);
@include transition(all 0.2s ease-in-out 0s);
&:hover,
&:active,
&.flex-active{
border-color:$theme-color;
}
}
}
}
.shop-pagination{
.goal-pagination{
margin:0;
@include rtl-float-left();
}
.woocommerce-result-count{
@include rtl-float-right();
margin:5px 0 0;
}
}
.woocommerce div.product form.cart .variations{
margin-bottom: 0;
th{
padding: 0;
label {
margin: 0;
}
}
}
.woocommerce div.product form.cart div.quantity {
@include rtl-margin-right(15px);
}
table.variations{
.tawcvs-swatches .swatch-color{
@include opacity(1);
@include size(24px,24px);
line-height: 24px;
position:relative;
border:none;
@include rtl-margin-right(15px);
&.swatch-white {
&:after{
border: 1px solid $border-color;
}
}
&:before{
display:none !important;
}
&:after{
content:'';
@include border-radius(50%);
z-index:2;
position:absolute;
top:0;
left:0;
@include size(24px,24px);
}
&.selected{
@include box-shadow(none);
&:after{
top:1px;
left:1px;
@include size(18px,18px);
}
}
}
.tawcvs-swatches .swatch-label{
font-weight:500;
color:$text-color;
@include size(24px,24px);
line-height:1;
background:#f2f3f5;
min-width:30px;
text-align:center;
border:none !important;
@include border-radius(50%);
@include rtl-margin-right(8px);
text-transform:uppercase;
@include opacity(1);
&.selected{
@include box-shadow(none);
background:$theme-color;
color:#fff;
}
}
tr:last-child{
}
}
.woocommerce div.product form.cart .variations td.label{
padding:10px 0;
text-align: inherit;
display: table-cell;
vertical-align: middle;
label{
margin:0;
}
}
.woocommerce div.product form.cart.swatches-support .variations td.label{
vertical-align:top;
}
.woocommerce div.product form.cart .reset_variations{
color: $brand-danger;
i{
font-size: 12px;
@include rtl-margin-right(3px);
color: #e23e1d;
}
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
font-weight:700;
padding: 0 7px;
}
.woocommerce #respond input#submit.added:after,
.woocommerce a.button.added:after,
.woocommerce button.button.added:after,
.woocommerce input.button.added:after{
display: none;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
line-height: $line-height-base;
resize: none;
border:1px solid #f2f3f5 !important;
background:#f2f3f5;
@include transition(all 0.2s ease-in-out 0s);
@include box-shadow(none !important);
&:focus{
border-color:darken(#f2f3f5, 15%) !important;
}
}
.refund-shop{
margin-bottom:$theme-margin;
.btn{
letter-spacing:1px;
}
}
.woocommerce form .form-row {
@media(min-width: 1200px){
input.input-text{
height: $input-height-base + 1;
}
}
textarea{
padding:20px;
height:90px;
resize:none;
}
}
.woocommerce table.wishlist_table thead th{
padding:10px 0;
color:$headings-color;
border-bottom:1px solid $border-color;
@media(min-width:992px){
padding:20px 0;
}
}
.woocommerce .wishlist_table .product-add-to-cart a{
@extend .btn;
@extend .btn-theme;
display: inline-block !important;
background-image: none !important;
@include border-radius(50px);
}
.woocommerce table.wishlist_table tbody td{
padding:10px 0;
text-align: inherit;
border-width:0 0 1px;
border-bottom:1px solid $border-color;
@media(min-width:992px){
padding:20px 0;
}
}
.woocommerce table.wishlist_table tfoot td {
border:none;
}
.woocommerce table.wishlist_table{
font-size:$font-size-base;
.product-name{
white-space: nowrap;
padding-right:20px;
padding-left:20px;
@media(min-width:992px){
padding-right:30px;
padding-left:30px;
}
}
.media-body{
width:auto;
}
.product-thumbnail{
a{
display: block;
width: 80px;
@media(min-width: 1200px){
width:170px;
}
}
}
}
.yith-wcwl-share{
margin: 20px 0;
> *{
vertical-align: middle;
display: inline-block;
}
.yith-wcwl-share-title{
font-size: 18px;
margin: 0;
@include rtl-padding-right(10px);
}
ul{
li{
+ li{
@include rtl-margin-left(5px);
}
}
}
}
#yith-wcwl-popup-message{
line-height: inherit;
color: $brand-success;
}
#yith-wcwl-popup-message{
border:1px solid $brand-success;
}
#yith-wcwl-popup-message {
margin: 0 !important;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.4);
#yith-wcwl-message {
background-color: #fff;
color: $theme-color;
border: 1px solid $theme-color;
padding: 15px 20px;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
font-weight: 500;
}
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-top:8px;
padding-bottom:8px;
}
.select2-container .select2-selection--single{
height: $input-height-base;
background:#f2f3f5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top:9px;
}
.woocommerce .return-to-shop .button ,
.woocommerce .track_order .button ,
.woocommerce #respond input#submit{
@extend .btn;
@extend .btn-theme;
@include border-radius(50px);
&:hover{
color: #fff;
}
}
.track_order{
max-width:520px;
margin:auto;
padding:20px;
@media(min-width: 1200px){
padding: 60px 40px 40px;
}
border:1px solid $border-color;
@include border-radius($border-radius-base);
background-color: #fff;
.form-group{
margin: 0 0 20px;
@media(min-width: 1200px){
margin: 0 0 30px;
}
}
.for-control{
font-weight: 400;
color: $link-color;
}
}
.woocommerce-message{
line-height: 2.5;
}
.goal-filter{
.woocommerce-message{
display: none;
}
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
border:0;
padding:0;
li{
padding:0;
margin-bottom: 15px;
.payment_box{
padding:20px;
border:1px solid $border-color;
margin: 0;
}
label{
font-size: 14px;
cursor: pointer;
font-weight: 400;
display: inline;
}
&:last-child{
margin-bottom: 0;
}
.about_paypal{
margin:0 10px;
float:none;
}
}
}
#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{
@include rtl-margin-right(10px);
}
.woocommerce {
table.shop_table{
border:0;
@include border-radius(0);
th{
padding:10px 0;
@media(min-width:1200px){
padding:25px 0;
}
}
.reader-text{
display: none;
}
td{
border:none;
border-top:1px solid $border-color;
overflow: hidden;
padding:10px 0;
@media(min-width:1200px){
padding:20px 0;
}
&.product-price{
color: $link-color;
font-weight: 600;
font-size: 15px;
}
input{
line-height: inherit;
}
&.product-add-to-cart{
a:hover {
color: #fff;
}
}
}
.quantity-wrapper{
> label{
display: none;
}
}
.product-remove{
.remove{
display: inline-block;
@include size(30px,30px);
border:1px solid $border-color;
line-height: 30px;
text-align: center;
font-size: 13px;
color:$link-color !important;
@include transition(all 0.2s ease-in-out 0s);
margin:0;
&:hover,&:active{
border-color:$brand-danger;
background:$brand-danger;
color:#fff !important;
}
}
}
tbody{
.actions{
p{
margin: 0;
}
}
.product-subtotal{
color: $theme-color;
font-size: 16px;
}
.order-total{
.woocommerce-Price-amount{
color: #222;
font-weight:600;
font-size: 15px;
}
}
.product-name{
font-size: 15px;
}
.cart-subtotal,
.order-total{
.woocommerce-Price-amount{
font-size: 20px;
font-weight: 400;
}
}
}
th{
border:none;
text-transform: uppercase;
color: $link-color;
font-size: 16px;
font-weight: 400;
}
.list-bundles{
font-size:14px;
list-style:none;
@include rtl-padding-left(25px);
strong{
font-weight:500;
}
ul{
list-style:inside none disc;
padding:0;
margin:0;
}
}
}
table.wishlist_table {
.wishlist-items-wrapper {
.product-remove{
.remove {
line-height: 26px;
font-size: 16px;
@include border-radius(50%);
}
}
}
}
.yith_wcwl_wishlist_footer {
margin: 0 0 20px;
@media(min-width:1200px){
margin: 0 0 60px;
}
}
}
.woocommerce .cart_totals{
.cart_totals_inner {
border: 1px solid $theme-color-secondary;
padding: 10px 20px;
@media(min-width:1200px){
padding: 30px 40px;
}
}
h2{
margin: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
position:relative;
border-bottom:1px solid $border-color;
padding:15px 0;
@media(min-width:992px){
padding:25px 0;
}
}
table.shop_table{
border:none;
margin:0;
th,td{
padding:15px 0;
@media(min-width:992px){
padding:20px 0;
}
.woocommerce-Price-amount{
color: $link-color;
font-size:15px;
font-weight:600;
}
}
label{
font-weight:400;
}
th{
color: #646a7c;
font-size: 14px;
}
}
.wc-proceed-to-checkout{
.btn{
@include border-radius(3px);
@media(min-width:1200px){
padding: 17px 30px;
}
}
}
}
.woocommerce-table--order-details{
tfoot .woocommerce-Price-amount{
font-size: 24px;
}
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li{
font-weight: 400;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
background:#fff;
.place-order{
padding:30px 0 10px !important;
#place_order{
text-transform: uppercase;
}
}
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
background:#ffffff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
border-bottom-color:#fff;
}
.woocommerce #customer_details{
.woocommerce-shipping-fields,
.woocommerce-account-fields{
margin-top: $theme-margin;
}
h3.form-row{
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
padding:20px 0;
}
.shipping_address{
> *{
> .select2-hidden-accessible{
height: 0;
}
}
}
}
.woocommerce form .woocommerce-billing-fields{
> h3{
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
padding:20px 0;
}
.select2-container{
height:$input-height-base;
border:0 solid $border-color !important;
}
.woocommerce-billing-fields__field-wrapper{
> *{
> label{
font-weight: 400;
}
> .select2-container,
> select,
> input{
overflow: hidden;
width: calc(100% - 200px) !important;
border-width:0 0 1px;
border-style:solid;
border-color:$border-color;
padding:10px 0;
@include border-radius(0 !important);
@include rtl-float-right();
&:focus{
border-color:$theme-color;
}
}
> .select2-hidden-accessible{
height: 0;
}
}
}
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
width: 100%;
}
.yith-wcwl-add-to-wishlist .ajax-loading{
margin: auto;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
}
.yith-wcwl-add-button{
position: relative;
}
.woocommerce div.product .product_title{
color: $theme-color-secondary;
font-size: 18px;
line-height: 1.1;
margin:0;
font-weight: 700;
@media(min-width:1200px){
font-size: 36px;
}
}
// .woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before,
// .woocommerce p.stars.selected a:not(.active):before{
// content: '';
// }
.woocommerce div.product p.price, .woocommerce div.product span.price{
color: $theme-color;
font-size: 12px;
font-weight: 700;
line-height: 22px;
@media(min-width:1200px){
font-size: 14px;
line-height: 24px;
}
del{
font-size: 13px;
color:$theme-color-third;
font-weight: 500;
}
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
@include opacity(1);
}
.variations{
label{
color: $link-color;
font-size: 14px;
text-transform: uppercase;
font-weight: 600 !important;
margin: 0 5px;
}
.value{
padding: 0;
}
}
.woocommerce div.product form.cart .group_table{
border:none;
margin-bottom: 10px;
.price del{
font-size: 12px !important;
}
.price,
.price ins{
font-size: 15px !important;
color: $theme-color;
}
label{
font-weight:500;
}
td{
vertical-align: middle;
&:first-child{
padding-right:0;
@include rtl-text-align-left();
}
&.woocommerce-grouped-product-list-item__price{
font-weight: 700;
color: $theme-color;
font-size: 16px;
del{
font-size: $font-size-base - 1;
color: $text-color;
}
}
}
.quantity{
.reader-text{
display:none;
}
}
.woocs_price_code{
font-weight: 700;
color: $theme-color;
font-size: 16px;
del{
font-size: $font-size-base - 1;
color: $text-color;
}
}
}
.woocommerce {
.shop-has-right, .shop-has-left{
div.product {
.product_title{
@media(min-width:1200px){
font-size: 26px;
}
}
form.cart {
.button, .added_to_cart{
@media(min-width:1200px){
min-width: 250px;
}
}
}
}
}
div.product form.cart {
.button, .added_to_cart{
min-width: 220px;
padding: 12px 25px;
@extend .btn;
background:$theme-color-secondary;
color: #fff;
border-color:$theme-color-secondary;
@include border-radius(50px);
text-transform: capitalize;
@media(min-width:1200px){
min-width: 275px;
}
&:hover,&:focus{
color: #fff;
background-color: $theme-color;
border-color:$theme-color;
}
&.added{
display: none;
}
}
}
}
.woocommerce .details-product .information .stock.out-of-stock{
@extend .btn;
letter-spacing:1px;
background:#f2f3f5;
border-color:#f2f3f5;
color:#cccccc;
@include border-radius(0);
margin: 10px 0;
width:100%;
}
.woocommerce div.product form.cart.group_product{
width:100%;
+ .yith-wcwl-add-to-wishlist{
margin:10px 0 0;
}
}
.woocommerce div.product form.cart .group_table .label, .woocommerce div.product form.cart .variations th.label{
padding: 10px 0;
vertical-align: middle;
font-size:14px;
display: inline-flex;
text-align: inherit;
white-space: normal;
label{
font-weight: 400;
}
}
.woocommerce div.product form.cart .variations th.label{
width: 100px;
}
.woocommerce div.product form.cart .variations td{
line-height: inherit;
font-size: inherit;
.tawcvs-swatches{
padding:0;
.swatch-item-wrapper{
line-height: 30px;
}
}
padding:10px 0;
vertical-align: middle;
display: inline-flex;
}
.woocommerce .order_details{
padding: 0;
}
.woocommerce table.shop_table{
input.button:disabled,
input.button{
@extend .btn;
@extend .btn-primary;
@include opacity(1);
}
}
.woocommerce {
.woocommerce-error,
.woocommerce-message,
.checkout_coupon{
.button{
@extend .btn;
@extend .btn-primary;
@include border-radius(50px);
&:hover,&:focus{
color: #fff;
background-color: $theme-color;
border-color:$theme-color;
}
}
}
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text{
width: auto;
height: 41px;
padding: 5px 10px !important;
@include rtl-margin-right(10px !important);
@include border-radius(2px);
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
width: 100px;
}
.woocommerce .percent-sale,
.woocommerce span.onsale{
color:#fff;
font-size: 12px;
background:$theme-color;
padding:6px 10px;
position: absolute;
text-align: center;
@include rtl-right(15px);
left: auto;
text-transform:uppercase;
top: 15px;
min-height: auto;
z-index: 9;
@include border-radius(2px);
display: inline-block;
line-height: 1;
&:before{
content:'';
position:absolute;
top:100%;
right:6px;
border-width:3px;
border-style:solid;
border-color:$theme-color $theme-color transparent transparent;
}
}
//popup-cart
.popup-cart{
.title-count,
.title-add{
font-size: 20px;
margin: 0 0 20px;
}
.gr-buttons{
margin: 50px 0 0;
}
.title-add{
color: $brand-success;
}
.image{
img{
max-width: 100px;
}
}
.name{
margin: 30px 0 0;
}
.widget-product{
margin-top: 30px;
}
}
#goal-cart-modal{
.btn-close{
position: absolute;
top:0;
@include rtl-right(0);
z-index: 99;
background: #fff;
@include size(30px,30px);
line-height: 26px;
text-align: center;
display: inline-block;
}
.modal-content{
background: #ffffff none repeat scroll 0 0;
min-width: 1000px;
max-width: 100%;
margin-top: 50px;
}
.modal-body{
padding: 60px;
}
}
.name{
@include font-size(font-size,14px);
margin: 0 0 18px;
@include text-overflow();
}
.products-grid{
.product.outofstock .product-block {
}
&.products-slide{
&.colection_gutter{
.slick-carousel{
margin: 0;
}
.row-products-wrapper,.products-wrapper-mansory {
&:after {
right: 0;
}
}
}
}
&.colection_gutter{
position: relative;
@include border-radius(0);
width: 100%;
margin: 0;
overflow: hidden;
.row-products-wrapper,.products-wrapper-mansory {
margin: 0;
@include border-radius(0);
&:after {
display: block;
position: absolute;
content: '';
top: 0;
bottom: -1px;
left: 0;
right: -1px;
border: 1px solid $border-color;
border-radius: inherit;
z-index: 4;
pointer-events: none;
}
}
.product, .slick-carousel .slick-slide {
padding: 0;
}
.product-block.grid {
margin: 0;
.grid-inner {
border-top: 0;
border-inline-start: none;
@include border-radius(0);
position: relative;
background-color: #fff;
margin: 0;
height: 100%;
}
&.grid-metro{
.grid-inner {
border-top: 1px solid $border-color;
}
}
}
+ .ajax-pagination{
margin-top: 30px;
}
.product-block.list{
margin: 0;
.list-inner {
border-top: 0;
border-inline-start: none;
@include border-radius(0);
position: relative;
background-color: #fff;
margin: 0;
height: 100%;
}
}
}
}
// products deals
.woocommerce.widget-products-deal{
div.product {
margin: 0 0 30px;
}
&.colection_gutter{
position: relative;
@include border-radius(6px);
width: 100%;
margin: 0;
overflow: hidden;
.product, .slick-carousel .slick-slide {
padding: 0;
}
.products-grid {
margin: 0;
}
.product-block.grid {
margin: 0;
.grid-inner {
border-top: 0;
border-inline-start: none;
@include border-radius(0);
position: relative;
background-color: #fff;
margin: 0;
height: 100%;
}
}
.row-products-wrapper,.products-wrapper-mansory {
margin: 0;
@include border-radius(6px);
&:after {
display: block;
position: absolute;
content: '';
top: 0;
bottom: -1px;
left: 0;
right: -1px;
border: 1px solid $border-color;
border-radius: inherit;
z-index: 4;
pointer-events: none;
}
}
}
}
.product-block{
position:relative;
.sale-perc{
background: $theme-color-second;
color: #ffffff;
font-size: 11px;
font-weight: 600;
padding: 2px 8px;
line-height: 1.3;
position: absolute;
@include rtl-left(15px);
text-transform: uppercase;
@include border-radius(0);
top: 15px;
z-index: 3;
&:before{
content:'';
position:absolute;
top:100%;
right:6px;
border-width:3px;
border-style:solid;
border-color:$theme-color $theme-color transparent transparent;
}
}
.out-of-stock{
background: darken(#e1e1e1, 5%);
color: #222 !important;
font-size: 13px !important;
font-weight: 400;
padding: 0 10px;
position: absolute;
@include rtl-left(15px);
@include border-radius(0);
text-transform: none;
top: 15px;
z-index: 3;
&:before {
content: "";
position: absolute;
top: 100%;
right: 6px;
border-width: 3px;
border-style: solid;
border-color: #e1e1e1 #e1e1e1 transparent transparent;
}
}
.image{
position: relative;
overflow: hidden;
display: block;
@include border-radius(0);
.downsale{
font-size: 12px;
font-weight: 500;
display: inline-block;
position: absolute;
right:0;
top:0;
z-index: 8;
padding:2px 10px;
@include border-radius(2px);
background:#d42e2e;
color: #fff;
}
img{
display: inline-block;
@include transition(all 0.5s ease-in-out 0s);
width: 100%;
}
.image-effect{
top: 0;
position: absolute;
left:50%;
@include translateX(-50%);
z-index: 2;
@include opacity(0);
}
.image-no-effect{
@include scale(1);
}
}
.block-inner{
&:hover{
.image{
.image-hover{
@include opacity(0);
}
.image-effect{
@include opacity(1);
}
}
}
&.text-center{
.image{
img{
margin:auto;
}
.image-effect{
left:50%;
@include translateX(-50%);
}
}
}
}
.clear{
display: none !important;
}
.yith-wcwl-add-to-wishlist{
margin: 0;
}
.compare {
position:relative;
overflow: hidden;
}
.product-cats{
font-size: 12px;
margin: 15px 0 11px;
text-transform: uppercase;
a{
color: #4c4c4c;
&:hover,&:active{
color: $theme-color;
}
}
}
.rating{
> *{
display: inline-block !important;
vertical-align: middle;
margin:0 !important;
float: none;
}
.counts{
color: #999591;
font-size: 13px;
}
}
.feedback,
.sub-title{
display: none;
}
.product-image{
position:relative;
display:block;
}
&:hover{
.quickview{
@include opacity(1);
}
.image .image-no-effect{
@include scale(1.1);
}
}
// product grid
&.grid{
position:relative;
margin:0 0 20px;
padding:0;
@media(min-width:768px){
margin:0 0 35px;
padding:0;
}
background: #fff;
text-align: center;
// @include rtl-text-align-left();
@include transition(all 0.3s ease-in-out 0s);
&:before{
z-index: 2;
content:'';
position:absolute;
@include size(calc(100% + 2px),0px);
background:#fff;
top:100%;
left: -1px;
@include transition(all 0.25s ease-in-out 0s);
@include box-shadow(0 20px 32px 0 rgba(#354e54,0.15));
}
&.noborder{
border:none !important;
.grid-inner{
border:none;
}
}
.quickview.loading{
&:before{
font-family: 'WooCommerce';
content: '\e01c';
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
position: absolute;
top: 50%;
left: 50%;
animation: spin 2s linear infinite;
-webkit-animation: spin 2s linear infinite;
color: $text-color;
z-index: 9;
margin-top: -20px;
margin-left: -6px;
}
&:after{
@include border-radius(50px);
background:rgba(255, 255, 255, 0.9);
position:absolute;
top: 0;
left: 0;
@include size(100%,100%);
z-index: 8;
content: '';
}
}
.name{
@include translateY(0px);
@include transition(all 0.2s ease-in-out 0s);
font-size:13px;
margin:0;
font-weight: 700;
@media(min-width:1400px){
font-size:14px;
margin:5px 0;
padding:0;
}
}
.rating {
margin: 0 0 5px;
}
.image{
&.out{
.product-image{
@include opacity(0.5);
}
}
}
.groups-button{
.button,
.add_to_cart_button{
&.added{
display: none;
}
}
}
.swatches-wrapper{
.swatch-color {
width: 15px !important;
height: 15px !important;
}
}
.product-cat{
margin: 0;
font-size:10px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
@media(min-width:1400px){
}
a{
color: $theme-color-third;
}
}
.caption{
padding:20px 15px 15px;
text-align: center;
}
.grid-inner {
position: relative;
@include border-radius(0);
border: 0;
margin: 0;
padding: 0;
}
.block-inner{
overflow: hidden;
position: relative;
}
.title-wrapper{
position:relative;
margin: 15px 0 0;
}
.groups-button {
margin: 0;
z-index: 9;
display: inline-block;
position: absolute;
text-align: center;
@include rtl-right(15px);
top: 15px;
overflow: hidden;
> .groups-button-inner {
// > div {
// @include opacity(1);
// transform: translate(0, 0);
// -webkit-transform: translate(0, 0);
// }
> div{
@media(min-width: 1500px){
}
// @include transition(all 0.3s ease-in-out 0s);
// @include transform(translate(0,0) scale(0,0));
}
}
}
.add-cart {
margin: 20px 0 0;
z-index: 99;
@include transition(all 0.3s ease-in-out);
text-transform: none;
text-align: center;
a.button, a.added_to_cart {
background-color: $theme-color-secondary;
color: $white;
@include border-radius(50px);
font-size: 12px;
font-weight: 600;
line-height: 1;
padding: 10px 15px;
text-transform: capitalize;
@include transition(all .4s ease-in-out);
@media(min-width:1200px){
padding: 10px 20px;
font-size: 14px;
}
&:hover{
background-color: $theme-color;
}
}
}
.metas{
padding:0 0 5px;
@include transition(all 0.2s ease-in-out 0s);
@media(min-width:768px){
}
}
.swatches-wrapper{
list-style:none;
padding:0;
line-height:1.2;
position:absolute;
bottom:15px;
margin:0;
z-index: 9;
left: 0;
right: 0;
width:auto;
@include opacity(1);
@include transition(all 0.2s ease-in-out 0s);
visibility: visible;
text-align: center;
li{
display:inline-block;
vertical-align:middle;
margin: 0 2px;
&:last-child{
}
> a.active {
.swatch-image {
border: 1px solid $link-color;
line-height: 0;
padding: 3px;
}
}
}
.label{
padding:0;
font-size:$font-size-base;
color:$text-color;
font-weight:500;
}
.swatch-color{
display:inline-block;
@include size(15px,15px);
@include border-radius(50%);
}
.swatch-image {
@include size(25px,25px);
@include border-radius(50px);
border: 1px solid transparent;
line-height: 0;
padding: 0;
}
}
// stock and deal
.goal-countdown{
.times{
> div{
text-transform: capitalize;
font-size: 12px;
font-weight: 400;
@include rtl-padding-right(7px);
@include rtl-margin-right(2px);
&:last-child{
margin:0;
padding:0;
}
&:before{
font-size: 13px;
color: $text-color;
top: 5px;
}
span{
font-size: 12px;
display: inline;
color: $text-color;
}
}
}
}
.price{
display: block;
@include translateY(0px);
@include transition(all 0.3s ease-in-out 0s);
}
&:not(.grid-deal){
&:hover{
border-color:#fff !important;
}
}
&:hover{
// @include box-shadow(0 20px 32px 0 rgba(#354e54,0.15));
.groups-button{
> .groups-button-inner {
bottom: 15px;
@include opacity(1);
visibility: visible;
}
}
.groups-button > .groups-button-inner > div {
@include opacity(1);
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
.swatches-wrapper {
@include opacity(1);
visibility: visible;
}
}
// quickview
.view {
position: relative;
transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
@include transition(all 250ms ease-out);
transition-delay: 150ms;
.quickview{
font-size: 14px;
background-color: $white;
@include border-radius(50px);
@include size(40px,40px);
text-align: center;
line-height: 40px;
display: inline-block;
border: 1px solid rgba(0, 0, 0, .1);
&:active,
&:hover{
color: #fff;
background: $theme-color;
}
}
}
// compare
.yith-compare{
position: relative;
transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
@include transition(all 250ms ease-out);
transition-delay: 100ms;
margin: 0 0 5px;
display: flex;
.compare{
font-size: 0;
background-color: $white;
@include border-radius(50px);
@include size(40px,40px);
text-align: center;
line-height: 42px;
display: inline-block;
border: 1px solid rgba(0, 0, 0, .1);
&:before{
font-size: 14px;
content: "\e6ba";
font-family: 'themify';
position:absolute;
top:0;
left:0;
@include border-radius(0);
@include size(100%,100%);
z-index:2;
}
&.added{
color:$theme-color;
}
&:hover{
background:$theme-color;
color:#fff;
.compare {
&.added{
color: #fff;
}
}
}
}
}
// wishlist
.yith-wcwl-add-to-wishlist {
position: relative;
transform: translate(50px, 0);
-webkit-transform: translate(50px, 0);
@include transition(all 250ms ease-out);
transition-delay: 0ms;
margin: 0 0 5px;
&:hover{
&:not(.add_to_wishlist){
a {
background: $theme-color;
color: #fff;
}
}
}
&:not(.add_to_wishlist){
a {
background: $white;
color:$link-color;
}
}
a{
font-size: 14px;
background-color: $white;
@include border-radius(50px);
@include size(40px,40px);
text-align: center;
line-height: 42px;
display: inline-block;
border: 1px solid rgba(0, 0, 0, .1);
&.add_to_wishlist span {
display: none;
}
&:hover{
background: $theme-color;
color: #fff;
}
}
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse{
position: relative;
display: inline-block;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 2px;
> a{
color:$theme-color;
font-size: 0;
&:before{
font-family: 'themify';
content: "\e635";
font-size: 14px;
line-height: 42px;
}
}
}
}
&.grid-v2{
.swatches-wrapper{
bottom: 40%;
width: 30px;
li{
margin: 2px 15px;
@include size(25px,25px);
}
}
.add-cart{
// @include rtl-text-align-left();
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
display: flex;
@include transition(all 0.3s ease-in-out 0s);
@include opacity(0);
visibility: hidden;
}
a.added_to_cart,
a.button {
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 100%;
text-align: center;
padding: 15px 20px;
@include border-radius(0);
}
&:not(:hover) .add-cart {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
&:hover{
.add-cart{
@include opacity(1);
visibility:visible;
}
}
}
&.grid-v2, &.grid-v3{
@include rtl-text-align-left();
.ali-left {
display: grid;
}
.metas{
padding: 0;
}
.name {
margin: 5px 0;
}
}
&.grid-v3{
margin: 0 0 30px;
.grid-inner{
padding: 14px 14px 12px;
border: 1px solid $border-color;
@media(min-width: 1200px){
padding: 29px 29px 25px;
}
}
}
&.grid-v1{
a.button, a.added_to_cart{
position: relative;
display: inline-block;
font-size: $font-size-base - 1;
font-weight: 700;
text-transform: none;
white-space: nowrap;
z-index: 0;
&.loading{
&:before{
@include transition(all 0s ease-in-out 0s);
transform: translateX(0%) scaleX(1);
background-color: #fff !important;
@include opacity(0.9);
width: calc(100% + 2px);
height: calc(100% + 2px);
top:0;
z-index: 9;
left: 0;
}
&:hover,&:focus{
&:before{
transform: translateX(0%) scaleX(1);
@include transition(all 0s ease-in-out 0s);
}
}
}
}
.add-cart{
text-align: center !important;
padding: 0 !important;
margin: 27px 0 0;
}
p.price, span.price {
position: relative;
&::after{
content: '';
position: absolute;
display: block;
width: 50px;
height: 1px;
background-color: $theme-color-third;
left: 50%;
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -10px;
@include transition(all .3s ease);
}
}
&:hover{
p.price, span.price {
&::after{
width: 90px;
}
}
}
}
&.grid-v3 {
.metas {
position: relative;
}
a.button, a.added_to_cart{
background-color: transparent !important;
border:0 !important;
color: $link-color;
position: relative;
display: inline-block;
font-size: $font-size-base;
font-weight: 700;
text-transform: none;
padding:0 0 2px !important;
white-space: nowrap;
z-index: 0;
&:before{
content: '';
position: absolute;
top: 100%;
margin-top: 0;
height: 1px;
background-color:$theme-color-secondary;
width: 100%;
left: 50%;
@include transition(transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s);
transform: translateX(-50%) scaleX(1);
}
&.loading{
&:before{
@include transition(all 0s ease-in-out 0s);
transform: translateX(0%) scaleX(1);
background: #fff !important;
@include opacity(0.9);
width: calc(100% + 2px);
height: calc(100% + 2px);
top:-4px;
z-index: 9;
left: 0;
}
&:hover,&:focus{
&:before{
transform: translateX(0%) scaleX(1);
@include transition(all 0s ease-in-out 0s);
}
}
}
&:hover,&:focus{
&:before{
transform: translateX(-50%) scaleX(0);
@include transition(transform 0.5s cubic-bezier(0.28, 0, 0.18, 1));
}
// color: $theme-color;
}
}
.price{
@include transition(all 0.2s ease-in-out 0s);
@include translateY(0);
display: inline-block;
}
.add-cart{
@include rtl-text-align-left;
@include transition(all 0.2s ease-in-out 0s);
@include opacity(0);
visibility:hidden;
@include translateY(30px);
position: absolute;
@include rtl-padding-right(20px);
width: 100%;
left: 0;
bottom: 0;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
margin: 0;
> *{
@include rtl-margin-right(15px);
margin-top: 5px;
@media(min-width: 1200px){
@include rtl-margin-right(20px);
}
&:last-child{
@include rtl-margin-right(0);
}
}
}
&:hover{
.price{
@include translateY(-10px);
@include opacity(0);
}
.add-cart{
@include opacity(1);
visibility: visible;
@include translateY(0);
}
}
}
&.grid-deal{
.image img {
width: 100%;
}
}
}
// product list
// &.list{
// margin-bottom: 30px;
// .list-inner {
// background-color: #fff;
// position: relative;
// @include border-radius(6px);
// border: 1px solid $border-color;
// margin: 0;
// padding: 16px;
// }
// .metas {
// width: 100%;
// margin:0;
// padding:0;
// @media(min-width: 1500px){
// }
// }
// .sale-perc {
// padding: 2px 7px;
// font-size: 10px;
// top: 5px;
// @include rtl-left(5px);
// }
// // quickview
// .view {
// background-color: $white;
// @include border-radius(50px);
// @include size(30px,30px);
// position: relative;
// line-height: 30px;
// display: inline-block;
// vertical-align: middle;
// border: 1px solid $border-color;
// &:active,
// &:hover{
// .quickview {
// color: #fff;
// }
// background: $theme-color;
// }
// .quickview{
// display:block;
// position:relative;
// text-align:center;
// @include size(100%,100%);
// overflow: hidden;
// font-size:12px;
// color:$link-color;
// overflow:hidden;
// @include border-radius(0);
// }
// }
// // compare
// .yith-compare{
// background-color: $white;
// @include border-radius(50px);
// @include size(30px,30px);
// position: relative;
// line-height: 28px;
// display: inline-block;
// border: 1px solid $border-color;
// &:hover{
// background:$theme-color;
// .compare {
// color:#fff;
// &.added{
// color: #fff;
// }
// }
// }
// .compare{
// display:block;
// position:relative;
// text-align:center;
// @include size(100%,100%);
// overflow: hidden;
// font-size:0;
// color:$link-color;
// overflow:hidden;
// @include border-radius(50px);
// &:before{
// content: "\e6ba";
// font-family: 'themify';
// position:absolute;
// top:0;
// left:0;
// @include border-radius(0);
// @include size(100%,100%);
// z-index:2;
// font-size: 12px;
// }
// &.added{
// color:$theme-color;
// }
// }
// }
// // wishlist
// .yith-wcwl-add-to-wishlist {
// background-color: $white;
// @include border-radius(50px);
// @include size(30px,30px);
// position: relative;
// line-height: 28px;
// display: inline-block;
// border: 1px solid $border-color;
// &:hover{
// a {
// color: #fff;
// }
// background: $theme-color;
// &:not(.add_to_wishlist){
// background: $theme-color;
// a {
// color: #fff;
// }
// }
// }
// &:not(.add_to_wishlist){
// background: $white;
// a {
// color:$link-color;
// }
// }
// a{
// font-size: 12px;
// @include size(100%,100%);
// text-align: center;
// display: inline-block;
// color: $link-color;
// @include border-radius(0);
// &.add_to_wishlist span {
// display: none;
// }
// }
// .yith-wcwl-wishlistexistsbrowse,
// .yith-wcwl-wishlistaddedbrowse{
// position: relative;
// font-size: 12px;
// font-weight: 500;
// text-transform: uppercase;
// padding-bottom: 2px;
// > a{
// color:$theme-color;
// font-size: 0;
// &:before{
// font-family: 'themify';
// content: "\e635";
// font-size: 12px;
// line-height: 28px;
// }
// }
// }
// }
// .added_to_cart{
// font-size: 0;
// &:before{
// content:"\f102";
// font-family: "Flaticon";
// font-size: 12px;
// color: $theme-color;
// }
// }
// .add-cart{
// text-align: center;
// }
// .button,.added_to_cart{
// background-color: $white;
// @include border-radius(50px);
// @include size(30px,30px);
// position: relative;
// line-height: 28px;
// display: inline-block;
// border: 1px solid $border-color;
// padding: 0;
// .text{
// display: none;
// }
// i{
// display: block !important;
// line-height: 28px;
// }
// &:hover{
// i{
// color: #fff;
// }
// a {
// &::before{
// color: #fff;
// }
// }
// background: $theme-color;
// color: #fff;
// }
// &.loading{
// &:before{
// }
// &:after{
// }
// }
// }
// .quickview{
// &.loading{
// border-color: $theme-color;
// &:before{
// color: #fff;
// }
// &:after{
// background-color: $theme-color;
// @include opacity(0.9);
// }
// }
// }
// del{
// display: none !important;
// }
// .name{
// margin: 0;
// }
// .product-cat{
// font-size: 12px;
// margin-bottom: 0;
// text-transform: uppercase;
// a{
// color: $theme-color-third;
// }
// }
// .meta-buttons{
// > div {
// @include rtl-margin-right(5px);
// }
// }
// }
// deal
&.grid-deal{
border:0;
margin-bottom: 0;
&:hover{
@include box-shadow(none);
.name{
@include opacity(1);
@include translateY(0px);
}
.price{
@include translateY(0px);
}
}
&:before{
display: none;
}
.groups-button {
@media(min-width: 1200px){
}
> div{
@include opacity(1);
@include transform(translate(0,0) scale(1,1));
}
}
.time-wrapper{
margin-top: 10px;
@media(min-width: 1200px){
margin-top: 20px;
}
}
}
}
.goal-shop-products-wrapper{
.type-product {
&.col-md-4 {
.product-block.list .list-inner{
padding: 10px 15px;
}
}
&.col-md-12 {
.product-block.list .name {
font-size: 26px;
}
}
}
}
// products list
.products-list{
.product-block-list{
margin:0 0 20px;
@media(min-width:768px){
margin:0 0 30px;
}
}
}
.product-block-list{
padding:15px;
border:1px solid $border-color;
overflow: hidden;
@include transition(all 0.3s ease-in-out 0s);
@media(min-width: 1200px){
padding:30px;
background:#fff;
}
.onsale{
top:0 !important;
left:0 !important;
}
&:hover{
border-color:$theme-color;
}
.quickview{
font-size: 13px;
display: block;
text-align: center;
background-color: $link-color;
color: #fff;
padding:9px;
text-transform: uppercase;
@include transition(all 0.3s ease-in-out 0s);
&:hover,&:focus{
color: #fff;
background-color:$theme-color;
}
&.loading{
position:relative;
&:before{
font-family: 'WooCommerce';
content: '\e01c';
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
position: absolute;
top: 11px;
right: 46%;
animation: spin 2s linear infinite;
-webkit-animation: spin 2s linear infinite;
color: $text-color;
z-index: 9;
}
&:after{
background:rgba(255, 255, 255, 0.9);
position:absolute;
top: 0;
left: 0;
@include size(100%,100%);
z-index: 8;
content: '';
}
}
}
.product-cat{
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 11px;
}
.name{
font-size: 24px;
margin:0 0 10px;
font-weight:600;
@media(min-width: 1200px){
font-size: 26px;
}
}
// wishlist
.yith-wcwl-add-to-wishlist a.add_to_wishlist span {
display: none;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse > a,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse > a {
color: $theme-color;
font-size: 0;
&::before{
font-family: "themify";
content: "\e635";
font-size: 16px;
line-height: 42px;
}
}
.yith-wcwl-add-to-wishlist{
.sub-title{
display: none;
}
}
.cate-wrapper{
margin: 0 0 8px;
.product-cats{
margin:0;
}
}
.compare{
white-space: nowrap;
font-size: 13px;
font-weight: 600;
display: inline-block;
width:100%;
padding:7px 14px;
background-color: $theme-color;
color: #ffffff;
text-transform: none;
text-align: center;
@include transition(all 0.3s ease-in-out 0s);
@include border-radius(30px);
border:1px solid $theme-color;
text-transform: none;
line-height: 1.71;
&.added,
&:hover,&:focus{
border-color:$theme-color-secondary;
background:$theme-color-secondary;
}
}
// action
.add-cart {
margin-bottom: 10px;
margin-top: 10px;
@media(min-width: 1200px){
margin-top: 20px;
}
.added{
display: none !important;
}
.wc-forward {
width: 100%;
}
.added_to_cart,
a.button{
font-size: 13px;
display: inline-block;
width:100%;
padding:7px 14px;
background-color:$theme-color-secondary;
color: #fff;
text-align: center;
@include transition(all 0.3s ease-in-out 0s);
@include border-radius(30px);
border:1px solid $theme-color-secondary;
line-height: 1.71;
text-transform: none;
&:hover,&:focus{
border-color: $theme-color-second;
background-color: $theme-color-second;
}
&.loading{
&:after{
margin-top: -7px;
}
}
}
}
.top-list-info{
position:relative;
}
.yith-wcwl-add-to-wishlist{
display:inline-block;
a{
display:inline-block;
padding:0;
font-size:16px;
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:focus{
color:$theme-color;
}
&:not(.add_to_wishlist){
color:$theme-color;
}
}
}
.rating{
margin-bottom:0;
> *{
display: inline-block;
float: none;
vertical-align: text-top;
line-height: 1;
}
.counts{
@include rtl-margin-left(2px);
}
}
// price
.price{
display: block;
margin-top: 10px;
@media(min-width: 1200px){
margin-top: 20px;
}
font-weight:700;
font-size: 14px !important;
color:$theme-color !important;
margin:0;
del{
color: $theme-color-third;
font-weight: 500;
font-size:13px !important;
}
}
.avaibility-wrapper{
margin-bottom: 20px;
font-size: 14px;
}
.bottom-list{
margin-top:35px;
> div{
@include rtl-float-left();
}
}
.flex-middle{
overflow: hidden;
}
.left-infor{
@include rtl-padding-left(20px);
position:relative;
text-align: center;
@media(min-width: 1200px){
@include rtl-padding-left(30px);
}
&:before{
content:'';
position:absolute;
top:-200px;
@include rtl-left(0);
@include size(1px,1000px);
background:$border-color;
}
}
.bottom-list{
> *{
display:inline-block;
vertical-align:top;
}
}
.wrapper-image{
position:relative;
.yith-wcwl-add-to-wishlist{
position: absolute;
top:15px;
@include rtl-right(15px);
z-index: 99;
}
.quickview{
position:absolute;
bottom:0;
left:0;
width:100%;
@include translateY(10px);
@include opacity(0);
z-index: 8;
}
.swatches-wrapper{
z-index:8;
list-style:none;
padding:0;
margin:0;
line-height:1.2;
text-align:center;
position:absolute;
left:0;
width:100%;
bottom:auto;
top: 15px;
li{
display:inline-block;
vertical-align:middle;
@include rtl-margin-right(5px);
&:last-child{
@include rtl-margin-right(0);
}
> a.active {
.swatch-image {
border: 1px solid $link-color;
line-height: 0;
padding: 3px;
}
}
}
.label{
padding:5px 8px;
font-size:$font-size-base;
color:$text-color;
font-weight:500;
display:inline-block;
background:#fff;
@include border-radius(0);
}
.swatch-color{
display:inline-block;
@include size(12px,12px);
@include border-radius(50%);
}
.swatch-image {
@include size(20px,20px);
@include border-radius(50px);
border: 1px solid transparent;
line-height: 0;
padding: 0;
}
}
&:hover{
.quickview{
@include opacity(1);
@include translateY(0);
}
}
}
}
// list small
.shop-list-small{
background-color: #fff;
padding:15px;
border:1px solid $border-color;
@media(min-width: 1200px){
padding:20px;
}
.image-left{
width: 130px;
}
.info-right{
width: calc(100% - 130px);
@include rtl-padding-left(20px);
@media(min-width: 1200px){
@include rtl-padding-left(30px);
}
}
.name{
font-size: $font-size-base;
margin:5px 0 ;
white-space: break-spaces;
}
}
.shop-list-normal{
margin-bottom:10px;
border:1px solid $border-color;
@include border-radius(0);
background-color: #fff;
@media(min-width: 1200px){
margin-bottom:20px;
}
&.shop-deal-list{
@include rtl-text-align-left();
@include border-radius(0);
border: 0;
.content-left{
width: 100%;
padding: 0;
@media(min-width: 767px){
width: 45%;
}
}
.content-body{
width: 100%;
@include rtl-padding-left(15px);
padding-top: 0;
text-align: center;
@media(min-width: 1200px){
@include rtl-padding-left(30px);
}
@media(min-width: 767px){
@include rtl-text-align-left();
width: 55%;
}
}
.name{
font-size: 14px;
@media(min-width: 1200px){
font-size: 16px;
}
}
.goal-countdown{
margin: 10px 0 15px;
.times{
font-size: 11px;
text-transform: uppercase;
> div{
line-height: 1;
text-align: center;
padding:4px;
display: inline-block;
@include rtl-margin-right(3px);
@media(min-width: 1200px){
padding:10px 12px 12px;
@include rtl-margin-right(10px);
}
border:1px solid $border-color;
@include border-radius(6px);
> span{
color: $theme-color-secondary;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 4px;
@media(min-width: 1200px){
font-size: 18px;
}
}
}
}
}
.add-cart {
margin: 0;
z-index: 99;
@include transition(all 0.3s ease-in-out);
text-transform: none;
a.button, a.added_to_cart {
background-color: $theme-color-secondary ;
background-image:linear-gradient(to right, $theme-color, $theme-color-secondary, $theme-color-second);
background-size: 300% 100%;
color: $white;
@include border-radius(25px);
font-size: 11px;
line-height: 1;
padding: 10px 20px;
@include transition(all .4s ease-in-out);
@media(min-width:767px){
font-size: 13px;
}
&:hover{
background-color: $theme-color;
background-position: 50% 0;
background-image:linear-gradient(to right, $theme-color-secondary, $theme-color, $theme-color-second);
}
}
}
}
.content-left{
@include transition(all 0.2s ease-in-out 0s);
width:77px;
@include rtl-float-left();
padding:7px;
@media(min-width: 1200px){
width: 120px;
}
}
.content-body{
width:calc(100% - 77px);
overflow: hidden;
@include rtl-padding-left(10px);
padding-top: 5px;
@media(min-width: 1200px){
@include rtl-padding-left(10px);
width:calc(100% - 120px);
}
}
.name{
margin:0 0 2px;
font-size: 14px;
}
&:hover{
border-color:$theme-color;
}
}
// shop-list-smallest
.shop-list-smallest{
.name{
a{
color: $link-color;
&:hover,&:active{
color:$theme-color;
text-decoration: none;
}
}
}
.content-left{
width: 90px;
@include rtl-padding-right(20px);
}
}
.woocommerce.carousel.inner-list-smallest{
border-top:1px solid $border-color;
.shop-list-smallest{
margin-bottom:0;
border-top:none;
}
}
// single product
.woocommerce .woocommerce-product-rating{
.star-rating{
margin: 0;
display: inline-block;
float: none;
vertical-align: middle;
}
.woocommerce-review-link{
display: inline-block;
font-size:14px;
line-height:1;
}
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.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%;
}
.single_variation_wrap{
div.qty{
font-size: 15px;
text-transform: uppercase;
color: $text-color;
margin-top: 10px;
@include rtl-margin-right(10px);
}
}
.wrapper-shop{
@media(min-width:1024px){
padding-top:50px;
padding-bottom:50px;
}
.goal-pagination{
border-top:1px solid $border-color;
padding-top: 40px;
margin-top: 0;
}
aside.sidebar{
background: transparent;
}
}
.thumbnails-image{
ul{
list-style: none;
margin:0;
padding:0;
}
.prev,
.next{
display: block;
width: 100%;
text-align:center;
font-size: 18px;
color: #000;
}
.thumb-link{
display: block;
@include opacity(0.4);
margin: 10px 0;
&:hover,
&.active{
@include opacity(1);
}
}
}
.user_photo_thumbs{
list-style: none;
padding: 0;
text-align: center;
margin: 10px 0 0;
li{
display: inline-block;
margin:0 4px;
width: 70px;
@include opacity(0.4);
@include transition(all 0.3s ease-in-out 0s);
&:hover,&.active,&:active{
@include opacity(1);
}
}
}
.user_photo{
margin-top: 50px;
}
.delivery_info{
text-align:center;
background:#f5f5f5;
font-size: 14px;
padding:8px;
@include transition(all 0.3s ease-in-out 0s);
&:hover{
background:darken(#f5f5f5, 10%);
}
i{
font-size: 16px;
@include rtl-margin-right(10px);
}
}
.details-product{
margin-bottom:$theme-margin !important;
@media(min-width:1200px){
.left-detail{
@include rtl-padding-right(0);
}
}
&.layout-v1{
.goal-woocommerce-product-gallery{
text-align: center;
img{
width: auto;
display: inline-block;
}
}
.goal-woocommerce-product-gallery-wrapper{
width: calc(100% - 100px);
@include rtl-float-right();
&.full-width{
width: 100%;
float: none;
}
}
.wrapper-thumbs {
@include rtl-float-left();
width: 100px;
@include rtl-padding-right(10px);
@media(max-width:767px){
padding-top: 20px;
}
}
}
&.layout-v2{
.top-content{
background-color: #fff;
}
table.variations .tawcvs-swatches .swatch-label{
border-color: $link-color;
&.selected{
@include box-shadow(0 0 0 1px $link-color inset);
}
}
.quantity{
border-color: $link-color !important;
}
.goal-woocommerce-product-gallery{
.slick-dots{
position: absolute;
top: 50%;
left: 0;
padding:0;
z-index: 2;
@include transform( rotate(90deg) translate( calc(-50% - 16px ), -50%) );
transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
}
}
.goal-woocommerce-product-gallery{
padding-left: 50px;
}
}
&.layout-v3{
.top-content{
padding:0;
margin-bottom: 15px;
@media(min-width: 1200px){
margin-bottom: 60px;
}
}
.woocommerce-product-gallery__image{
margin-bottom: 10px;
&:last-child{
margin-bottom: 0;
}
}
.right-info{
margin-top: 0;
@media(min-width: 992px){
}
@media(min-width: 1400px){
}
}
}
&.layout-v4{
@media(min-width: 1200px){
.information{
@include rtl-padding-left(10px);
}
.information-left{
@include rtl-padding-right(10px);
}
}
.top-content{
white-space: nowrap;
margin-bottom: 15px;
@media(min-width: 1200px){
margin-bottom: 60px;
}
> div{
display: inline-block;
vertical-align: top;
white-space: normal;
}
}
.goal-woocommerce-product-gallery-wrapper .woocommerce-product-gallery__trigger{
top: 15px;
bottom: auto;
@media(min-width: 1200px){
top: 30px;
}
}
.goal-breadscrumb {
.breadcrumb{
margin: 0;
}
.wrapper-breads {
padding: 0;
@include rtl-text-align-left();
a{
color: $link-color;
}
}
}
.product-navs,
.woo-breadcrumb {
margin-bottom: 20px;
background-color: transparent;
@media(min-width: 1200px){
margin-bottom: 30px;
}
}
.post-navigation .nav-links{
@include flexbox();
> *{
width: auto;
float: none;
}
> .nav-next{
@include rtl-padding-left(30px);
}
}
.woocommerce-product-gallery__image{
margin-bottom: 10px;
&:last-child{
margin-bottom: 0;
}
}
.product-v-wrapper .sticky-this {
@media(max-width: 767px){
z-index: 1;
position: relative !important;
}
}
}
&.layout-v5{
.top-content{
margin-bottom: 0;
@media(min-width: 1200px){
margin-bottom: 60px;
}
}
.woocommerce-product-gallery__image{
margin-bottom: 10px;
&:last-child{
margin-bottom: 0;
}
}
}
&.layout-v6{
.woocommerce-product-gallery__image{
margin-bottom: 10px;
&:last-child{
margin-bottom: 0;
}
}
.second-wrapper{
flex-wrap: wrap;
@include flexbox();
.woocommerce-product-gallery__image{
width: calc(50% - 5px);
&:nth-child( 2n+1 ){
@include rtl-margin-right(10px);
}
}
}
.delivery-shipping-info{
margin-top: 10px;
}
.goal-woocommerce-product-gallery-wrapper .woocommerce-product-gallery__trigger{
bottom: 20px;
@include rtl-right(10px);
@media(min-width: 1200px){
bottom: 30px;
@include rtl-right(20px);
}
}
}
&.layout-v7{
.wrapper-thumbs {
margin-top: 10px;
}
.top-row{
@media(min-width: 992px){
> div{
width: 50%;
}
}
}
@media(min-width: 1200px){
.information{
@include rtl-padding-left(60px);
}
}
}
&.layout-v8{
.goal-woocommerce-product-gallery-wrapper{
width: calc(100% - 100px);
@include rtl-float-right();
}
.wrapper-thumbs {
@include rtl-float-left();
width: 100px;
@include rtl-padding-right(10px);
}
}
&.layout-v9{
.goal-woocommerce-product-gallery-wrapper{
width: calc(100% - 100px);
@include rtl-float-right();
}
.wrapper-thumbs {
@include rtl-float-left();
width: 100px;
@include rtl-padding-right(10px);
}
}
&.layout-v10{
.goal-woocommerce-product-gallery-wrapper {
width: calc(100% - 100px);
@include rtl-float-right();
}
.wrapper-thumbs {
@include rtl-float-left();
width: 100px;
@include rtl-padding-right(10px);
}
}
.breadcrumb-navigation-wrapper{
margin-bottom: 10px;
@include flexbox();
@media(min-width: 1200px){
margin-bottom: 20px;
}
@media(min-width: 768px){
}
.woo-breadcrumb{
@media(min-width: 768px){
@include rtl-padding-right(10px);
}
background:transparent !important;
margin: 0;
.wrapper-breads {
padding: 0;
margin: 0;
.breadcrumb {
margin: 0;
a {
color: $link-color;
}
}
}
}
.product-navs{
text-transform: capitalize;
@include rtl-margin-left(auto);
@media(max-width: 767px){
margin-top: 0;
}
}
.post-navigation .nav-links{
@include flexbox();
> *{
width: auto;
float: none;
}
> * + .nav-next{
@include rtl-padding-left(10px);
}
}
}
.delivery-shipping-info{
margin: 15px 0;
@media(min-width:1200px){
margin-top: 15px;
}
@media(max-width:767px){
border-bottom: 1px solid $border-color;
}
.item-btn{
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
position: relative;
display: inline-block;
color: $link-color;
&:before{
content:'';
@include size(0,2px);
background-color: $link-color;
position: absolute;
bottom: -4px;
@include rtl-left(0);
@include transition(all 0.3s ease-in-out 0s);
}
&:focus,
&:hover{
color: $link-color;
&:before{
width: 100%;
}
}
}
.item{
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
@include rtl-margin-right(10px);
@media(min-width:1200px){
@include rtl-margin-right(20px);
}
&:last-child{
@include rtl-margin-right(0);
}
}
}
.shipping_info{
margin-top: 15px;
@media(min-width:1200px){
margin-top: 40px;
}
font-size: 14px;
color: #b7b7b7;
@include transition(all 0.3s ease-in-out 0s);
&:hover{
color: $text-color;
}
ul{
list-style: none;
padding:0;
margin:0;
i{
@include rtl-margin-right(6px);
}
li{
margin-bottom:0px;
@media(min-width: 1200px){
margin-bottom:5px;
}
&:last-child{
margin-bottom: 0;
}
}
}
}
.price-rating-wrapper{
margin-top: 10px;
@media(min-width: 1200px){
margin-top: 20px;
}
clear: both;
overflow: hidden;
.price{
@include rtl-margin-right(15px !important);
line-height: 1.4;
del{
}
}
> *{
display: inline-block;
vertical-align: bottom;
width: 100%;
}
}
.pro-info{
font-size: 16px;
@media(min-width: 1200px){
font-size: 20px;
}
color: $theme-color-secondary;
margin: 0 0 20px;
}
.popup-video{
background:#fff;
height: 40px;
line-height: 40px;
min-width: 40px;
overflow: hidden;
display: inline-block;
@include box-shadow(0 0 10px 0 rgba(0, 0, 0, 0.2));
@include border-radius(50px);
@include transition(all 0.3s ease-in-out 0s);
@include flexbox;
align-items: center;
-webkit-align-items: center; /* Safari 7.0+ */
flex-direction:row;
-webkit-flex-direction:row;
i{
height: 40px;
line-height: 40px;
width: 40px;
font-size: 13px;
text-align: center;
text-indent: 3px;
}
span{
@include transition(all 0.3s ease-in-out 0s);
white-space:nowrap;
max-width: 0;
padding: 0;
overflow: hidden;
}
&:hover{
span{
max-width: 280px;
@include rtl-padding-right(12px);
}
}
}
.product-cat{
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
a{
color: $theme-color;
}
}
// tab
div.video{
z-index: 8;
position:absolute;
@include rtl-left(10px);
bottom:10px;
@media(min-width: 768px){
@include rtl-left(20px);
bottom:20px;
}
}
.goal-countdown{
margin-top: 5px;
.times{
@include flexbox();
> div{
@include flexbox();
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
color: $headings-color;
@include rtl-margin-right(6px);
@media(min-width: 1200px){
@include rtl-margin-right(12px);
}
&:last-child{
@include rtl-margin-right(0);
}
span{
font-size: 16px;
color: $theme-color;
line-height: 48px;
border:1px solid $theme-color;
min-width: 50px;
padding:0 10px;
@include border-radius(50px);
margin-bottom: 5px;
}
}
}
}
.special-product{
padding:8px 0;
}
.goal-countdown {
margin-top: 5px;
.times{
> span{
color: $theme-color-second;
margin-bottom:5px;
}
margin-bottom: 5px;
> div{
text-align: center;
vertical-align: middle;
min-width: 40px;
font-size: 12px;
display: inline-block;
font-weight: 700;
text-transform: uppercase;
margin:0 5px;
padding:0;
&:first-child{
@include rtl-margin-left(0);
}
&:before{
display: none;
}
span{
font-size: 16px;
font-weight: 700;
color: $link-color;
line-height: 48px;
border:1px solid $theme-color;
min-width: 50px;
padding:0 10px;
@include border-radius(50px);
margin-bottom: 5px;
}
}
}
}
.top-content{
margin-bottom: $theme-margin - 30;
@media(min-width: 1200px){
margin-bottom: 35px;
}
}
.goal-woocommerce-product-gallery-thumbs{
.slick-slide{
&:hover,
&:active,
&.slick-current{
.thumbs-inner{
border-color:$theme-color;
}
}
.thumbs-inner{
@include transition(all 0.2s ease-in-out 0s);
max-width:100%;
display: block;
cursor: pointer;
position: relative;
border:1px solid $border-color;
padding:5px;
&:hover{
border-color:$theme-color;
}
}
}
// fix for position
&.vertical{
margin:0;
.slick-slide{
padding:0;
margin-bottom: 10px;
border:none;
}
.slick-arrow{
text-align: center;
background-color:transparent !important;
border:none !important;
top: inherit;
bottom: 0;
@include translate(0,100%);
font-size: 11px;
i{
@include size(30px,30px);
background-color:#222;
@include border-radius(50%);
@include box-shadow(0 0 1px 1px rgba(0, 0, 0, 0.2));
line-height: 30px;
display: inline-block;
@include transition(all 0.2s ease-in-outs 0s);
@media(max-width: 767px){
@include size(20px,20px);
line-height: 20px;
font-size: 10px;
}
}
&:hover,&:focus{
i{
color: #fff;
background-color:$theme-color;
@include box-shadow(none);
}
}
}
.slick-prev{
left:0;
}
.slick-next{
right:0;
}
}
}
.image-mains{
max-width:100%;
position:relative;
.goal-woocommerce-product-gallery-wrapper.full-width{
width:100% !important;
float: none !important;
}
&.thumbnails-bottom{
.goal-woocommerce-product-gallery-wrapper{
margin-bottom:$theme-margin;
}
}
&.thumbnails-left{
.goal-woocommerce-product-gallery-wrapper{
width:calc(100% - 100px);
@media(min-width: 1200px){
width:calc(100% - 160px);
}
float:right;
}
.wrapper-thumbs{
float:left;
width:100px;
padding-right:20px;
@media(min-width: 1200px){
padding-right:30px;
width:160px;
}
}
@media(max-width:767px){
.goal-woocommerce-product-gallery-wrapper{
width:calc(100% - 70px);
}
.wrapper-thumbs{
width:70px;
padding-right:10px;
}
}
}
&.thumbnails-right{
.goal-woocommerce-product-gallery-wrapper{
width:calc(100% - 160px);
float:left;
}
.wrapper-thumbs{
float:right;
width:160px;
padding-left:20px;
@media(min-width: 1200px){
padding-left:30px;
}
}
@media(max-width:767px){
.goal-woocommerce-product-gallery-wrapper{
width:calc(100% - 70px);
}
.wrapper-thumbs{
width:70px;
padding-left:10px;
}
}
}
}
.description{
.title{
font-size:21px;
}
}
.goal-woocommerce-product-gallery-wrapper{
position: relative;
// border:1px solid $border-color;
padding:0;
@media(min-width: 1200px){
}
.downsale{
font-size: 12px;
font-weight: 500;
display: inline-block;
position: absolute;
left:0;
top:0;
z-index: 9;
padding:2px 10px;
@include border-radius(0);
background:#d42e2e;
color: #fff;
}
.goal-woocommerce-product-gallery {
margin:0;
.slick-slide{
padding:0;
}
img {
width: 100%;
display: inline-block;
@media(min-width: 1200px){
width: 100%;
}
}
}
.woocommerce-product-gallery__trigger{
position: absolute;
z-index: 8;
bottom: 15px;
@include opacity(1);
@include rtl-right(15px);
@media(min-width: 768px){
bottom: 30px;
@include rtl-right(30px);
}
display: inline-block;
@include size(40px,40px);
background: #fff;
line-height: 36px;
text-align: center;
border:2px solid $border-color;
@include border-radius(50%);
font-size: 14px;
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:active{
border-color:$theme-color;
color:#fff;
background: $theme-color;
}
}
&:hover{
.woocommerce-product-gallery__trigger{
@include opacity(1);
}
}
}
.woocommerce-product-details__short-description{
&.hideContent{
overflow: hidden;
height: 55px;
@include transition(all 0.2s ease-in-out 0s);
}
}
.woocommerce-variation-add-to-cart{
width: 100%;
overflow: hidden;
display: flex;
}
.list{
li{
margin-bottom: 10px;
}
i{
color: $theme-color;
@include rtl-margin-right(8px);
}
}
.woocommerce-variation-price{
margin-bottom: 0;
}
.product_meta{
font-size: 14px;
line-height: 1.5;
overflow:hidden;
clear:both;
padding-top:20px;
margin-top:15px;
border-top:1px solid $border-color;
.sub_title {
text-transform: uppercase;
font-weight: 500;
color:$link-color;
}
a{
color:$text-color;
@include transition(all 0.3s ease-in-out 0s);
&:hover,&:active{
text-decoration:underline;
}
}
> *{
color:$text-color;
display:inline-block;
margin-bottom: 5px;
@include rtl-padding-right(10px);
@include rtl-margin-right(10px);
// @include rtl-border-right(1px solid $border-color);
width: 100%;
&:last-child{
border:none;
padding:0;
margin:0;
}
}
@media(min-width:1200px){
padding-top:20px;
margin-top:20px;
}
.sku{
color:$text-color;
}
}
.information{
position: relative;
overflow: hidden;
.summary {
float: none !important;
width: 100%;
margin: 0 !important;
}
.single_variation_wrap{
padding-top:0;
}
.price{
font-weight:400;
font-size: 24px !important;
color:$theme-color;
margin:0;
del{
color: $theme-color-third;
font-size:14px !important;
}
}
.woocommerce-product-rating{
margin-bottom:0 !important;
.text-customer{
display: none;
}
}
.woocommerce-product-details__short-description{
margin: 10px 0;
line-height: 1.5;
@media(min-width:992px){
}
p:last-child{
margin-bottom: 0;
}
}
.view-more-desc {
font-size: 14px;
color: #b7b7b7;
@include transition(all 0.2s ease-in-out 0s);
&:hover{
color: $link-color;
}
&.view-less{
color: $brand-danger;
}
}
.woocommerce-product-details__short-description-wrapper.v2{
margin-bottom: 15px;
@media(min-width: 1200px){
margin-bottom: 30px;
}
.woocommerce-product-details__short-description{
margin-bottom: 3px;
}
}
.top-info-detail{
margin-bottom:15px;
}
.cart{
width:100%;
&.grouped_form,
&.variations_form{
+ .yith-wcwl-add-to-wishlist{
margin:0;
}
}
margin:10px 0 !important;
@media(min-width: 1200px){
margin: 20px 0 !important;
}
.group_table{
tr{
td:first-child{
div.quantity{
margin:0 !important;
}
}
}
}
div.quantity-wrapper{
overflow: hidden;
margin:0;
@media(min-width: 1200px){
}
> *{
display: inline-block;
vertical-align: middle;
float: none !important;
}
> label{
font-size: 14px;
@include rtl-float-left();
margin:0;
@include rtl-margin-right(10px);
@media(min-width: 1200px){
@include rtl-margin-right(18px);
}
}
.single_add_to_cart_button {
@include border-radius(3px);
}
}
&.grouped_form{
.quantity-wrapper{
margin:0 !important;
label{
display: none;
}
}
}
}
// creat button
.compare{
white-space: nowrap;
font-size: 14px;
font-weight: 500;
display: inline-block;
padding:0;
background-color:transparent;
color: $link-color;
@include transition(all 0.3s ease-in-out 0s);
@include rtl-margin-left(15px);
border:1px solid transparent;
line-height: 1.7;
letter-spacing: 0.05em;
text-transform: uppercase;
position: relative;
&:before {
content: "\e6ba";
font-family: "themify";
font-size: 14px;
@include rtl-margin-right(5px);
display: inline-block;
}
&:hover,&:focus{
background-color:transparent;
border-color: transparent;
color: $theme-color;
}
&.added{
border-color: transparent;
background-color:transparent;
}
}
.clear{
display: none;
}
.product_title{
clear: both;
}
}
.title-cat-wishlist-wrapper{
position:relative;
@include rtl-padding-right(30px);
margin-bottom:15px;
@media(min-width: 1200px){
margin-bottom: 15px;
}
// wishlist
.yith-wcwl-add-to-wishlist{
position:absolute;
top:5px;
@include rtl-right(0);
margin:0;
line-height: 1;
.feedback{
display:none;
}
a{
white-space: nowrap;
display:inline-block;
font-size:24px;
color:$link-color;
@include transition(all 0.2s ease-in-out 0s);
&:focus,
&:hover{
color:$theme-color;
}
&:not(.add_to_wishlist){
color:$theme-color;
}
.sub-title{
display:none;
}
}
}
}
// social
.goal-social-share{
margin-top: 15px;
span{
color: $link-color;
font-size:16px;
display:inline-block;
@include rtl-margin-right(20px);
}
a{
@include rtl-margin-right(10px);
@media(min-width: 1200px){
@include rtl-margin-right(20px);
}
display: inline-block;
color: $text-color;
font-size: 15px;
&:hover,&:active{
color: $theme-color;
}
}
}
// discount
.goal-discounts{
margin:20px 0 15px;
padding:15px 20px;
background: #eceff6;
font-size: 13px;
ul{
margin:0;
list-style: none;
padding:0;
li{
margin: 0 0 3px;
&:before{
font-family: "Font Awesome 5 Free";
color:$theme-color;
content: "\f00c";
@include rtl-margin-right(8px);
}
}
}
.icon{
display: inline-block;
vertical-align: middle;
@include size(35px,35px);
text-align: center;
line-height: 35px;
color: #fff;
background: darken(#eceff6,20%);
font-size: 14px;
@include border-radius(50%);
@include rtl-margin-right(10px);
}
.title{
font-size: 18px;
margin:0 0 10px;
}
}
.product-free-gift{
margin:0 0 20px;
padding:15px 20px;
background: $state-danger-bg;
.icon{
display: inline-block;
vertical-align: middle;
@include size(35px,35px);
text-align: center;
line-height: 35px;
color: #fff;
background: #e23e1d;
font-size: 14px;
@include border-radius(50%);
@include rtl-margin-right(10px);
}
.title{
font-size: 18px;
margin:0 0 10px;
}
.list-gift{
font-size: 13px;
list-style: none;
padding:0;
margin:0;
li{
margin-bottom: 3px;
}
i{
color: #e23e1d;
}
}
.hightcolor{
font-weight: 500;
color: #e23e1d;
}
}
.yith-wcwl-add-to-wishlist {
display: inline-block;
.yith-wcwl-add-button a {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
position: relative;
}
}
div.summary{
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse{
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
&:before{
font-family: 'themify';
content: "\e635";
font-size: 14px;
@include rtl-margin-right(3px);
}
.feedback{
display: none;
}
}
}
}
.add-to-cart-bottom-wrapper{
position: fixed;
z-index: 4;
background-color: #fff;
bottom: 0;
left: 0;
width: 100%;
padding:10px 0;
@include box-shadow(0 -8px 25px 0 rgba(#8C98A4,0.15));
@include transition(all 0.3s ease-in-out 0s);
@include translateY(100%);
@include opacity(0);
&.sticky{
@include translateY(0);
@include opacity(1);
}
del{
.woocommerce-Price-amount {
color: $theme-color-third;
}
}
ins{
margin: 0 10px;
}
.woocommerce-Price-amount{
color: $theme-color;
font-weight: 700;
line-height: 22px;
}
.product-image{
width: 100px;
@include rtl-padding-right(20px);
+ h3{
width: calc(100% - 100px);
}
}
.name{
color: $theme-color-secondary;
font-size: 18px;
font-weight: 400;
margin:0;
}
.woocs_price_code{
color: $link-color;
font-size: 18px;
font-weight: 500;
@include rtl-margin-right(20px);
del{
display: none;
}
}
.stock {
margin:0;
}
.cart{
@include flexbox();
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
.added_to_cart,
button.single_add_to_cart_button{
border:2px solid $brand-primary;
background-color: $brand-primary;
color: #fff;
padding:10px 20px;
@include border-radius(50px);
font-size: $font-size-base;
font-weight: 500;
text-transform: none;
@include transition(all 0.3s ease-in-out 0s);
&:hover,&:focus{
color: #fff;
border-color: $theme-color;
background-color: $theme-color;
}
}
.added{
display: none !important;
}
.buttons_added{
margin: 0 20px;
}
.quantity {
.qty,
.plus,
.minus{
}
}
}
.size-guide-wrapper{
display: none !important;
}
.single_variation_wrap{
@include flexbox();
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
.woocommerce-variation-add-to-cart{
@include flexbox();
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
}
}
table.variations{
border:0;
width: auto;
margin: 0;
@include rtl-margin-right(10px);
.label{display: none;}
> tbody{
@include flexbox();
> tr{
@include flexbox();
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
-moz-align-items: center;
> td{
border:0;
padding:0;
@include rtl-padding-right(5px);
}
}
}
.tawcvs-swatches{
padding:0;
}
.reset_variations{
display: none !important;
}
}
.variations label{
text-transform: capitalize;
}
}
.accessoriesproducts-wrapper{
position: relative;
&.loading:before{
position: absolute;
@include size(100%,100%);
top: 0;
left: 0;
z-index: 99;
content: '';
background:url('#{$image-theme-path}loading-quick.gif') center center no-repeat rgba(255,255,255,0.9);
}
}
.accessoriesproducts{
.product-block.grid{
margin-bottom: 25px;
.accessory-add-product{
position: absolute;
@include rtl-left(10px);
bottom: -25px;
}
}
.check-all-items-wrapper{
margin: 0 0 10px;
input{
@include rtl-margin-right(6px);
}
}
.total-price-wrapper{
font-size: 14px;
color: $link-color;
margin: 0 0 5px;
}
.total-price{
display: block;
color: $theme-color-second;
font-size: 18px;
font-weight: normal;
}
}
/*------------------------------------*\
Product Category and Subcategories
\*------------------------------------*/
.product-category{
.product-category-content{
position: relative;
overflow: hidden;
min-height: $product-category-content-height;
margin: $product-category-content-margin;
}
.product-category-image{
display: block;
img{
@include img-responsive();
}
}
.product-category-title{
text-transform: none;
position: absolute;
text-align: center;
bottom: 0;
@include rtl-left(0);
width: 100%;
font-weight: $product-category-title-font-weight;
@include font-size(font-size,$product-category-title-font-size);
color: $product-category-title-color;
margin: $product-category-title-margin;
padding: $product-category-title-padding;
background: rgba($product-category-title-bg, .3);
.count{
background: transparent;
color: $product-category-title-color;
}
}
}
/*------------------------------------*\
Quickview
\*------------------------------------*/
#goal-quickview-modal{
.product_meta{
margin: calc($theme-margin / 2) 0 0;
}
}
.goal-quickview {
.woocommerce div.product .product_title {
margin: 0 0 10px;
}
}
/**
*
* Woocommerce Form
*/
.form-row {
.checkbox, .input-radio{
margin-bottom: 0;
margin-top: 0;
}
}
.woocommerce form .form-row{
margin: 0 0 20px;
padding:0;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
width: 100%;
}
/* End
------------------------------------------------*/
.category-image{
img{
@extend .filter-grayscale;
}
}
p.demo_store {
top: 0;
position:fixed;
@include rtl-left(0);
@include rtl-right(0);
@include size(percentage(1),auto);
@include rtl-text-align-center();
@include font-size(font-size,$font-size-md);
padding: .5em 0;
z-index: 99998;
border: 1px solid darken($border-color, 10);
@include box-shadow(0, 0, 0, 3px, rgba($white,0.2));
}
/*-------------------------------*\
Utilities
\*------------------------------------*/
.woocommerce #reviews #comments ol.commentlist{
padding:0;
}
//reviews
.woocommerce #reviews {
h3.comments-title{
display: none;
}
#comments{
.woocommerce-noreviews{
line-height: 1;
margin: 0 0 25px;
}
ol.commentlist {
padding: 20px 20px 0;
background-color: #fff;
margin-bottom: 30px;
@include border-radius(0);
border: 1px solid $border-color;
@media(min-width:1200px){
padding: 40px 50px 0;
}
li{
margin: 0;
padding:0 0 40px;
line-height: 1.5;
.goal-avata{
min-width: 80px;
@media(min-width: 768px){
min-width: 100px;
}
.goal-image{
display: inline-block;
}
}
img.avatar{
@include size(70px, 70px);
border:none;
@include border-radius(50%);
padding: 0;
position: relative;
}
.star-rating{
margin: 6px 0 0;
float:none;
&:before{
color: $star-rating-active-color;
}
span:before{
color: $star-rating-active-color;
}
}
.top-info{
margin: 0 0 8px;
}
.dokan-review-author-img{
@include rtl-float-left();
@include rtl-padding-right($theme-margin);
}
.comment-text{
overflow: hidden;
border:none;
padding:0;
margin:0;
}
.description{
margin-top: 10px;
p{
margin:0;
}
}
.goal-author{
color: $link-color;
font-size: 13px;
font-weight: 700;
margin: 5px 0 0;
text-transform: uppercase;
}
.date{
font-size:13px;
color: $text-color;
}
.content-comment {
margin-top:15px;
}
.comment-text {
@include rtl-padding-left(15px);
@media(min-width: 1200px){
@include rtl-padding-left(30px);
}
@include rtl-border-left(1px solid $border-color);
}
}
}
}
#review_form_wrapper{
padding: 15px 20px 0;
background-color: #fff;
@include border-radius(0);
border: 1px solid $border-color;
@media(min-width:1200px){
padding: 50px 50px 30px;
}
#review_form #respond .form-submit input {
text-transform: capitalize;
}
}
}
.woocommerce p.stars a[class*="star-"]:before{
display: none;
}
#respond {
.comment-reply-title{
font-size:16px;
font-weight:500;
margin:0 0 10px !important;
@media(min-width:1200px){
font-size:24px;
}
#cancel-comment-reply-link{
color:$link-color;
font-size: 14px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
letter-spacing: .02em;
line-height: 22px;
@include rtl-margin-left(20px);
&:hover{
color: $theme-color;
}
}
}
label{
color: $text-color;
font-weight: 400;
margin: 0;
}
.form-submit {
input {
@include rtl-left(auto);
}
}
textarea {
@include box-sizing(border-box);
}
.comment-form-rating{
@media(min-width: 1200px){
margin-bottom: 25px !important;
}
[for="rating"]{
font-weight: 400;
@include rtl-margin-right(12px);
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
}
p.stars {
letter-spacing: 2px;
display: inline-block;
margin: 0 !important;
vertical-align: middle;
line-height: 1;
a{
&:before{
position: absolute;
content: "\e020" !important;
color: $star-rating-active-color;
@include transition(all 0.1s ease-in-out 0s);
display: block;
}
&:hover ~ a::before {
position: absolute;
content: "\e021" !important;
color: $star-rating-color !important;
}
&.active::before{
position: absolute;
color: $star-rating-active-color;
display: block;
}
}
&.selected a.active ~ a::before{
content: "\e021" !important;
color: $star-rating-color !important;
display: block;
}
&.selected a:not(.active)::before{
color: $star-rating-active-color !important;
}
&:hover a:not(.active)::before{
color: $star-rating-active-color !important;
}
}
}
.woocommerce #reviews #comment {
height: 130px;
resize: none;
}
/*------------------------------------*\
Quantity inputs
\*------------------------------------*/
.woocommerce .quantity input.qty{
width: 80px;
font-size: 14px;
height:50px;
border:1px solid $border-color;
padding:10px 20px;
font-weight:500;
color:$text-color;
}
.woocommerce .quantity .plus, .woocommerce .quantity .minus,
.woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus {
height: 25px;
}
.woocommerce .quantity{
.reader-text{
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
@include rtl-margin-right(10px);
}
}
.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page .quantity .plus {
&:hover{
border-color: $theme-color;
background-color: $theme-color;
}
}
.woocommerce a.remove{
@include border-radius(0);
}
/*------------------------------------*\
Forms
\*------------------------------------*/
.form-row {
@include clearfix();
label.hidden {
visibility:hidden;
}
label.inline {
display: inline;
}
label{
display: block;
font-weight: 500;
}
select {
cursor: pointer;
}
.required {
color: $red;
font-weight: $headings-font-weight;
border: 0;
}
.input-text{
width: 100%;
padding: 8px 10px;
}
&.form-row-first{
width: 47%;
@include rtl-float-left();
}
&.form-row-last{
width: 47%;
@include rtl-float-right();
}
&.form-row-wide{
clear: both;
}
}
.select2-container .select2-choice{
padding:5px 7px;
}
.product-quantity{
.input-text{
@include input-size('.input-sm', $input-height-small, $padding-base-vertical, $padding-base-vertical, $font-size-small, $line-height-small, 0);
}
}
.i-am-new{
li{
background-image: none !important;
background-color: $white !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
.noty_message{
padding: 20px 0 !important;
}
}
}
/*------------------------------------*\
Mini cart and wishlist
\*------------------------------------*/
.total-minicart{
color: $link-color;
font-weight:normal;
font-size: 16px;
@include rtl-margin-left(5px);
display: inline-block;
}
.wishlist-icon,
.mini-cart{
display: inline-block;
position:relative;
padding:0;
color:$link-color;
line-height:1;
i{
font-size: 20px;
margin:0 !important;
}
.count{
position:absolute;
bottom:-5px;
left:10px;
display: inline-block;
font-size: 10px;
color: #fff;
background:$theme-color;
@include border-radius(50%);
line-height: 16px;
min-width: 16px;
padding:0 3px;
text-align: center;
}
}
.wishlist-icon{
i{
@include rtl-margin-right(6px);
}
}
/*------------------------------------*\
Star ratings
\*------------------------------------*/
.woocommerce {
.star-rating {
margin: auto 0;
overflow: hidden;
position: relative;
@include size(73px, 1.2em);
line-height: 1em;
font-family: 'star';
@include font-size(font-size,$star-rating-font-size);
&:before {
content: "\73\73\73\73\73";
color: $star-rating-color;
@include rtl-float-left();
top: 0;
@include rtl-left(0);
position: absolute;
letter-spacing: 1px;
}
span {
overflow: hidden;
@include rtl-float-left();
top: 0;
@include rtl-left(0);
position: absolute;
padding-top: 1.5em;
}
span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
@include rtl-left(0);
color: $star-rating-active-color;
letter-spacing: 1px;
}
}
.woocommerce-review-link{
color: #999591;
}
}
/*------------------------------------*\
Filter
\*------------------------------------*/
.archive-shop{
.page-title{
display: none;
}
}
.show-filter{
font-size:18px;
color:$theme-color;
cursor:pointer;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:active{
color:$theme-color;
}
i{
@include rtl-margin-left(10px);
}
}
.goal-shop-menu{
font-size: 15px;
margin:0;
position:relative;
.filter-action{
i{
@include rtl-margin-right(3px);
}
}
ul.goal-filter-menu{
padding:0;
margin:5px 0 0;
list-style: none;
@include rtl-float-right();
li{
display: inline-block;
}
}
ul.goal-categories{
@include rtl-float-left();
padding:0;
margin:2px 0 0;
list-style: none;
li{
display: inline-block;
@include rtl-margin-right(40px);
a{
text-transform: capitalize;
padding:0;
font-size: 16px;
font-weight:500;
color:$link-color;
position:relative;
display:inline-block;
}
.product-count{
font-size: 14px;
color: $text-color;
margin: 0 2px;
vertical-align: top;
display: inline-block;
}
&.current-cat{
> a{
color:$theme-color;
}
}
}
.goal-shop-sub-categories{
padding:0px;
margin: 10px 0 0;
li{
a{
font-size: 16px;
}
}
}
}
.content-inner{
#goal-orderby{
@include rtl-margin-left(40px);
}
}
}
//goal-shop-header
.goal-shop-header{
background: transparent;
@include transition(all 0.3s ease);
&.filter-active{
background: #ffffff;
border-bottom: 1px solid #eeeeee;
margin-bottom: 30px;
}
.goal-sidebar-header{
display: none;
border:1px solid $theme-color;
padding:20px 30px;
background:#fff;
}
.goal-widget-scroll{
ul{
li{
padding:0;
list-style: none;
font-size: 14px;
margin: 0 0 10px;
}
}
}
.goal-sidebar-inner{
padding: 0 15px;
ul{
padding:0;
margin:0;
list-style: none;
}
.goal-widget-title{
font-weight: 400;
font-size: 18px;
text-transform: capitalize;
margin:0 0 20px;
}
}
.widget_layered_nav ul li a, .product-categories li a{
font-size: 14px;
padding:0 !important;
}
.widget_layered_nav ul li .count, .product-categories li .count{
float: none;
}
.widget_layered_nav ,
.product-categories{
li.chosen{
color: $theme-color;
> a{
color: $theme-color;
}
}
}
}
.goal-categories-dropdown{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border:none;
color: $link-color;
font-size: 14px;
margin-top: 4px;
.category-dropdown-label{
cursor: pointer;
}
option {
font-size: 16px;
color: $text-color;
&[selected="selected"]{
color: $link-color;
}
}
.dropdown-menu{
min-width: 200px;
padding:20px 30px;
@include border-radius(0);
border:1px solid $theme-color;
@include box-shadow(none);
ul{
list-style:none;
padding:0;
margin:0;
li{
margin: 0 0 5px;
a{
color: $text-color;
&:hover,&:active{
color: $link-color;
}
}
&.active{
color: $link-color;
}
&:last-child{
margin: 0;
}
}
}
}
}
.before-shop-header-wrapper{
position:relative;
@media(min-width:768px){
.before-shop-loop-fillter{
position:absolute;
top:20px;
}
}
}
.pagination-top{
margin-top:-6px;
.goal-pagination.pagination-woo{
margin:0;
}
.goal-pagination .goal-pagination-inner{
padding:0;
}
&.has-fillter{
.goal-pagination .goal-pagination-inner{
padding:0 $theme-margin;
}
}
}
.goal-filter{
margin: 0px 0 20px;
background-color: #fff;
padding: 10px 15px;
border: 1px solid $border-color;
@include border-radius(0);
@media(min-width: 1200px){
margin-bottom: 30px;
}
.goal-breadscrumb {
margin: 0;
background-color: transparent !important;
background-image: none !important;
display: block !important;
.wrapper-breads {
padding: 0;
}
.breadcrumb {
margin: 0;
a {
color: $link-color;
}
}
}
.woocommerce-ordering, .woocommerce-result-count{
margin:0;
}
@media(min-width: 768px){
@include flexbox();
align-items: center;
-webkit-align-items: center;
-o-align-items: center;
.wrapper-right{
@include rtl-margin-left(auto);
}
}
.wrapper-right{
.left-inner {
@include flexbox();
align-items: center;
-webkit-align-items: center;
-o-align-items: center;
> .orderby-wrapper {
margin: 0 30px;
}
}
}
select{
color: $link-color;
text-transform: uppercase;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url("#{$image-theme-path}select.png") right 0 center no-repeat;
font-weight: 500;
font-size: 13px;
padding: 0 15px 0 0;
margin:0;
border:0;
border-bottom: 1px solid $link-color;
outline: none;
}
.change-view{
color: $theme-color-third;
i{
font-size: 18px;
vertical-align: middle;
}
display: inline-block;
+ .change-view{
@include rtl-margin-left(10px);
@media(min-width: 1200px){
@include rtl-margin-left(15px);
}
}
&:hover,
&.active{
color: $theme-color;
}
}
.filter-btn{
@include rtl-margin-left(30px);
}
}
.shop-filter-top-wrapper{
@include flexbox();
.widget{
margin-bottom:0;
position: relative;
@include rtl-margin-right(10px);
@include rtl-padding-right(10px);
@include rtl-border-right( 2px solid $border-color );
@media(min-width: 1200px){
@include rtl-margin-right(30px);
@include rtl-padding-right(30px);
}
&:last-child{
@include rtl-margin-right(0);
@include rtl-padding-right(0);
border:0;
}
.widget-title{
font-size: $font-size-base - 2;
margin:0;
white-space: nowrap;
cursor: pointer;
@include transition(all 0.2s ease-in-out 0s);
position: relative;
display: inline-block;
@include rtl-padding-right(20px);
text-transform: uppercase;
&:before{
content:"\f10a";
font-family: 'Flaticon';
position: absolute;
top: 50%;
@include rtl-right(0);
@include translateY(-50%);
font-size: 10px;
}
&.active{
&:before{
content:"\f109";
}
}
+ *{
position: absolute;
top: 100%;
@include rtl-left(-10px);
background-color: #fff;
border:1px solid $border-color;
@include box-shadow(0 0 25px 0 rgba(#222222,0.05));
z-index: 4;
width: 200px;
padding:10px;
@media(min-width: 1200px){
width: 270px;
padding:30px;
@include rtl-left(-30px);
}
display: none;
margin-top: 10px !important;
}
}
}
}
.rtl{
.shop-filter-sidebar-wrapper{
@include translateX(-50%);
&.active{
@include translateX(0);
}
}
}
.shop-filter-sidebar-wrapper{
width: 420px;
height: 100vh;
max-width: 80%;
position: fixed;
z-index: 10;
top: 0;
@include rtl-right(0);
background-color: #fff;
@include transition(all 0.3s ease-in-out 0s);
@include opacity(0);
visibility: hidden;
@include translateX(50%);
overflow: auto;
@include rtl-text-align-left();
&.active{
@include opacity(1);
visibility: visible;
@include translateX(0);
}
.widget{
margin-bottom: 30px;
.widget-title {
color: $theme-color-secondary;
display: block;
position: relative;
font-size: 16px;
line-height: 1;
font-weight: 600;
margin: 0 0 25px;
padding-block-end: 20px;
border-bottom: 1px solid $border-color;
padding-block-start: 0;
letter-spacing: 0;
@include rtl-text-align-left();
@media(min-width:1200px){
font-size: 20px;
}
&:before{
background-color: $theme-color;
content: '';
position: absolute;
width: 70px;
left: 0;
height: 2px;
bottom: -1px;
}
}
&.widget_block{
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
color: $theme-color-secondary;
display: block;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin: 0 0 25px;
padding-block-end: 20px;
border-bottom: 1px solid $border-color;
padding-block-start: 0;
letter-spacing: 0;
@include rtl-text-align-left();
@media(min-width:1200px){
font-size: 22px;
}
&:before{
background-color: $theme-color;
content: '';
position: absolute;
width: 90px;
left: 0;
height: 2px;
bottom: -1px;
}
}
.wp-block-latest-comments{
padding: 0;
margin: 0;
list-style: none;
}
}
}
.shop-filter-sidebar-header{
position: relative;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
padding:10px 20px;
color: #fff;
background-color: $link-color;
@media(min-width: 1200px){
padding:26px 40px;
}
}
.close-filter{
color: #fff;
font-size: 16px;
position: absolute;
top: 12px;
@include rtl-right(20px);
@media(min-width: 1200px){
top: 28px;
@include rtl-right(40px);
}
}
.content-inner{
padding:20px;
@media(min-width: 1200px){
padding:35px 40px;
}
}
.product-categories{
clear: both;
overflow: hidden;
li{
// width: 50%;
// @include rtl-float-left();
&:nth-child( 2n + 1 ){
clear: both;
}
}
}
}
.shop-filter-sidebar-overlay{
position: fixed;
z-index: 9;
top: 0;
left: 0;
@include size(100vw,100vh);
background-color: rgba(#222,0.4);
@include transition(all 0.3s ease-in-out 0s);
@include opacity(0);
visibility: hidden;
cursor: pointer;
&.active{
@include opacity(1);
visibility: visible;
}
}
.filter-btn{
font-weight: 500;
text-transform: uppercase;
i{
display: inline-block;
@include rtl-margin-right(8px);
font-size: 17px;
line-height: 1;
}
}
// show
.form-sofass-ppp{
@include rtl-float-left();
select{
font-size: 16px;
color: $text-color;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url("#{$image-theme-path}select.png") #fff right 10px center no-repeat;
font-weight: 400;
border:1px solid $border-color;
padding:3px 20px;
@include border-radius(2px);
margin:0;
border:1px solid $border-color;
}
}
.goal-after-loop-shop{
margin-bottom: 10px;
.form-sofass-ppp{
select{
min-width: 120px;
}
}
@media(min-width: 768px){
margin-bottom: 45px;
.woocommerce-result-count{
@include rtl-float-right();
margin:4px 0 0;
}
.goal-pagination {
@include rtl-float-left();
margin:0;
padding:0;
.page-numbers li {
> a, > span {
line-height: 34px;
}
}
}
}
}
#goal-orderby{
.orderby-label{
color: $text-color;
display: inline-block;
font-size:14px;
font-weight: 300;
cursor: pointer;
border:1px solid $border-color;
@include border-radius(50px);
padding:4px 15px;
}
.dropdown-menu{
min-width: 200px;
padding:20px 30px;
@include border-radius(5px);
@include border-radius(0);
border:1px solid $theme-color;
@include box-shadow(none);
ul{
list-style:none;
padding:0;
margin:0;
li{
margin: 0 0 5px;
a{
color: $text-color;
&:hover,&:active{
color: $link-color;
}
}
&.active{
color: $link-color;
}
&:last-child{
margin: 0;
}
}
}
}
}
/*------------------------------------*\
Mini Cart
\*------------------------------------*/
.goal-topcart{
// cursor: pointer;
.dropdown-menu{
top: 42px;
margin:0;
padding: 20px;
min-width: 280px;
@media(min-width: 1200px){
max-width: 340px;
}
display: block;
border:none;
@include border-radius(0);
@include box-shadow(0 10px 40px -10px rgba(0,0,0,0.15));
background: #fff;
@include opacity(0);
display: none;
}
.buttons{
margin: 0;
.btn{
@include border-radius(0);
}
.wc-forward{
text-transform: none;
display: block;
margin-bottom: 10px;
&:last-child{
margin: 0;
}
&:after{
vertical-align: text-top;
}
}
}
.open{
.dropdown-menu{
display: block;
@include opacity(1);
}
}
.overlay-offcanvas-content{
background:rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
@include size(100%,100%);
@include opacity(0);
@include transition(all 0.3s ease-in-out 0s);
cursor: no-drop;
@include translateX(-30px);
visibility: hidden;
z-index: 2;
&.active{
visibility: visible;
@include opacity(1);
@include translateY(0);
}
}
.offcanvas-content{
z-index: 6;
position:fixed;
right:0;
top:0;
background:#fff;
@include transition(all 0.35s ease-in-out 0s);
@include opacity(0);
width:400px;
height: 100vh;
@include translateX(100%);
&.active{
@include opacity(1);
@include translateY(0);
}
.shopping_cart_content .cart_list{
max-height: calc(100% - 180px);
}
.title-cart-canvas{
font-size: 16px;
text-align: center;
margin:0 0 10px;
padding:10px;
color: $white;
background-color: $theme-color;
border-bottom:1px solid $border-color;
text-transform: uppercase;
position:relative;
.close-cart{
position:absolute;
top:11px;
@include rtl-left(14px);
z-index: 1;
font-size: 18px;
cursor: pointer;
color: $white;
}
}
.shopping_cart_content{
padding:10px;
@media(min-width: 1200px){
padding:15px 15px 30px;
}
height: calc(100vh - 50px);
display: -webkit-flex; /* Safari */
display: flex;
flex-wrap:wrap;
-webkit-flex-wrap: wrap;
.cart-bottom{
align-self:flex-end;
-webkit-align-self:flex-end;
width:100%;
}
.cart_list {
width:100%;
}
}
}
}
.shopping_cart_content{
font-size: 14px;
.variation{
margin:0 0 3px;
overflow: hidden;
dt{
@include rtl-margin-right(5px);
}
dt,dd{
@include rtl-float-left();
p{
margin: 0;
}
}
}
.cart_list{
padding:0 0 10px;
max-height: 270px;
overflow: hidden;
> div{
margin: 0 0 20px;
overflow:hidden;
&.empty{
border:none;
margin:0;
color: $link-color;
}
&:last-child{
border:none;
}
}
.image{
@include size(88px,88px);
padding:5px;
border:1px solid $border-color;
display: block;
img{
@include size(75px,75px);
max-width: none;
}
}
.quantity{
font-size:16px;
font-weight: 600;
color:$theme-color;
padding:0;
line-height: 1;
}
.name{
margin:0;
font-size:14px;
}
.cart-item{
margin: 0;
font-size: 16px;
}
.media-body{
width: 1000px;
@include rtl-padding-right(20px);
}
.cart-main-content{
@include rtl-text-align-left();
position: relative;
line-height: 30px;
padding:0;
.remove{
position: absolute;
@include rtl-right(0);
top: 25px;
z-index: 9;
font-size: 13px;
background:transparent !important;
color:$text-color !important;
&:hover,&:focus{
color: $brand-danger !important;
}
}
}
.cart-item{
overflow:hidden;
}
}
.total{
color: $theme-color;
border-top:1px solid $border-color;
overflow: hidden;
position: relative;
margin: 0;
font-weight: 400;
text-transform: uppercase;
padding:20px 0;
font-size:14px;
strong {
font-weight:600;
color:$theme-color-secondary;
}
.amount{
font-size: 18px;
font-weight:600;
@include rtl-float-right();
}
&.empty{
border:none;
margin:0;
padding-top:0;
}
}
}
.woocommerce a.remove{
padding:0;
margin: auto;
color: $brand-danger;
font-size: 32px;
background:transparent;
}
/** Plugins add to wishlist, compare **/
.place-order{
padding: $theme-margin;
}
.yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i{
margin: 0!important;
}
.yith-wcwl-share{
ul{
@include clear-list;
}
}
.input-text {
border: 1px solid #e5e5e5;
padding: 5px 10px;
}
.woocommerce{
address{
margin-bottom: 20px;
}
}
.product-categories, .wc-block-product-categories-list{
list-style: none;
margin: 0;
font-size: 14px;
padding:0;
overflow:hidden;
+ .view-more-list-cat{
position:absolute;
background:#fff;
bottom:1px;
left:0;
width: calc(100% - 2px);
z-index: 9;
display: block;
color: $brand-success;
padding:15px 54px 15px;
&.view-less{
color: $brand-danger;
}
&:hover,&:active{
text-decoration: underline;
}
}
&.hideContent{
height: 340px;
}
&.showContent{
height: auto;
}
.children, .wc-block-product-categories-list{
list-style: none;
padding:0;
}
li{
li{
@include rtl-padding-left(20px);
}
line-height: 30px;
width: 100%;
display: inline-block;
&.current-cat-parent,
&.current-cat,
&:hover{
> .count{
color: $theme-color;
}
> a{
color: $theme-color;
}
}
.count{
font-size: 14px;
font-weight: 400;
margin-top:3px;
}
a{
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:active{
color: $theme-color;
}
}
&.cat-parent, &.noactive{
position:relative;
> i{
@include rtl-padding-right(12px);
cursor: pointer;
position:absolute;
@include rtl-left(0);
top:13px;
}
> .opened,
> .closed{
@include rtl-padding-left(15px);
cursor: pointer;
position:absolute;
@include rtl-right(0);
top:12px;
}
}
}
> li {
padding: 10px 0;
line-height: 1.5;
position: relative;
border-bottom: 1px dashed $border-color;
&:last-child{
margin-bottom:0;
border-bottom: 0;
}
> ul.children, > ul.wc-block-product-categories-list{
position: relative;
padding-top: 15px;
}
> a{
font-size:14px;
font-weight:500;
text-transform:uppercase;
color:$link-color;
}
> .opened,
> .closed{
font-size:18px;
color:$link-color;
}
}
}
.top-archive-shop{
padding-bottom:$theme-margin;
}
//goal-results
.goal-results{
margin-top:10px;
.goal-results-reset{
display:inline-block;
padding:6px 15px;
background:$brand-danger;
color:#fff;
white-space:nowrap;
font-weight:400;
font-size:15px;
@include transition(all 0.2s ease-in-out 0s);
&:hover,&:active{
color:#fff;
background:darken($brand-danger, 10%);
}
}
}
.ajax-pagination{
text-align: center;
margin-top: 30px;
&.goal-loader{
.goal-loadmore-btn{
display: none;
}
&:after{
background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" stroke=\"rgba(102,102,102,0.25)\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg transform=\"translate(1 1)\" stroke-width=\"2\"%3E%3Ccircle stroke-opacity=\".55\" cx=\"18\" cy=\"18\" r=\"18\"/%3E%3Cpath d=\"M36 18c0-9.94-8.06-18-18-18\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\" to=\"360 18 18\" dur=\"1s\" repeatCount=\"indefinite\"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
content: "";
@include size(40px, 40px);
display: block;
width: 100%;
}
}
.goal-loadmore-btn{
+.goal-allproducts{
display: none;
}
&.hidden{
+.goal-allproducts{
display: block;
color:$brand-danger;
}
}
}
}
.add-cart{
>.added{
display: none !important;
}
.added_to_cart{
&:after{
display: none;
}
}
}
.goal-shop-products-wrapper{
&.loading{
position:relative;
&:before{
background: url('#{$image-theme-path}loading-quick.gif') center 100px / 50px no-repeat rgba(#ffffff, 0.9);
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 0;
z-index: 99;
}
}
}
// my account
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 100%;
float: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
border-bottom: 2px solid #eeeeee;
.woocommerce-MyAccount-navigation-link{
@include rtl-margin-right(30px);
display: inline-block;
a{
padding: 0 0 7px;
position: relative;
display: inline-block;
&:before{
@include size(100%,2px);
background: $theme-color;
position: absolute;
bottom:-2px;
left: 0;
content: '';
@include scale(0);
@include transition(all 0.2s ease-in-out 0s);
}
}
&.is-active,&:hover,&:active{
> a{
color: $theme-color;
&:before{
@include scale(1);
}
}
}
}
}
.woocommerce-MyAccount-content{
padding:20px 0;
h2{
margin: 20px 0 10px;
text-transform: uppercase;
font-size: 18px;
}
}
.edit-account{
br{
display: none;
}
input[ type="text"],
input[ type="password"]{
height: 40px;
@include border-radius(3px);
&:focus{
border-color: $border-color;
}
}
legend{
font-size: 72px;
font-weight: 300;
border:none;
margin: 30px 0 0;
}
label{
font-weight: normal;
font-size: 16px;
color: $link-color;
}
}
.wrapper-cart{
@media(min-width: 1200px){
margin-top: 50px;
margin-bottom: 50px;
}
@media(max-width: 991px){
.cart-right{
margin-top: 15px;
}
}
}
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation{
max-width: 970px;
margin: auto;
}
form.login,
form.register{
margin: 0 !important;
border:none !important;
padding:0 !important;
br{
display: none;
}
label{
font-weight: 400;
}
.form-group {
margin: 0 0 20px;
&:last-child{
margin-bottom:0;
}
}
.input-text{
background:#fff !important;
border:1px solid $border-color !important;
height: 40px;
&:focus{
border-color:darken($border-color, 10%) !important;
}
}
input[ type="checkbox"]{
@include rtl-margin-right(7px);
}
.input-submit {
~ span{
margin:10px 0 0;
&.pull-left{
@include rtl-margin-left(15px);
}
&.lost_password{
a{
color: $theme-color;
}
}
}
}
.user-role{
padding-left:20px;
[type="radio"]{
margin-top:11px;
}
}
}
.login-wrapper{
.mfp-content{
width:500px !important;
max-width:80%;
background-color:#fff;
}
.title{
text-align: center;
}
.goal-mfp-close{
font-size: 20px;
display: inline-block;
background:$brand-danger;
color: #fff;
display: inline-block;
@include size(42px,42px);
line-height: 42px;
border:none;
margin:-21px;
@include border-radius(50%);
@include transition(all 0.3s ease-in-out 0s);
@include opacity(0.9);
&:hover,&:focus{
@include opacity(1);
}
}
}
//cart
.cart_item{
margin: 0 0 20px;
padding:0 0 20px;
border-bottom: 1px solid $border-color;
> .media-left{
width: 70%;
}
img{
width: 90px;
max-width:none;
}
.content-left{
overflow: hidden;
@include rtl-padding-left(20px);
}
.product-name{
font-size: 18px;
font-weight: 400;
margin: 0 0 15px;
}
.price{
font-size: 20px;
color: #4c4c4c;
font-weight: 400;
}
a.remove{
margin: 0 0 15px;
display: inline-block;
font-size: 32px;
color: $text-color !important;
&:hover,&:active{
color: $brand-danger !important;
}
}
}
div.cart{
.input-text {
height: 53px;
border:2px solid $border-color;
&:focus,&:active{
border-color:$link-color;
}
}
label{
font-size: 18px;
color: #000;
}
}
//order_review
.woocommerce .order-review{
#order_review_heading{
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
padding:20px 0;
}
table.shop_table{
margin:0;
}
}
#order_review{
.shop_table{
border:none;
margin-bottom:25px;
td{
// padding:25px 0;
// width: 100%;
// border-width:0 0 1px;
// border-style:solid;
// border-color:$border-color;
}
}
.cart_item {
margin:0;
padding:0;
border:none;
}
.product-name{
font-size: 14px;
margin: 0;
strong{
font-weight: 400;
}
}
.product-total{
font-weight: 600;
color: $theme-color;
}
> .media-left {
width: auto;
}
.woocommerce-Price-amount{
color: $link-color;
font-weight: 600;
}
.subtotal{
tr{
> *{
border-bottom:1px solid $border-color !important;
}
}
th{
border:none;
font-weight: 400;
color:$link-color;
}
td{
@include rtl-text-align-right();
padding:10px 0;
font-weight: 400;
label{
font-weight: 400;
}
}
.order-total{
strong{
font-size: 20px;
}
}
.amount{
font-weight:600;
}
}
.order-total,
.cart-subtotal{
.amount{
color:$theme-color;
}
}
}
// step check out
.goal-checkout-step{
padding:0 0 30px;
ul{
padding:0;
list-style:none;
margin:0 auto;
text-transform: uppercase;
width: 100%;
li{
position:relative;
text-align: center;
@include rtl-float-left();
@media(min-width:768px){
width: 33.33%;
}
}
}
li{
font-size: 20px;
font-weight: 500;
color: #232530;
line-height: 60px;
overflow: hidden;
position: relative;
background: #fff;
&:first-child{
&:before{
display:none;
}
&:after{
border-width: 1px 0 1px 1px;
}
}
&:before{
content:'';
z-index: 1;
position: absolute;
top: 0px;
left:-43px;
border:1px solid $border-color;
@include size(60px,60px);
@include rotate(45deg);
background: #fff;
}
&:after{
position:absolute;
content:'';
border-width: 1px 0;
border-style: solid;
border-color: $border-color;
@include size(calc(100% - 30px),100%);
z-index: 5;
@include rtl-left(0);
top:0;
}
.inner{
position: relative;
&:after{
content:'';
z-index: 1;
position: absolute;
top: 0px;
right:-30px;
border-style: solid;
border-color:#fff #fff #fff transparent;
border-width: 30px;
@include size(60px,60px);
background: #fff;
}
&:before{
content:'';
z-index: 1;
position: absolute;
top: 0px;
right:12px;
border:1px solid $border-color;
border-width: 1px 1px 0 0;
@include size(60px,60px);
@include rotate(45deg);
background: #fff;
z-index: 2;
}
}
&.active{
background: $theme-color;
color: #fff;
&:after{
border-color:$theme-color;
}
.inner:after{
border-color:#fff $theme-color;
}
.inner:before{
display: none;
}
.step{
@include opacity(0.1);
color: #fff;
}
}
}
.inner-step{
position: relative;
z-index: 7;
}
.step{
z-index: 6;
position: absolute;
top: -1px;
@include rtl-right(70px);
line-height: 60px;
font-size: 48px;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
text-align: center;
color: #eae9ec;
}
}
.woocommerce-thankyou-order-received{
font-size: 18px;
font-weight: 400;
margin-bottom:$theme-margin;
text-align:center;
color: $headings-color;
@media(min-width:768px){
font-size: 28px;
}
}
.woocommerce-thankyou-order-details{
text-align: center;
}
.woocommerce ul.order_details li{
float: none;
display: inline-block;
font-size: 12px;
strong{
margin-top: 5px;
font-weight: 400;
color:$link-color;
}
&.method{
strong{
color: $brand-danger;
}
}
}
.woo-pay-perfect{
font-size: 18px;
font-weight: 600;
text-align:center;
margin-bottom: 20px;
}
.woocommerce .woocommerce-form-coupon{
p{
margin-bottom: 15px;
}
.form-row{
margin-bottom: 10px;
width: 100%;
@media(min-width: 768px){
width: 50%;
}
}
.form-row-last{
@include rtl-padding-left(20px);
@media(max-width: 767px){
padding:0;
margin-bottom: 0;
.button{
width: 100%;
}
}
}
}
.product-top-title{
position: relative;
.view-more{
position:absolute;
top: 5px;
@include rtl-right(0);
}
}
.layout-detail-product{
#tabs-list-specifications{
td{
padding:15px;
border-color:#eff0f2;
}
td:first-child{
font-weight: 500;
text-transform: uppercase;
}
}
}
.accessoriesproducts{
.list-accesories{
margin-bottom: 10px;
}
.check-item{
margin-top: 10px;
}
}
// style for vendors
.wcv-pro-vendorlist{
margin:0 0 30px;
padding:0 0 30px;
border-bottom: 1px solid $border-color;
border-top: none;
background: #fff;
height: auto;
.name-store{
font-size: 18px;
margin:10px 0;
}
&:hover{
.avatar:before{
@include opacity(0.5);
}
}
.avatar{
display: inline-block;
position: relative;
line-height: 0;
max-width: 100%;
&:before{
@include transition(all 0.2s ease 0s);
content: '';
position: absolute;
top: 0;
left: 0;
@include size(100%,100%);
background:$theme-color;
@include opacity(0);
}
}
.metas{
margin:0 0 5px;
> *{
display: inline-block;
font-size: 14px;
+ *{
@include rtl-margin-left(20px);
}
}
.total-value{
font-weight: normal;
}
}
.store-address,
.store-phone{
font-size: 14px;
margin:0 0 7px;
&:last-child{
margin: 0;
}
}
}
.pv_shop_description{
padding:0 calc($theme-padding / 2) $theme-padding;
}
.wcv-header-container {
padding-right: 15px;
padding-left: 15px;
margin-bottom: $theme-margin;
background:url('#{$image-theme-path}bg-vendor.jpg') repeat rgba(255,255,255,0.9);
.store-banner{
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.wcv-store-grid{
padding:0 0 30px 0;
}
#inner-element{
background: transparent none repeat scroll 0 0;
clear: both;
overflow: hidden;
position: static;
max-width: none;
width: 100%;
padding:0;
.store-info{
text-align:inherit;
}
}
}
.store-info{
.title-store{
display: inline-block;
}
.wcv-verified-vendor{
display: inline-block;
vertical-align: top;
margin: 0 15px;
font-size: 12px;
color: #fff;
background:#4a90de;
padding:5px 18px;
@include border-radius(20px);
}
.social-icons{
list-style: none;
margin:25px 0 0 !important;
padding:0;
li{
display: inline-block;
@include rtl-margin-right(10px);
a{
display: inline-block;
@include border-radius(50%);
border:1px solid #405e9c;
@include size(40px,40px);
font-size: 16px;
line-height: 38px;
text-align:center;
&.facebook{
border:1px solid #405e9c;
color: #405e9c !important;
&:hover,&:active{
background:#405e9c;
}
}
&.twitter{
border:1px solid #55acee;
color: #55acee !important;
&:hover,&:active{
background:#55acee;
}
}
&.instagram{
border:1px solid #5280a5;
color: #5280a5 !important;
&:hover,&:active{
background:#5280a5;
}
}
&.googleplus{
color: #cd2129 !important;
border:1px solid #cd2129;
&:hover,&:active{
background:#cd2129;
}
}
&.linkedin{
color: #318dc1 !important;
border:1px solid #318dc1;
&:hover,&:active{
background:#318dc1;
}
}
&.youtube{
color: #cb312e !important;
border:1px solid #cb312e;
&:hover,&:active{
background:#cb312e;
}
}
&:hover,&:active{
color: #fff !important;
background:#405e9c;
}
}
}
}
.title-store{
font-size: 24px;
margin:0 0 10px 0;
line-height: 1.1;
}
.rating-products-wrapper{
margin: 0 0 20px;
font-size: 16px;
> *{
display: inline-block;
vertical-align: top;
> *{
display: block;
}
}
.total-label{
}
}
.store-address{
address{
margin: 0;
}
}
.store-address,
.store-phone{
i{
@include rtl-margin-right(8px);
}
}
.total-products{
@include rtl-padding-left(50px);
.total-value{
font-size: 24px;
color: #242424;
font-weight: normal;
line-height: 1.1;
}
}
.media-body{
max-width: 600px;
font-size: 14px;
}
.media-left {
@include rtl-padding-right(30px);
}
// add favourite
.favourite-wrapper{
clear: both;
overflow: hidden;
width: 100%;
padding: 10px 0 0;
}
.denso-favourite-vendor{
border-color:$border-color;
font-size: 12px;
display: block;
font-weight: 400;
padding:8px 15px;
text-transform: capitalize;
&:hover,&:active{
border-color:$theme-color;
}
i{
@include rtl-margin-right(3px);
}
&.added{
color: #fff;
border-color:$theme-color;
background:$theme-color;
}
}
}
.store-aurhor-inner{
text-align:center;
margin-top: $theme-margin;
.avatar{
@include border-radius(50%);
border:2px solid #e8e8e8;
overflow: hidden;
}
.store-aurhor{
.name-author{
margin:5px 0 10px;
}
}
}
.vendor-reviews-inner{
background:#f8f8f8;
border:2px solid $border-color;
padding:20px;
.title-info{
font-size: 16px !important;
margin:10px 0 20px !important;
}
.star-rating{
@include rtl-float-left();
@include rtl-margin-right(40px);
}
.special-progress {
> *{
display: inline-block;
vertical-align: top;
}
.progress{
width: 210px;
margin:0;
.progress-bar{
@include border-radius(0);
}
}
.value{
margin:0 8px;
line-height: 1;
}
}
.average-value{
font-size: 30px;
font-weight: normal;
color: #242424;
display: inline-block;
@include size(100px,100px);
@include border-radius(50%);
text-align:center;
line-height: 1.2;
border:1px solid $border-color;
padding:20px 5px;
span{
font-size: 12px;
font-weight: 400;
display: block;
}
}
}
.special-progress{
margin: 5px 0 0;
font-size: 13px;
.claimed{
strong{
color: $link-color;
}
margin-bottom: 2px;
}
.progress{
background: $border-color;
@include border-radius(50px);
height: 5px;
margin: 5px 0 17px;
.progress-bar{
background: $theme-color;
@include border-radius(50px);
@include gradient-striped();
background-size: 10px 10px;
}
}
}
.single-rating{
margin:0 0 30px;
padding:0 0 20px;
border-bottom:1px solid $border-color;
&:last-child{
border:none;
padding:0;
margin: 0;
}
.avatar{
max-width: none;
min-width: 70px;
@include border-radius(50%);
}
.media-left{
@include rtl-padding-right(20px);
}
.stars-value{
@include rtl-float-right();
.fa-star{
color: #fednormal;
}
}
h4{
font-weight: 400;
font-size: 10px;
margin: 0 0 15px;
color: $text-color;
.name{
font-weight: normal;
font-size: 12px;
color: #464646;
text-transform: uppercase;
}
}
h6{
margin:0 0 15px;
}
}
// style for dokan mutivendors
.btn-showserach-dokan{
cursor: pointer;
}
.wrapper-dokan{
.btn-showserach-dokan {
padding: 6px 9px;
@include border-radius(50px);
border-width: 2px;
}
.dokan-seller-search-form{
font-size: 14px;
margin:0;
width: 0;
overflow: hidden;
@include transition(all 0.2s ease-in-out 0s);
input{
width: 100% !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
&.active{
width: 220px;
}
}
> *{
display: inline-block;
vertical-align: top;
@include rtl-margin-right(10px);
}
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li{
margin-bottom: $theme-margin;
}
.dokan-list-inline{
> li{
> a{
}
}
}
.dokan-widget-area,
.dokan-store-menu{
#cat-drop-stack > ul{
list-style: none;
padding:0;
li {
margin-bottom: 5px;
&:last-child{
margin-bottom:0;
}
}
a:hover,&:focus{
color: $theme-color;
}
}
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name{
font-weight: 500;
}
.dokan-single-store .profile-info .dokan-store-info{
list-style: none;
font-size: 14px;
li{
float: none !important;
&:before{
display:none;
}
}
}
.dokan-store-location,
.dokan-store-contact{
list-style: none;
ul{
list-style: none;
padding:0;
}
}
.dokan-store-tabss{
.dokan-right{
margin:0;
margin-top: 10px;
}
margin-bottom: 20px;
@media(min-width: 768px){
margin-bottom: 30px;
}
}
.dokan-store-sidebar #dokan-store-location{
height: 200px;
width: 100%;
}
// style for gift
.wfg-popup{
border:none !important;
}
.wfg-popup h2.wfg-title{
background:$theme-color;
color: #fff;
@include border-radius(0);
@include box-shadow(none);
}
.wfg-button{
@extend .btn;
&.wfg-add-gifts{
@extend .btn-success;
}
&.wfg-no-thanks{
@extend .btn-danger;
}
}
.wfg-gifts .wfg-gift-item h3{
background:#fff;
color: $link-color;
border-top:1px solid $border-color;
}
.wfg-gifts .wfg-gift-item{
border:1px solid $border-color;
}
// fix dokan vendors
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar img{
margin:0;
}
#dokan-seller-listing-wrap{
ul.dokan-seller-wrap {
.btn{
@include border-radius(50px);
border-width:2px;
padding:8px 30px;
}
}
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-wrapper{
@include transition(all 0.3s ease-in-out 0s);
&:hover{
@include box-shadow(0px 0px 35px 0px rgba(0,0,0,0.2));
}
}
.product-block{
.wcvendors_sold_by_in_loop{
position:absolute;
z-index: 99;
top:0;
@include rtl-left(0);
@include size(50px,50px);
img{
max-width: 100%;
max-height: 100%;
@include border-radius(50%);
}
}
}
.seller-info-social{
list-style: none;
li{
display: inline-block;
@include rtl-margin-right(20px);
}
}
.seller-info-top{
margin-bottom: 20px;
.store-brand img{
max-width: none;
}
}
// accoudion for detail
#woocommerce-accordion{
.panel{
margin:0;
border:none;
border-bottom:1px solid $border-color;
@include border-radius(0);
> .panel-heading{
text-transform: uppercase;
border:none;
padding:18px 0;
font-weight: 400;
font-size: 16px;
@include border-radius(0);
background: #fff !important;
&:hover,&:active{
a{
color: $theme-color;
}
}
}
.panel-title{
font-size: 16px;
font-weight: 400;
> :not(.collapsed){
color: $theme-color;
}
}
.panel-body{
padding:0;
border:none;
}
}
.title{
margin:0 0 10px;
font-size: 24px;
}
}
//categories
.wrapper-filter{
min-height:73px;
position:relative;
padding:20px 0;
border-bottom:1px solid $border-color;
}
.shop-top-sidebar-wrapper{
background:#fff;
padding:20px 0 0;
@media(min-width:992px){
padding:40px 0 0;
}
display:block;
overflow:hidden;
width:100% !important;
.dropdown{
> span{
color:#252525;
font-weight:500;
font-size:15px;
display:block;
margin:0 0 15px;
text-transform:uppercase;
}
}
.widget{
margin-bottom:0;
}
@media(max-width:767px){
margin-bottom:15px;
}
.shop-top-sidebar-wrapper-inner {
margin-left:-15px;
margin-right:-15px;
> *{
padding-left:15px;
padding-right:15px;
@include rtl-float-left();
width:100%;
@media(min-width:768px){
width:20%;
}
}
}
.wrapper-limit{
padding:10px;
.goal-product-sorting,
.goal-price-filter{
padding:0;
margin:0;
list-style:none;
li{
margin-bottom:8px;
&:last-child{
margin:0;
}
}
a{
white-space:nowrap;
}
.active,
.current{
color:$theme-color;
}
}
.goal-product-sorting,
.goal-price-filter,
.woocommerce-widget-layered-nav-list{
height:200px;
}
}
.tagcloud {
height:200px;
}
}
// accoudion for detail
#woocommerce-accordion{
margin:15px 0 0;
@media(min-width: 1200px){
margin-top: 35px;
}
.panel{
margin:0 0 15px;
border:none;
border:0;
@include border-radius(0);
> .panel-heading{
text-transform: uppercase;
border:none;
border-bottom:1px solid $border-color;
padding:9px 0;
@include border-radius(0);
background: #fff !important;
}
.panel-title{
font-weight: 700;
font-size: 13px;
a{
display: block;
position: relative;
color: $link-color;
&:before{
color: $link-color;
content: "\e61a";
font-family: 'themify';
position: absolute;
top: 50%;
@include rtl-right(0);
@include translateY(-50%);
}
&:not(.collapsed){
color: $link-color;
&:before{
content: "\e622";
}
}
}
}
.panel-body{
padding:10px 0 0;
border:none;
p:last-child{
margin-bottom: 0;
}
> h2{
display: none;
}
}
}
}
// fix for shop banner
.products-wrapper-grid-banner{
.cl-3,
.cl-2{
div.product{
&.col-sm-4{
&.first{
clear:none;
}
@media(min-width:768px){
&:nth-child(3n + 1){
clear:both;
}
}
}
}
}
.col-md-cus-5{
@include rtl-float-left();
padding-left:calc($theme-margin / 2);
padding-right:calc($theme-margin / 2);
@media(min-width:992px){
width:20%;
}
}
}
// style for bundles
.product-bundles{
padding:20px 0;
.product-item{
overflow:hidden;
clear:both;
margin-bottom:10px;
.product-image{
@include rtl-float-left();
width:80px;
@include rtl-padding-right(10px);
}
.product-content{
overflow:hidden;
}
.product-name{
display:block;
color:$link-color;
margin:3px 0;
}
}
.total{
padding-bottom:10px;
}
.total-discount{
color:$brand-success;
}
.total-price{
font-size:18px;
font-weight:500;
color:$link-color;
}
}
// categories
.product-category {
h3{
margin:15px 0 0;
font-size: 18px;
.count{
background:transparent;
padding:0;
}
}
.category-body{
margin:0 0 20px;
text-align: center;
@media(min-width: 768px){
margin:0 0 30px;
}
}
}
.info_wrapper_alert{
max-width: 600px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
@include border-radius(4px);
position: relative;
.title{
background-color: #FAF9F8;
display: block;
font-size: 16px;
font-weight: 500;
padding:16px 20px;
@media(min-width: 1200px){
padding:26px 40px;
}
color: $link-color;
text-transform: uppercase;
}
.inner{
padding:15px 20px;
@media(min-width: 1200px){
padding:35px 40px;
}
}
.mfp-close{
color: $link-color;
border:0 !important;
background-color: transparent !important;
&:hover,&:focus{
color: $brand-danger;
}
@media(min-width: 1200px){
font-size: 32px;
margin:16px;
}
}
// content
.media-heading{
font-weight: 500;
font-size: 16px;
}
.info-price {
font-weight: 500;
color: $link-color;
text-transform: uppercase;
white-space: nowrap;
}
.free{
color: #B9A16B;
}
@media(min-width: 1200px){
margin-top: 25px;
}
}
.page-shop{
&.has-elementor{
padding-top: 20px;
@media(min-width: 1200px){
padding-top: 70px;
}
}
margin-bottom: 30px;
@media(min-width: 1200px){
margin-bottom: 80px;
}
.goal-pagination{
margin-top: 30px;
margin-bottom: 0;
}
}
.shop-normal{
.hidden-icon{
display: block !important;
}
.woo-breadcrumb{
padding: 0;
margin-bottom: 20px;
@media(min-width: 768px){
margin-bottom: $theme-margin + 30;
}
.wrapper-breads{
max-width: 1410px;
margin-left: auto;
margin-right: auto;
.breadcrumb {
margin: 0;
}
}
.bread-title{
text-transform: none;
font-size: 18px;
margin: 0;
font-weight: bold;
@media(min-width: 1200px){
font-size: 36px;
}
}
}
+ .page-shop.has-elementor{
padding-top: 0;
@media(min-width: 1200px){
}
}
}
.woo-breadcrumb {
margin:0;
.wrapper-breads{
padding:0;
border:0;
}
}
.breadcrumb-navigation-wrapper{
margin-bottom: 10px;
@include flexbox();
@media(min-width: 1200px){
margin-bottom: 35px;
}
@media(min-width: 768px){
}
.woo-breadcrumb{
@media(min-width: 768px){
@include rtl-padding-right(10px);
}
background:transparent !important;
}
.product-navs{
text-transform: capitalize;
@include rtl-margin-left(auto);
@media(max-width: 767px){
margin-top: 0;
}
}
.post-navigation .nav-links{
@include flexbox();
> *{
width: auto;
float: none;
}
> * + .nav-next{
@include rtl-padding-left(10px);
}
}
}
.info_wrapper_alert{
max-width: 600px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
@include border-radius(4px);
position: relative;
.title{
background-color: #FAF9F8;
display: block;
font-size: 16px;
font-weight: 600;
padding:10px 20px;
@media(min-width: 1200px){
padding:20px 40px;
}
color: $link-color;
text-transform: uppercase;
}
.inner{
padding:15px 20px;
@media(min-width: 1200px){
padding:30px 40px;
}
}
.mfp-close{
color: $link-color;
border:0 !important;
background-color: transparent !important;
&:hover,&:focus{
color: $brand-danger;
}
@media(min-width: 1200px){
font-size: 32px;
margin:12px;
}
}
// content
.media-heading{
font-weight: 700;
font-size: 16px;
}
.info-price {
font-weight: 700;
color: $link-color;
text-transform: uppercase;
white-space: nowrap;
}
.free{
color: $theme-color;
}
@media(min-width: 1200px){
margin-top: 25px;
}
}
.shop-top-categories{
position: relative;
margin-bottom: 20px;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding:30px 0;
@media(min-width: 768px){
margin-bottom: 30px;
padding:90px 0;
}
.shop-page-title{
@include transition(all 0.3s ease-in-out 0s);
font-weight: 600;
margin:0 0 15px;
line-height: 1;
text-transform: none;
font-size: 26px;
color: #fff;
@media(min-width: 1200px){
font-size: 36px;
}
}
.inner{
max-width: 1270px;
margin-left: auto;
margin-right: auto;
}
+ .page-shop.has-elementor{
padding-top: 0;
@media(min-width: 1200px){
padding-top: 20px;
}
}
&.style1{
.list-category-products{
text-align: center;
@media(min-width:767px){
text-align: inherit;
display: inline-block;
}
}
}
&.style2{
.shop-page-title,
.list-category-products{
@include rtl-text-align-left();
padding: 0 15px;
@media(min-width: 767px){
padding: 0;
}
}
}
.icon-wrapper{
@include flexbox();
align-items:center;
-webkit-align-items:center;
-o-align-items:center;
justify-content:center;
-webkit-justify-content:center;
-o-justify-content:center;
@include size(68px,68px);
font-size: 25px;
@include border-radius(50%);
overflow: hidden;
background-color: #fff;
@include transition(all 0.15s ease-in-out 0s);
@media(min-width: 1200px){
@include size(98px,98px);
font-size: 40px;
}
}
.icon-image-wrapper{
overflow: hidden;
@include size(80px,80px);
@media(min-width: 1200px){
@include size(120px,120px);
}
img{
@include border-radius(50%);
@include transition(all 0.2s ease-in-out 0s);
}
&:hover,&:focus{
img{
@include scale(1.1);
}
}
}
h5{
margin:10px 0 0;
font-weight: 500;
font-size: $font-size-base;
color: #fff !important;
@media(min-width: 1200px){
font-size: 16px;
}
}
&.style3{
padding:0 15px;
@media(min-width: 1200px){
padding:20px 0;
margin-top: 30px;
}
.inner{
margin-left: auto;
margin-right: auto;
max-width: 1410px;
}
.shop-page-title{
font-size: 25px;
@media(min-width: 1200px){
font-size: 35px;
}
}
.list-category-products{
justify-content:start;
-webkit-justify-content:start;
-o-justify-content:start;
}
+ .page-shop .goal-shop-products-wrapper {
margin: 30px 0 0;
}
}
&.style4{
padding:30px 0;
text-align: center;
background-color: #fcf3eb;
@media(min-width: 1200px){
padding:85px 0;
}
.shop-page-title{
@media(min-width: 1200px){
margin-bottom: 30px;
}
}
.list-category-products li{
width: 80px;
display: inline-flex;
@media(min-width: 767px){
display: inline-block;
}
@media(min-width: 1200px){
@include rtl-margin-right(30px);
width: 120px;
}
a{
padding:0;
&:before{
display: none;
}
}
}
}
&.style5{
padding:30px 0;
@media(min-width: 1400px){
padding:90px 0;
}
.shop-page-title{
margin: 0 0 15px;
@media(min-width: 1200px){
margin: 0 0 30px;
}
}
.list-category-products li{
width: 68px;
display: inline-flex;
@media(min-width: 767px){
display: inline-block;
}
@media(min-width: 1200px){
@include rtl-margin-right(45px);
width: 98px;
}
a{
color: $text-color;
padding:0;
&:before{
display: none;
}
&:hover,&:focus{
color: $link-color;
}
}
}
}
}
.list-category-products{
list-style: none;
padding:0;
margin:0;
position: relative;
z-index: 1;
width: 100%;
display: block;
white-space: nowrap;
text-align: center;
li{
display: block;
vertical-align: middle;
@include rtl-margin-right(10px);
padding-bottom: 0;
@media(min-width: 767px){
display: inline-block;
padding-bottom: 8px;
}
@media(min-width: 1200px){
@include rtl-margin-right(25px);
}
&:last-child{
@include rtl-margin-right(0 !important);
}
a{
display: inline-block;
position: relative;
font-size: 13px;
font-weight: 500;
padding:0 0 3px;
color: #fff;
@media(min-width: 767px){
font-size: 16px;
}
&.active,
&:hover{
color: $theme-color;
h5{
color: $theme-color;
}
}
}
&.current-cat{
a, h5{
color: $theme-color;
}
}
}
}
.category-description{
.elementor-section-wrap{
margin-bottom: 15;
@media(min-width: 768px){
margin-bottom: $theme-margin;
}
}
}
// salespopup
.goal-salespopup-wrapper{
@include border-radius(4px);
@include box-shadow(0 0 18px 0 rgba(0,0,0,0.1));
bottom: 20px;
@include rtl-left(20px);
font-size: $font-size-base - 1;
.inner{
&:after{
clear: both;
display: table;
content: "";
}
.close{
text-shadow:none;
font-size: 9px;
line-height: 24px;
&:focus,&:hover{
@include opacity(1);
}
}
}
.thumb{
@include rtl-float-left();
display: block;
margin:0;
@include rtl-padding-right(15px);
}
h4.product-name{
font-weight: 500;
font-size: $font-size-base;
+ small{
color: $theme-color;
}
}
}
// sizes guide
.zoom-sizeguides{
&.mfp-bg{
background-color: rgba(#222,0.4);
}
.mfp-content{
max-width: 960px;
margin-right: auto;
margin-left: auto;
}
}
.goal-sizeguides{
background-color: #fff;
@include border-radius(4px);
overflow: hidden;
.mfp-close{
margin: 4px;
@media(min-width: 1200px){
font-size: 35px;
margin:18px 25px;
}
}
.title{
font-size: 16px;
margin:0;
padding:15px 20px;
@media(min-width: 1200px){
padding:30px 40px;
}
background-color: #FAF9F8;
}
.content-sizeguides{
padding:15px;
@media(min-width: 1200px){
padding:40px;
}
}
.inner{
.image-inner{
margin-bottom: 15px;
}
@media(min-width: 768px){
margin-left: -20px;
margin-right: -20px;
> div{
padding-left: 20px;
padding-right: 20px;
@include rtl-float-left();
}
.image-inner{
margin-bottom: 0;
width: 45%;
}
.inner-content{
width: 55%;
}
}
}
.header{
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
color: $link-color;
text-transform: uppercase;
}
}
.sizeguides-table{
border:0;
margin: 0;
text-transform: uppercase;
color: $link-color;
td{
border:0 !important;
padding:6px 8px;
}
th{
color: $text-color;
}
td,th{
font-weight: 700;
border:0;
&:first-child{
@include rtl-padding-left(0);
}
}
}
.sizeguides-btn{
display: inline-block;
position: relative;
font-weight:500;
font-size: 13px;
text-transform: uppercase;
color: $link-color !important;
&:before{
content:'';
@include size(100%,2px);
background-color: $link-color;
position: absolute;
bottom: -4px;
@include rtl-left(0);
@include transition(all 0.2s ease-in-out 0s);
}
&:hover{
&:before{
width: 50%;
}
}
}
.sizeguides-section{
margin-bottom: 30px;
max-height: 195px;
overflow: auto;
&:last-child{
margin-bottom: 0;
}
}
.widget-product-full{
.goal-woocommerce-product-gallery-thumbs{
padding: 10px 0 15px;
max-width: 100%;
margin-right: auto !important;
margin-left: auto !important;
@media(min-width: 1200px){
max-width: 660px;
padding: 10px 20px 0;
}
.slick-slide{
.thumbs-inner{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
&.slick-current{
.thumbs-inner{
}
}
}
}
.woocommerce-product-rating{
margin-bottom: 5px !important;
}
div.product .product_title{
margin-bottom: 15px;
}
.woocommerce-product-details__short-description{
margin-top: 15px;
}
.woocommerce-variation-add-to-cart{
padding-top: 10px;
}
}
Back to Directory
File Manager