File: /var/www/html/onlineshop/wp-content/themes/nautica/sass/woocommerce/_styles.scss
/*------------------------------------*\
Mini Cart
\*------------------------------------*/
.engo-topcart{
.dropdown{
&.open{
.mini-cart{
&:before{
content:"";
background:transparent;
position:absolute;
top: 0;
@include rtl-left(0);
@include size(100%, 200px);
}
}
}
}
.dropdown-menu{
top: 42px;
padding: $theme-padding;
min-width: $mini-cart-dropdown-size;
display: block;
visibility: hidden;
@include rtl-text-align-left;
@include rtl-left(auto);
@include rtl-right(0);
@include box-sizing(border-box);
@include opacity(0);
@include transform(translate(0px, 20px));
@include transition(all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s);
&:before,
&:after{
content: "";
@include inline-block();
position: absolute;
@include rtl-left(100%);
@include rtl-margin-left(-16%);
}
&:before{
top: -11px;
border-bottom: 11px solid rgba($black, 0.2);
border-left: 11px solid rgba($black, 0);
border-right: 11px solid rgba($black, 0);
}
&:after{
top: -10px;
border-bottom: 11px solid $white;
border-left: 11px solid rgba($black, 0);
border-right: 11px solid rgba($black, 0);
}
.quantity{
font-size: $font-size-base;
}
}
.media{
border-bottom:solid 1px $border-color;
}
.name {
font-size: 12px;
a{
color: $black;
&:hover{
color: $theme-color;
}
}
}
.open{
.dropdown-menu{
@include opacity(1);
transform: translate(0px, 0px);
@include filter(none);
visibility: visible;
}
}
.total{
padding-top:20px;
padding-bottom:10px;
}
.buttons{
background:#f2f2f2;
margin-bottom: 0;
padding:15px 30px;
margin-right: -20px;
margin-left: -20px;
}
}
.engo-topcart {
.dropdown-menu {
color: $white;
font-family: $headings-font-family;
padding: 0;
text-transform: none;
min-width: 310px;
&:before {
border-bottom: 11px solid rgba(0, 0, 0, 0.2);
}
.cart_list {
.empty {
padding: 10px;
text-align: center;
color: $gray-dark;
}
.media {
padding:15px;
margin: 0;
.name {
font-size: $font-size-large;
font-family: $font-family-second;
}
.image {
width: 70px;
}
.variation {
line-height: 20px;
color: #888;
dt,dd {
display: inline-block;
text-transform: uppercase;
font-size: 11px;
float: left;
width: 50%;
line-height: 20px;
font-weight: normal;
p {
padding: 0;
margin: 0;
}
}
}
.quantity {
color: #888;
font-size: 11px;
.amount {
color: $brand-primary;
}
}
.remove {
font-size: 1em;
bottom: 3px;
height: 14px;
padding-left: 1px;
background: #d5d5d5;
&:hover {
background: $brand-primary;
color: $white;
}
}
}
}
.total {
padding-top:0;
padding-bottom: 0;
text-transform: uppercase;
strong, .amount {
display: inline-block;
}
strong {
text-align: left;
width: 40%;
font-weight: normal;
color: #888;
}
.amount {
text-align: right;
width: 58%;
font-weight: 700;
color: $brand-primary;
}
}
.buttons {
margin-left: 0;
margin-right: 0;
padding: 10px 15px 15px;
a.btn {
padding: 0 24px;
position: relative;
text-transform: uppercase;
&.pull-left {
color: #888 !important;
border: 1px solid #888;
&:before {
z-index: 1;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #888;
opacity: 0;
@include transform(scale3d(0.5, 1, 1));
@include transition(transform 0.4s, opacity 0.4s, cubic-bezier(0.2, 1, 0.3, 1));
}
}
&.pull-right {
border:1px solid $brand-primary;
&:before {
z-index: 1;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fe3334;
opacity: 0;
@include transform(scale3d(0.5, 1, 1));
@include transition(transform 0.4s, opacity 0.4s, cubic-bezier(0.2, 1, 0.3, 1));
}
}
&:hover {
&:before {
@include transform(translate3d(0, 0, 0));
opacity: .8;
}
}
span {
position: relative;
z-index: 2;
}
}
}
&:before, &:after {
margin-left: -16%;
}
}
.version-white {
color: $gray-darker;
.dropdown-menu {
background: $white;
&:after {
border-bottom: 11px solid $white;
}
.cart_list {
.remove {
color: $white !important;
}
}
.media {
border-bottom: 1px solid #f6f6f6;
.name {
a {
color: $gray-darker !important;
&:hover {
color: $brand-primary !important;
}
}
}
}
.buttons {
background: $white;
a.btn {
color: $white;
&.pull-left {
background: $white;
}
&:hover {
color: $black !important;
}
}
}
}
}
.version-black {
color: $white;
.dropdown-menu {
background: $gray-darker;
&:after {
border-bottom: 11px solid $gray-darker;
}
.cart_list {
.remove {
color: $gray-darker !important;
}
.empty {
color: $white;
}
}
.media {
border-bottom: 1px solid $gray-dark;
.name {
a {
color: $white;
&:hover {
color: $brand-primary !important;
}
}
}
}
.buttons {
background: $gray-darker;
a.btn {
color: $white;
&.pull-left {
background: $gray-darker;
}
&:hover {
color: $white !important;
}
}
}
}
}
.version-fit-white {
}
.version-fit-black {
}
}
#cart{
.mini-cart{
> * {
text-transform: uppercase;
font-weight: 300;
}
.title-cart{
@include font-size(font-size, 11px);
font-weight: 400;
line-height: 24px;
}
}
.cart-icon{
text-transform: uppercase;
}
.title-cart, .dropdown-toggle .amount, .mini-cart-items em {
display: none;
}
.mini-cart-items{
display: inline-block;
@include rtl-right(0);
color: #FFF;
font-size: $font-size-large;
padding:2px 6px;
z-index: 3;
line-height: 26px;
}
.cart-icon {
display: inline-block;
vertical-align: sub;
padding-left: 25px;
padding-right: 10px;
position: relative;
margin-left: 10px;
i{
display: block;
float: left;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMDMsMTMuNjk4SDUuOTRMNS45NDEsOC4wMUM1Ljk0MSwzLjU5NCw5LjUzNSwwLDEzLjk1MiwwYzQuNDE4LDAsOC4wMTIsMy41OTQsOC4wMTIsOC4wMTF2NS42ODhoLTIuMDg5DQoJCVY4LjAxMWMwLTMuMjY1LTIuNjU3LTUuOTIxLTUuOTIzLTUuOTIxYy0zLjI2NCwwLTUuOTIxLDIuNjU2LTUuOTIxLDUuOTIxTDguMDMsMTMuNjk4eiIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat center top $nocolor;
background-size: 20px;
@include size(20px, 26px);
@include transition(all 0.35s);
}
&:before {
content: "";
position: absolute;
left: 5px;
top: 5px;
font-size: 18px;
width: 1px;
background: $white;
height: 20px;
}
}
&:hover {
>.dropdown-menu {
opacity: 1;
visibility: visible;
@include transform(translate(0,0));
}
}
}
///// Elements Styles //////////////// ////////////// ////////////// ////////////// ////////////// ////////////// //////////////
.widget-products{
.products-grid > .row {
border:none;
}
}
.productinfo-show-discounts {
font-size: $font-size-base - 2;
margin: 20px 0!important;
@include rtl-padding-left(75px);
position: relative;
color: #666;
&:before {
background: url('#{$image-theme-path}icon-show-discounts.png') no-repeat center center $brand-success;
@include size (36px,36px);
@include border-radius(50%);
position: absolute;
@include rtl-left(20px);
top: 20px;
content: "";
}
padding: $alert-padding;
margin-bottom: $line-height-computed;
border: 1px solid transparent;
border-radius: $alert-border-radius;
@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
ul {
list-style: none;
@include rtl-padding-left(60px);
li {
padding: 3px 0;
&:before {
content: "\f14a";
font-family: "FontAwesome";
color: $brand-success;
@include rtl-padding-right(8px);
}
}
}
}
//reviews
#reviews{
.reviews-summary {
padding: 15px 30px;
.review-summary-total{
text-align: center;
font-weight: 400;
.review-summary-result {
@include size(90px, 90px);
text-align: center;
border: 2px solid $brand-warning;
color: $brand-warning;
line-height: 90px;
font-size: 24px;
@include border-radius(50%);
margin-bottom: 8px;
}
}
.review-summary-detal {
overflow: hidden;
display: block;
.review-label{
color: $black;
font-weight: 400;
}
.progress {
}
}
}
.comments{
.commentlist {
margin: 15px 30px 0 0;
.comment {
margin-bottom: 30px;
}
.engo-avata {
padding-top: 6px;
}
.comment-image {
min-width: 100px;
@include rtl-margin-right(20px);
> span {
display: block;
margin-bottom: 5px;
}
.avatar {
@include border-radius(50%);
}
}
.comment-text {
.comment-info {
.engo-author {
color: $black;
text-transform: uppercase;
font-size: $font-weight-base;
font-weight: bold;
@include rtl-margin-right(10px);
display: inline-block;
}
.star-rating {
float: none;
display: inline-block;
}
.date {
@include rtl-float-right();
font-size: 11px;
text-transform: uppercase;
color: $gray-light;
}
}
.description {
font-size: $font-size-base;
line-height: 20px;
color: #888;
font-family: $font-family-base;
font-weight: normal;
padding-top: 5px;
border-top: 1px solid $very-light-gray;
}
}
}
}
.review_form_wrapper {
.comment-reply-title {
font-size: $font-size-large;
font-weight: $font-weight-base;
margin-bottom: $grid-gutter-width;
}
#respond {
p {
margin-bottom: 20px;
}
#commentform {
input {
margin-bottom: 10px;
height: 40px;
border: 1px solid #b5b5b5;
color: #b5b5b5;
padding-left: 10px;
font-size: $font-size-base;
font-family: $font-family-base;
}
.submit {
width: auto;
@include rtl-float-right();
font-weight: bold;
font-size: $font-size-base;
color: $white;
background: #FF5556;
padding: 0 27px;
border: 0 none;
cursor: pointer;
text-transform: uppercase;
}
.comment-form-rating {
display: inline-block;
height: 40px;
width: 100%;
@include rtl-float-left();
label {
margin-bottom: 0;
text-transform: uppercase;
line-height: inherit;
}
p.stars{
a {
border: none;
margin-right: 0;
&:after {
font-family: 'FontAwesome';
color: #bcbcbc;
font-size: 1.3rem;
opacity: 0;
}
&.active {
&:after {
color: #333;
opacity: 1;
}
}
&:focus {
&:before {
color: #333;
opacity: 1;
}
}
&:hover {
&:after {
color: $brand-primary;
opacity: 1;
}
}
&.star-1 {
&:after {
content: "\f005";
}
z-index: 5;
}
&.star-2 {
z-index: 4;
&:after {
content: "\f005\f005";
}
}
&.star-3 {
z-index: 3;
&:after {
content: "\f005\f005\f005";
}
}
&.star-4 {
z-index: 2;
&:after {
content: "\f005\f005\f005\f005";
}
}
&.star-5 {
z-index: 1;
&:after {
content: "\f005\f005\f005\f005\f005";
opacity: 1;
}
}
}
}
}
}
}
}
.progress{
height: 15px;
margin-bottom: 15px;
}
}
.product_special_widget {
.attachment-woocommerce_thumbnail {
width: 100px;
}
}
////////// Pages Styles ////////////// ////////////// ////////////// ////////////// ////////////// ////////////// //////////////
/**
* Product Single Page
*/
.product-block{
position: relative;
margin-bottom:30px;
background:$white;
.image{
position: relative;
text-align: center;
z-index: 10;
@include clearfix();
.img-rotate{
width: 100%;
height: 100%;
position: relative;
z-index: 10;
background: #fff;
}
img{
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
position: relative;
border-bottom: 1px solid #ddd;
z-index: 10;
&.image-catalog-hover {
position: absolute;
top: 0;
left: 0;
height: 100%;
@include transform(rotateY(180deg));
}
}
.image-effect{
top: 0;
position: absolute;
overflow: hidden;
@include rtl-left(0);
@include opacity(1);
@include translate(-100%, 0px);
@include transition(all 0.3s);
}
.image-hover{
display: block;
@include transition(all .5s ease);
@include transform-style(preserve-3d);
}
&:hover{
.image-effect{
@include translate(0px,0px);
}
.image-hover{
@include transform(rotateY(180deg));
}
}
.yith-wcwl-add-to-wishlist, .yith-wcwl-add-to-wishlist{
span{
display: none;
}
}
}
.woocommerce-review-link {
color: $gray-light;
}
.caption{
margin-right: 10px;
margin-left: 10px;
text-align: center;
}
.price{
margin-top: 10px;
display: block;
> * {
width: auto;
display: inline-block;
text-align: center;
position: relative;
font-size: 17.83px;
font-family: $headings-font-family;
margin-top: 10px;
line-height: 20px;
color:$product-price-color;
text-decoration: none;
}
span{
}
& > del{
color: $gray-dark;
font-size: $font-size-base - 2;
text-decoration: line-through;
}
& > ins{
span{
&:before,&:after{
content: none;
}
}
}
}
.name {
font-size: $font-size-large;
line-height: $product-name-line-height;
font-weight: normal;
text-transform:none;
margin-top: 5px;
margin-bottom: 0;
font-family: $font-family-second;
line-height: 25px;
}
.category{
text-transform: none;
font-weight: $product-category-font-weight;
font-style: $product-category-font-style;
@include font-size(font-size, $product-category-font-size);
a{
color: $product-category-color;
&:hover{
color: $product-category-hover-color;
}
}
}
.rating{
text-align: center;
margin-top: 15px;
.star-rating{
display: inline-block;
margin: 0;
}
}
.add_to_cart_button{
position: relative;
&.loading{
.title-cart{
visibility: hidden;
&:after{
visibility: visible;
content: "Loadding..";
position: absolute;
top: 9px;
left: 5px;
width: 100%;
text-align: center;
}
}
}
span {
display: none;
}
}
&:hover{
.button-action {
bottom:-35px;
> div {
opacity: 1;
margin-top: 0 !important;
}
}
.image {
img {}
}
}
}
/** On sale, name **/
.product-block {
span.onsale{
position: absolute;
@include size(63px, 63px);
background-color: $brand-danger;
color: #fff;
top: 10px;
@include rtl-right(5px);
@include rtl-left(auto);
@include border-radius(50%);
line-height: 55px;
font-size: 18px;
font-weight: 400;
z-index: 100;
font-family: Montserrat;
text-transform: uppercase;
z-index: 12;
}
}
//// button actions
.#{$app-prefix}-product-columns {
.product-block {
.name {
font-size: 2.4rem;
}
}
.button-action{
background: $white;
width:100%;
height: 35px;
position: absolute;
z-index: 9;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
bottom:0;
@include backface-visibility(hidden);
> div {
@include backface-visibility(hidden);
width: 32%;
margin-right: 2%;
float: left;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
opacity:0;
height: 35px;
margin-top: -35px;
overflow: hidden;
position: relative;
a {
background: $very-dark-gray;
color: $white!important;
line-height: 35px !important;
text-align: center!important;
display: block !important;
&.add_to_cart_button {
min-width: inherit;
padding: 0;
border-radius: 0;
&.loading {
.cart-icon {
@include engo-loading(1.2em,1.2em,1.2em,3px, rgba(255, 255, 255, 0.5),$white, rgba(255, 255, 255, 0.5));
}
&:after {
/*Remove woocommerce 2.5.2 loading*/
display: none;
}
}
&.added {
.cart-icon {
position: relative;
&:after {
content: "";
display:inline-block;
width: 6px;
height: 9px;
background: transparent;
border-right: 2px solid $white;
border-bottom: 2px solid $white;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
@include transform(rotate(45deg));
position: absolute;
top: 35%;
left: 35%;
}
}
&:after {
/*Remove woocommerce 2.5.2 added*/
display: none;
}
}
}
i{
margin: 0!important;
}
&:hover {
background: $brand-primary;
}
&.add_to_wishlist {
background: $very-dark-gray url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjIgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMSwxOWMtMC4yMDgsMC0wLjQwNS0wLjA4LTAuNTQ1LTAuMjIxbC04Ljc5My04Ljc2Yy0wLjAwMi0wLjAwMi0wLjAwNS0wLjAwNC0wLjAwNy0wLjAwNg0KCQlDMC41ODgsOC45MjEsMCw3LjQ3NCwwLDUuOTM3QzAsNC40MDEsMC41ODgsMi45NTMsMS42NTUsMS44NmwwLjEzNC0wLjEzNkMyLjg3NSwwLjYxMyw0LjMyNiwwLDUuODc0LDBzMi45OTksMC42MTMsNC4wODUsMS43MjUNCgkJTDExLDIuNzkybDEuMDQyLTEuMDY3QzEzLjEzLDAuNjEzLDE0LjU3OSwwLDE2LjEyNywwczIuOTk5LDAuNjEzLDQuMDg1LDEuNzI1bDAuMTM0LDAuMTM2QzIxLjQxMywyLjk1MywyMiw0LjQwMSwyMiw1LjkzNw0KCQljMCwxLjUzNy0wLjU4NywyLjk4NC0xLjY1NCw0LjA3N2MtMC4wMDIsMC4wMDItMC4wMDUsMC4wMDQtMC4wMDcsMC4wMDZsLTguNzkzLDguNzZDMTEuNDA2LDE4LjkyLDExLjIwOCwxOSwxMSwxOUwxMSwxOXoNCgkJIE0yLjc1Nyw5LjA4OEwxMSwxNy4zMDFsOC4yNDUtOC4yMTNjMS42OTUtMS43MzksMS42OTQtNC41NjctMC4wMDQtNi4zMDVsLTAuMTM0LTAuMTM2Yy0wLjgwMi0wLjgyLTEuODU4LTEuMjcxLTIuOTgtMS4yNzENCgkJYy0xLjEyMSwwLTIuMTc5LDAuNDUxLTIuOTc5LDEuMjdsLTEuNTk1LDEuNjMyQzExLjQxMiw0LjQyMywxMS4yMTEsNC41MDUsMTEsNC41MDVzLTAuNDExLTAuMDgzLTAuNTUyLTAuMjI3TDguODU0LDIuNjQ2DQoJCWMtMC44LTAuODE5LTEuODU4LTEuMjctMi45NzktMS4yN3MtMi4xOCwwLjQ1MS0yLjk4LDEuMjdMMi43NiwyLjc4M0MxLjA2Miw0LjUyMSwxLjA2MSw3LjM0OSwyLjc1Nyw5LjA4OEwyLjc1Nyw5LjA4OHoNCgkJIE0yLjc1Nyw5LjA4OCIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat scroll center center;
width: 100%;
height: 35px;
text-indent: 200px;
border-radius: 0;
&:hover {
background-color: $brand-primary;
}
}
.btn-icons {
display: inline-block;
vertical-align: middle;
&.cart-icon {
width: 19px; height: 25px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTlweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMTkgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy42NDcsNS43aC0yLjY5MlY1LjU0OEMxNC45NTUsMi40ODMsMTIuNTAzLDAsOS41MDEsMEM2LjQ4OSwwLDQuMDQ3LDIuNDgzLDQuMDQ3LDUuNTQ4VjUuN0gxLjMzNQ0KCQljLTEuNTcxLDAtMS4zMjEsMS4yOTMtMS4zMjEsMi45MDF2MTMuNDk3QzAuMDE1LDIzLjcwNywxLjI4NSwyNSwyLjg1NiwyNWgxMy4yNzljMS41NzEsMCwyLjg1My0xLjI5MywyLjg1My0yLjkwMVY4LjYwMg0KCQlDMTguOTg4LDYuOTkzLDE5LjIxOCw1LjcsMTcuNjQ3LDUuN3ogTTUuNDY4LDUuNTQ4YzAtMi4yNiwxLjgxMi00LjEwMyw0LjAzMy00LjEwM2MyLjIyMiwwLDQuMDMzLDEuODQyLDQuMDMzLDQuMTAzVjUuN0g1LjQ2OA0KCQlWNS41NDh6IE0xNy41NjcsOC4wMTFjMCwwLjE5My0wLjAxMSwwLjM4Ny0wLjAxMSwwLjU5MXYxMy40OTdjMCwwLjgwNC0wLjYzMSwxLjQ1Ni0xLjQyMSwxLjQ1NkgyLjg1Ng0KCQljLTAuNzgxLDAtMS40MjEtMC42NTItMS40MjEtMS40NTZWOC42MDJjMC0wLjIxNCwwLTAuNDI4LTAuMDEtMC42MjFjMC0wLjI2NS0wLjAxLTAuNjAxLDAuMDEtMC44MzVoMi42MTJ2Mi4zNDJoMS40MjFWNy4xNDZoOC4wNjYNCgkJdjIuMzQyaDEuNDIxVjcuMTQ2aDIuNjEyQzE3LjU3Nyw3LjM5LDE3LjU3Nyw3LjczNiwxNy41NjcsOC4wMTF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat scroll left top;
}
&.quickview-icon {
width: 29px; height: 18px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjlweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjkgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHk9IjAuMDUzIiBmaWxsPSJub25lIiB3aWR0aD0iMjkiIGhlaWdodD0iMTgiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LjE4Miw3LjY0NmMtMC4zMDktMC4zODYtMC42MzctMC43NDUtMC45NDktMS4wNzRjLTEuODItMS45MDItMy43NzItMy40ODktNS45MzQtNC42NzQNCgkJCWMtMS41NDYtMC44NDgtMy4wNjMtMS40MDQtNC41My0xLjY4NEMxNS44ODMsMC4wNDYsMTUuMDcsMCwxNC4zNTQsMGMtMC43NDcsMC0xLjU3NiwwLjA0Mi0yLjQ2LDAuMjE1DQoJCQlDMTAuNDEsMC41MDMsOC44OTIsMS4wNjMsNy4zNjIsMS44OThDNS4yNjMsMy4wNDQsMy4yOTYsNC42MiwxLjQzMSw2LjU3MkMxLjA2OSw2Ljk1LDAuNzU3LDcuMjk2LDAuNDc5LDcuNjQ2DQoJCQljLTAuNjQxLDAuODA3LTAuNjQxLDEuODY4LDAsMi42NzZjMC43NjEsMC45NjEsMS43NzksMS45NjEsMy4wNTQsMy4wMzljMi43MTEsMi4yOTEsNS4zNjksMy43NDUsNy45NzIsNC4zNDQNCgkJCUMxMi40MjEsMTcuOTEzLDEzLjM3NCwxOCwxNC4zNTQsMThjMC45NDksMCwxLjg4Ny0wLjA4NywyLjgwNC0wLjI5NmMyLjYzMi0wLjYwMyw1LjI5Ni0yLjA0Nyw4LjAwMi00LjM0NA0KCQkJYzEuMzU3LTEuMTU0LDIuMzQ4LTIuMTgxLDMuMDIxLTMuMDM5QzI4LjgzMSw5LjQ5MywyOC44MzgsOC40NjYsMjguMTgyLDcuNjQ2TDI4LjE4Miw3LjY0NnogTTI2Ljg3NCw5LjEzMg0KCQkJYy0wLjY4NSwwLjg5MS0xLjYzMiwxLjgxNi0yLjgwMywyLjgwOGMtMi40NTgsMi4wOC00Ljg3MiwzLjQzMy03LjI3MiwzLjk2NGMtMC44ODUsMC4xOTMtMS42OTYsMC4yNjQtMi40NDQsMC4yNjRoLTAuMDQ2DQoJCQljLTAuNzY1LDAtMS41NTktMC4wNzMtMi40MTQtMC4yNjRjLTIuMzY5LTAuNTM1LTQuODA2LTEuODU0LTcuMzA0LTMuOTY0QzMuNDE1LDEwLjk0NiwyLjQ5LDEwLjAwOCwxLjgyLDkuMTMyDQoJCQljLTAuMTA5LTAuMDgzLTAuMTA5LTAuMTgyLDAtMC4yOTdjMC4wNzgtMC4xMTYsMC4yMTQtMC4yODYsMC40MDQtMC40OTVjMC4yLTAuMjE5LDAuMzQ0LTAuMzgxLDAuNDIyLTAuNDgNCgkJCWMxLjgwNS0xLjg4MiwzLjY1MS0zLjMwMiw1LjUxMi00LjI5MmMxLjQ4Ny0wLjc5NCwyLjgzNS0xLjMxOCw0LjA0OS0xLjUzN2MwLjctMC4xMjcsMS40MTctMC4xOTcsMi4xNDgtMC4xOTcNCgkJCWMwLjcsMCwxLjQwMSwwLjA2MSwyLjEzNCwwLjE5N2MxLjIzLDAuMjI3LDIuNTgsMC43NSw0LjA0OCwxLjUzN2MxLjg5NiwxLjAxMywzLjcyMSwyLjQyNyw1LjQ4MSw0LjI5Mg0KCQkJYzAuNDA1LDAuNDMsMC42OSwwLjc1NSwwLjg1NiwwLjk3NUMyNi45NTcsOC45NDQsMjYuOTUxLDkuMDQ5LDI2Ljg3NCw5LjEzMkwyNi44NzQsOS4xMzJ6IE0yNi44NzQsOS4xMzIiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjM1NCwzLjUzNWMtMS41MDksMC0yLjgxOSwwLjUyOC0zLjg5MywxLjYwNEM5LjM4Nyw2LjIxMiw4Ljg1Nyw3LjUwNSw4Ljg1Nyw5LjAxNQ0KCQkJczAuNTI2LDIuNzkyLDEuNjA0LDMuODYyYzEuMDcxLDEuMDYzLDIuMzg0LDEuNTg4LDMuODkzLDEuNTg4YzEuNTEsMCwyLjc4Ny0wLjUyOCwzLjg0Ny0xLjU4OA0KCQkJYzEuMDczLTEuMDc1LDEuNjA0LTIuMzUyLDEuNjA0LTMuODYycy0wLjUzNC0yLjc5OS0xLjYwNC0zLjg3NkMxNy4xMzgsNC4wNjgsMTUuODY0LDMuNTM1LDE0LjM1NCwzLjUzNUwxNC4zNTQsMy41MzV6DQoJCQkgTTE2Ljk4NiwxMS42NjJjLTAuNzMyLDAuNzMxLTEuNjA0LDEuMDktMi42MzIsMS4wOWMtMS4wNDQsMC0xLjkzMS0wLjM3NS0yLjY2NC0xLjEwNWMtMC43MzEtMC43MzItMS4xMDQtMS42MTktMS4xMDQtMi42MzENCgkJCWMwLTEuMDQzLDAuMzczLTEuOTE2LDEuMTA0LTIuNjQ3YzAuNzMyLTAuNzMyLDEuNjE5LTEuMTA2LDIuNjY0LTEuMTA2YzEuMDQ0LDAsMS45MTEsMC4zNzgsMi42MzIsMS4xMDYNCgkJCWMwLjcyOCwwLjczNiwxLjA5LDEuNjA0LDEuMDksMi42NDdDMTguMDc2LDEwLjA0MiwxNy43MTcsMTAuOTMxLDE2Ljk4NiwxMS42NjJMMTYuOTg2LDExLjY2MnogTTE2Ljk4NiwxMS42NjIiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat scroll left top;
}
&.wishlist-icon {
width: 22px; height: 19px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjIgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMSwxOWMtMC4yMDgsMC0wLjQwNS0wLjA4LTAuNTQ1LTAuMjIxbC04Ljc5My04Ljc2Yy0wLjAwMi0wLjAwMi0wLjAwNS0wLjAwNC0wLjAwNy0wLjAwNg0KCQlDMC41ODgsOC45MjEsMCw3LjQ3NCwwLDUuOTM3QzAsNC40MDEsMC41ODgsMi45NTMsMS42NTUsMS44NmwwLjEzNC0wLjEzNkMyLjg3NSwwLjYxMyw0LjMyNiwwLDUuODc0LDBzMi45OTksMC42MTMsNC4wODUsMS43MjUNCgkJTDExLDIuNzkybDEuMDQyLTEuMDY3QzEzLjEzLDAuNjEzLDE0LjU3OSwwLDE2LjEyNywwczIuOTk5LDAuNjEzLDQuMDg1LDEuNzI1bDAuMTM0LDAuMTM2QzIxLjQxMywyLjk1MywyMiw0LjQwMSwyMiw1LjkzNw0KCQljMCwxLjUzNy0wLjU4NywyLjk4NC0xLjY1NCw0LjA3N2MtMC4wMDIsMC4wMDItMC4wMDUsMC4wMDQtMC4wMDcsMC4wMDZsLTguNzkzLDguNzZDMTEuNDA2LDE4LjkyLDExLjIwOCwxOSwxMSwxOUwxMSwxOXoNCgkJIE0yLjc1Nyw5LjA4OEwxMSwxNy4zMDFsOC4yNDUtOC4yMTNjMS42OTUtMS43MzksMS42OTQtNC41NjctMC4wMDQtNi4zMDVsLTAuMTM0LTAuMTM2Yy0wLjgwMi0wLjgyLTEuODU4LTEuMjcxLTIuOTgtMS4yNzENCgkJYy0xLjEyMSwwLTIuMTc5LDAuNDUxLTIuOTc5LDEuMjdsLTEuNTk1LDEuNjMyQzExLjQxMiw0LjQyMywxMS4yMTEsNC41MDUsMTEsNC41MDVzLTAuNDExLTAuMDgzLTAuNTUyLTAuMjI3TDguODU0LDIuNjQ2DQoJCWMtMC44LTAuODE5LTEuODU4LTEuMjctMi45NzktMS4yN3MtMi4xOCwwLjQ1MS0yLjk4LDEuMjdMMi43NiwyLjc4M0MxLjA2Miw0LjUyMSwxLjA2MSw3LjM0OSwyLjc1Nyw5LjA4OEwyLjc1Nyw5LjA4OHoNCgkJIE0yLjc1Nyw5LjA4OCIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat scroll left top;
}
&.yith-compare {
width: 22px; height: 19px;
background-position: left -64px;
}
}
}
&.wishlist-btn {
color: $white!important;
line-height: 35px;
text-align: center!important;
display: block !important;
.yith-wcwl-add-to-wishlist {
margin-top: 0 !important;
.ajax-loading {
position: absolute;
top: 8px;
left: 41%;
}
}
}
&.yith-compare{
.compare.added {
overflow: hidden;
color: transparent!important;
&:before{
content: "\f0ec";
font-family: 'FontAwesome';
position: absolute;
color: $white!important;
@include size(35px, 35px);
}
}
}
&.quick-view{
}
}
> div + div {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
> div + div + div {
-webkit-transition: all 0.75s ease;
transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-ms-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
margin-right: 0;
font-weight: bold;
}
.title, .clear{
display: none;
}
}
&.mini-button-actions {
.product-block {
.name {
font-size: 2rem;
max-height: 50px !important;
line-height: 25px !important;
overflow: hidden;
}
span.onsale {
@include size(50px, 50px);
line-height: 45px;
font-size: 14px;
}
}
.button-action {
height: 28px;
> div {
height: 28px;
margin-top: -28px;
a {
line-height: 28px !important;
&.add_to_cart_button {
min-width: inherit;
padding: 0;
&.loading {
.cart-icon {
width: 15px;
height: 15px;
background: none;
}
}
}
&.add_to_wishlist {
background: $very-dark-gray url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjIgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMSwxOWMtMC4yMDgsMC0wLjQwNS0wLjA4LTAuNTQ1LTAuMjIxbC04Ljc5My04Ljc2Yy0wLjAwMi0wLjAwMi0wLjAwNS0wLjAwNC0wLjAwNy0wLjAwNg0KCQlDMC41ODgsOC45MjEsMCw3LjQ3NCwwLDUuOTM3QzAsNC40MDEsMC41ODgsMi45NTMsMS42NTUsMS44NmwwLjEzNC0wLjEzNkMyLjg3NSwwLjYxMyw0LjMyNiwwLDUuODc0LDBzMi45OTksMC42MTMsNC4wODUsMS43MjUNCgkJTDExLDIuNzkybDEuMDQyLTEuMDY3QzEzLjEzLDAuNjEzLDE0LjU3OSwwLDE2LjEyNywwczIuOTk5LDAuNjEzLDQuMDg1LDEuNzI1bDAuMTM0LDAuMTM2QzIxLjQxMywyLjk1MywyMiw0LjQwMSwyMiw1LjkzNw0KCQljMCwxLjUzNy0wLjU4NywyLjk4NC0xLjY1NCw0LjA3N2MtMC4wMDIsMC4wMDItMC4wMDUsMC4wMDQtMC4wMDcsMC4wMDZsLTguNzkzLDguNzZDMTEuNDA2LDE4LjkyLDExLjIwOCwxOSwxMSwxOUwxMSwxOXoNCgkJIE0yLjc1Nyw5LjA4OEwxMSwxNy4zMDFsOC4yNDUtOC4yMTNjMS42OTUtMS43MzksMS42OTQtNC41NjctMC4wMDQtNi4zMDVsLTAuMTM0LTAuMTM2Yy0wLjgwMi0wLjgyLTEuODU4LTEuMjcxLTIuOTgtMS4yNzENCgkJYy0xLjEyMSwwLTIuMTc5LDAuNDUxLTIuOTc5LDEuMjdsLTEuNTk1LDEuNjMyQzExLjQxMiw0LjQyMywxMS4yMTEsNC41MDUsMTEsNC41MDVzLTAuNDExLTAuMDgzLTAuNTUyLTAuMjI3TDguODU0LDIuNjQ2DQoJCWMtMC44LTAuODE5LTEuODU4LTEuMjctMi45NzktMS4yN3MtMi4xOCwwLjQ1MS0yLjk4LDEuMjdMMi43NiwyLjc4M0MxLjA2Miw0LjUyMSwxLjA2MSw3LjM0OSwyLjc1Nyw5LjA4OEwyLjc1Nyw5LjA4OHoNCgkJIE0yLjc1Nyw5LjA4OCIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat scroll center center;
background-size: 18px;
height: 28px;
&:hover {
background-color: $brand-primary;
}
}
.btn-icons {
&.cart-icon {
width: 15px;
height: 20px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTlweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMTkgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy42NDcsNS43aC0yLjY5MlY1LjU0OEMxNC45NTUsMi40ODMsMTIuNTAzLDAsOS41MDEsMEM2LjQ4OSwwLDQuMDQ3LDIuNDgzLDQuMDQ3LDUuNTQ4VjUuN0gxLjMzNQ0KCQljLTEuNTcxLDAtMS4zMjEsMS4yOTMtMS4zMjEsMi45MDF2MTMuNDk3QzAuMDE1LDIzLjcwNywxLjI4NSwyNSwyLjg1NiwyNWgxMy4yNzljMS41NzEsMCwyLjg1My0xLjI5MywyLjg1My0yLjkwMVY4LjYwMg0KCQlDMTguOTg4LDYuOTkzLDE5LjIxOCw1LjcsMTcuNjQ3LDUuN3ogTTUuNDY4LDUuNTQ4YzAtMi4yNiwxLjgxMi00LjEwMyw0LjAzMy00LjEwM2MyLjIyMiwwLDQuMDMzLDEuODQyLDQuMDMzLDQuMTAzVjUuN0g1LjQ2OA0KCQlWNS41NDh6IE0xNy41NjcsOC4wMTFjMCwwLjE5My0wLjAxMSwwLjM4Ny0wLjAxMSwwLjU5MXYxMy40OTdjMCwwLjgwNC0wLjYzMSwxLjQ1Ni0xLjQyMSwxLjQ1NkgyLjg1Ng0KCQljLTAuNzgxLDAtMS40MjEtMC42NTItMS40MjEtMS40NTZWOC42MDJjMC0wLjIxNCwwLTAuNDI4LTAuMDEtMC42MjFjMC0wLjI2NS0wLjAxLTAuNjAxLDAuMDEtMC44MzVoMi42MTJ2Mi4zNDJoMS40MjFWNy4xNDZoOC4wNjYNCgkJdjIuMzQyaDEuNDIxVjcuMTQ2aDIuNjEyQzE3LjU3Nyw3LjM5LDE3LjU3Nyw3LjczNiwxNy41NjcsOC4wMTF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat scroll left top;
background-size: 15px;
}
&.quickview-icon {
width: 23px;
height: 14px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjlweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjkgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHk9IjAuMDUzIiBmaWxsPSJub25lIiB3aWR0aD0iMjkiIGhlaWdodD0iMTgiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LjE4Miw3LjY0NmMtMC4zMDktMC4zODYtMC42MzctMC43NDUtMC45NDktMS4wNzRjLTEuODItMS45MDItMy43NzItMy40ODktNS45MzQtNC42NzQNCgkJCWMtMS41NDYtMC44NDgtMy4wNjMtMS40MDQtNC41My0xLjY4NEMxNS44ODMsMC4wNDYsMTUuMDcsMCwxNC4zNTQsMGMtMC43NDcsMC0xLjU3NiwwLjA0Mi0yLjQ2LDAuMjE1DQoJCQlDMTAuNDEsMC41MDMsOC44OTIsMS4wNjMsNy4zNjIsMS44OThDNS4yNjMsMy4wNDQsMy4yOTYsNC42MiwxLjQzMSw2LjU3MkMxLjA2OSw2Ljk1LDAuNzU3LDcuMjk2LDAuNDc5LDcuNjQ2DQoJCQljLTAuNjQxLDAuODA3LTAuNjQxLDEuODY4LDAsMi42NzZjMC43NjEsMC45NjEsMS43NzksMS45NjEsMy4wNTQsMy4wMzljMi43MTEsMi4yOTEsNS4zNjksMy43NDUsNy45NzIsNC4zNDQNCgkJCUMxMi40MjEsMTcuOTEzLDEzLjM3NCwxOCwxNC4zNTQsMThjMC45NDksMCwxLjg4Ny0wLjA4NywyLjgwNC0wLjI5NmMyLjYzMi0wLjYwMyw1LjI5Ni0yLjA0Nyw4LjAwMi00LjM0NA0KCQkJYzEuMzU3LTEuMTU0LDIuMzQ4LTIuMTgxLDMuMDIxLTMuMDM5QzI4LjgzMSw5LjQ5MywyOC44MzgsOC40NjYsMjguMTgyLDcuNjQ2TDI4LjE4Miw3LjY0NnogTTI2Ljg3NCw5LjEzMg0KCQkJYy0wLjY4NSwwLjg5MS0xLjYzMiwxLjgxNi0yLjgwMywyLjgwOGMtMi40NTgsMi4wOC00Ljg3MiwzLjQzMy03LjI3MiwzLjk2NGMtMC44ODUsMC4xOTMtMS42OTYsMC4yNjQtMi40NDQsMC4yNjRoLTAuMDQ2DQoJCQljLTAuNzY1LDAtMS41NTktMC4wNzMtMi40MTQtMC4yNjRjLTIuMzY5LTAuNTM1LTQuODA2LTEuODU0LTcuMzA0LTMuOTY0QzMuNDE1LDEwLjk0NiwyLjQ5LDEwLjAwOCwxLjgyLDkuMTMyDQoJCQljLTAuMTA5LTAuMDgzLTAuMTA5LTAuMTgyLDAtMC4yOTdjMC4wNzgtMC4xMTYsMC4yMTQtMC4yODYsMC40MDQtMC40OTVjMC4yLTAuMjE5LDAuMzQ0LTAuMzgxLDAuNDIyLTAuNDgNCgkJCWMxLjgwNS0xLjg4MiwzLjY1MS0zLjMwMiw1LjUxMi00LjI5MmMxLjQ4Ny0wLjc5NCwyLjgzNS0xLjMxOCw0LjA0OS0xLjUzN2MwLjctMC4xMjcsMS40MTctMC4xOTcsMi4xNDgtMC4xOTcNCgkJCWMwLjcsMCwxLjQwMSwwLjA2MSwyLjEzNCwwLjE5N2MxLjIzLDAuMjI3LDIuNTgsMC43NSw0LjA0OCwxLjUzN2MxLjg5NiwxLjAxMywzLjcyMSwyLjQyNyw1LjQ4MSw0LjI5Mg0KCQkJYzAuNDA1LDAuNDMsMC42OSwwLjc1NSwwLjg1NiwwLjk3NUMyNi45NTcsOC45NDQsMjYuOTUxLDkuMDQ5LDI2Ljg3NCw5LjEzMkwyNi44NzQsOS4xMzJ6IE0yNi44NzQsOS4xMzIiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjM1NCwzLjUzNWMtMS41MDksMC0yLjgxOSwwLjUyOC0zLjg5MywxLjYwNEM5LjM4Nyw2LjIxMiw4Ljg1Nyw3LjUwNSw4Ljg1Nyw5LjAxNQ0KCQkJczAuNTI2LDIuNzkyLDEuNjA0LDMuODYyYzEuMDcxLDEuMDYzLDIuMzg0LDEuNTg4LDMuODkzLDEuNTg4YzEuNTEsMCwyLjc4Ny0wLjUyOCwzLjg0Ny0xLjU4OA0KCQkJYzEuMDczLTEuMDc1LDEuNjA0LTIuMzUyLDEuNjA0LTMuODYycy0wLjUzNC0yLjc5OS0xLjYwNC0zLjg3NkMxNy4xMzgsNC4wNjgsMTUuODY0LDMuNTM1LDE0LjM1NCwzLjUzNUwxNC4zNTQsMy41MzV6DQoJCQkgTTE2Ljk4NiwxMS42NjJjLTAuNzMyLDAuNzMxLTEuNjA0LDEuMDktMi42MzIsMS4wOWMtMS4wNDQsMC0xLjkzMS0wLjM3NS0yLjY2NC0xLjEwNWMtMC43MzEtMC43MzItMS4xMDQtMS42MTktMS4xMDQtMi42MzENCgkJCWMwLTEuMDQzLDAuMzczLTEuOTE2LDEuMTA0LTIuNjQ3YzAuNzMyLTAuNzMyLDEuNjE5LTEuMTA2LDIuNjY0LTEuMTA2YzEuMDQ0LDAsMS45MTEsMC4zNzgsMi42MzIsMS4xMDYNCgkJCWMwLjcyOCwwLjczNiwxLjA5LDEuNjA0LDEuMDksMi42NDdDMTguMDc2LDEwLjA0MiwxNy43MTcsMTAuOTMxLDE2Ljk4NiwxMS42NjJMMTYuOTg2LDExLjY2MnogTTE2Ljk4NiwxMS42NjIiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat scroll left top;
background-size: 23px;
}
&.wishlist-icon {
width: 18px;
height: 16px;
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjIgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMSwxOWMtMC4yMDgsMC0wLjQwNS0wLjA4LTAuNTQ1LTAuMjIxbC04Ljc5My04Ljc2Yy0wLjAwMi0wLjAwMi0wLjAwNS0wLjAwNC0wLjAwNy0wLjAwNg0KCQlDMC41ODgsOC45MjEsMCw3LjQ3NCwwLDUuOTM3QzAsNC40MDEsMC41ODgsMi45NTMsMS42NTUsMS44NmwwLjEzNC0wLjEzNkMyLjg3NSwwLjYxMyw0LjMyNiwwLDUuODc0LDBzMi45OTksMC42MTMsNC4wODUsMS43MjUNCgkJTDExLDIuNzkybDEuMDQyLTEuMDY3QzEzLjEzLDAuNjEzLDE0LjU3OSwwLDE2LjEyNywwczIuOTk5LDAuNjEzLDQuMDg1LDEuNzI1bDAuMTM0LDAuMTM2QzIxLjQxMywyLjk1MywyMiw0LjQwMSwyMiw1LjkzNw0KCQljMCwxLjUzNy0wLjU4NywyLjk4NC0xLjY1NCw0LjA3N2MtMC4wMDIsMC4wMDItMC4wMDUsMC4wMDQtMC4wMDcsMC4wMDZsLTguNzkzLDguNzZDMTEuNDA2LDE4LjkyLDExLjIwOCwxOSwxMSwxOUwxMSwxOXoNCgkJIE0yLjc1Nyw5LjA4OEwxMSwxNy4zMDFsOC4yNDUtOC4yMTNjMS42OTUtMS43MzksMS42OTQtNC41NjctMC4wMDQtNi4zMDVsLTAuMTM0LTAuMTM2Yy0wLjgwMi0wLjgyLTEuODU4LTEuMjcxLTIuOTgtMS4yNzENCgkJYy0xLjEyMSwwLTIuMTc5LDAuNDUxLTIuOTc5LDEuMjdsLTEuNTk1LDEuNjMyQzExLjQxMiw0LjQyMywxMS4yMTEsNC41MDUsMTEsNC41MDVzLTAuNDExLTAuMDgzLTAuNTUyLTAuMjI3TDguODU0LDIuNjQ2DQoJCWMtMC44LTAuODE5LTEuODU4LTEuMjctMi45NzktMS4yN3MtMi4xOCwwLjQ1MS0yLjk4LDEuMjdMMi43NiwyLjc4M0MxLjA2Miw0LjUyMSwxLjA2MSw3LjM0OSwyLjc1Nyw5LjA4OEwyLjc1Nyw5LjA4OHoNCgkJIE0yLjc1Nyw5LjA4OCIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat scroll left top;
background-size: 18px;
}
&.yith-compare {
width: 22px;
height: 19px;
background-position: left -64px;
}
}
}
&.wishlist-btn {
line-height: 28px;
.yith-wcwl-add-to-wishlist {
.ajax-loading {
}
}
}
&.yith-compare{
.compare.added {
overflow: hidden;
color: transparent!important;
&:before{
content: "\f0ec";
font-family: 'FontAwesome';
position: absolute;
color: $white!important;
@include size(28px, 28px);
}
}
}
&.quick-view{
}
}
}
.product-block {
.rating {
margin-top: 12px;
}
&:hover {
.button-action {
bottom: -28px;
}
}
}
}
}
/**
* Products Listing In Grid Style
*/
.products-grid{
.product-block{
.button-action{
>div {
.#{$app-prefix}-add-to-cart-btn {
span {
display: none;
}
}
}
}
.caption{
margin-left: 20px;
margin-right: 20px;
}
}
div.product{
position: relative;
margin-bottom: 30px;
&:after{
position:inherit;
bottom: 0;
right: 0;
width: 100%;
content: "";
height: 1px;
}
&.first{
clear: both;
border-left:none;
}
.name{
max-height: 60px;
font-size: 24px;
line-height: 30px;
overflow: hidden;
}
border-right:none;
border-bottom:none;
}
}
.products-list{
.product-block{
border-bottom:solid 1px $border-color;
.rating{
text-align:inherit;
}
}
.type-product:last-child .product-block{ border-bottom:none; }
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
font-weight: $product-price-font-weight ;
}
ul.engo-w-products-list, .products-list{
padding:0; margin:0!important;
.product-block{
padding:15px;
margin-bottom: 60px;
margin-top:0;
img{
border-bottom: none;
}
.caption-list {
h3.name a{
font: 400 36px/40px $font-family-second;
color: $gray-dark;
&:hover {
color: $brand-primary;
}
}
.rating {
text-align: left;
margin-top: 10px;
}
.price {
margin-top: 0px;
display: block;
ins {
font-size: 20px;
}
del {
color: #b5b5b5;
font-size: 16px;
text-decoration: line-through;
}
}
p {
color: #888;
font-size: $font-size-base;
line-height: 24px;
}
.actions-button {
margin-top: $grid-gutter-width;
}
.action-add-to-cart {
float: left;
margin-right: 10px;
position: relative;
a {
display: inline-block;
padding: 0 30px;
font-family: $headings-font-family;
color: #fff;
background-color: $brand-primary;
border-color: #fe3c3c;
border-radius: 0;
text-transform: uppercase;
line-height: 40px;
span {
display: block;
}
&.add_to_cart_button {
&:after {
content: inherit;
display: none;
}
&.loading {
position: relative;
opacity: 1 !important;
.cart-icon {
@include engo-loading(1.2em,1.2em,1.2em,3px, rgba(255, 255, 255, 0.5),$white, rgba(255, 255, 255, 0.5));
@include absolute(top 25% right 5px);
}
}
&.added {
.cart-icon {
content: "";
display:inline-block;
width: 9px;
height: 12px;
background: transparent;
border-right: 2px solid $white;
border-bottom: 2px solid $white;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
@include transform(rotate(45deg));
@include absolute(top 25% right 10px);
}
}
}
&.added_to_cart {
padding-top: 0.5em;
white-space: nowrap;
display: inline-block;
position: absolute;
top: 100%;
left: 10px;
transform: translate(0,0);
background: none;
color: $gray-dark;
padding-left: 0;
@include transition(all .5s ease);
&:before {
content: '';
width: 0;
height: 0;
border-left: 4px solid $gray-dark;
border-top: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
display: block;
float: left;
position: absolute;
top: 50%;
left: -8px;
}
}
}
}
.action-bottom {
.wishlist-btn, .quick-view {
float: left;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
margin-right: 10px;
}
.yith-wcwl-add-to-wishlist {
a.add_to_wishlist {
background: transparent url("images/icons/icon_wishlist_gray.png") no-repeat scroll center center;
border: 1px solid #b5b5b5;
width: 40px;
height: 40px;
line-height: 40px;
text-indent: 200px;
display: block;
overflow: hidden;
border-radius: 0;
}
}
.yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse {
display: inline-block;
float: left;
margin-bottom: 0;
margin-top: 0;
position: relative;
span.feedback {
background: transparent url("images/icons/icon_wishlist_gray.png") no-repeat scroll center center;
border: 1px solid #b5b5b5;
width: 40px;
height: 40px;
line-height: 40px;
text-indent: 200px;
display: block;
overflow: hidden;
border-radius: 0;
}
> a {
text-indent: -200px;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 13;
display: block;
overflow: hidden;
&:before {
content: "";
display: inline-block;
width: 6px;
height: 9px;
background: transparent;
border-right: 2px solid #b5b5b5;
border-bottom: 2px solid #b5b5b5;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
@include transform(rotate(45deg));
top: 35%;
left: 44%;
position: absolute;
}
}
}
.quick-view {
>a {
position: relative;
span {
background: transparent url("images/icons/icon_quickview_gray.png") no-repeat scroll center center;
border: 1px solid #b5b5b5;
width: 40px;
height: 40px;
line-height: 40px;
text-indent: 200px;
display: block;
overflow: hidden;
border-radius: 0;
}
}
}
}
}
}
}
/**
* Single product
*/
/*------------------------------------*\
Quantity inputs
\*------------------------------------*/
.quantity {
position : relative;
margin : 0 auto;
overflow : hidden;
zoom : 1;
span{
font-size: $font-size-base + 2;
@include rtl-margin-right(5px);
}
@include rtl-float-left();
input.qty {
@include border-right-radius(0);
@include border-left-radius(0);
padding:10px;
@include size(45px, 35px);
color: $black;
font-weight: 400;
border: 1px solid #e5e5e5;
&:focus{
@include form-control-focus();
}
}
.plus, .minus {
background : $white;
@include rtl-float-right();
@include rtl-clear-right();
display : block;
padding : 0;
margin : 0;
vertical-align : text-top;
text-decoration : none;
overflow : visible;
text-decoration : none;
cursor : pointer;
line-height : 13px;
font-size : 12px;
color : $text-color;
border : 1px solid $border-color;
text-align: center;
@include size(25px , 19px);
}
.plus {
@include border-bottom-radius(0);
@include rtl-right (0);
}
.minus {
bottom: 0;
@include rtl-right (0);
@include border-top-radius(0);
}
}
/* Single > Meta */
.product_meta{
clear: both;
margin-top: 20px;
padding: 15px 0 5px;
border-top:1px solid $border-color;
a{
color: #a0a0a0;
&:hover{
color: $theme-color;
text-decoration: none;
}
}
> span{
display: block;
color: $black;
}
> div{
margin-bottom: $theme-margin / 2;
}
.posted_in,.tagged_as{
font-weight: bold; font-weight: 600;
a{
font-weight: 400;
}
}
}
.sku_wrapper { font-weight: bold; font-weight: 600}
.sku_wrapper span { display: inline; font-weight: 400; color: #a0a0a0; }
//---------------
.single-product{
&.woocommerce {
div.product{
div.images img{
width: auto;
}
p.price{
color:$product-price-color;
font-size:18px;
}
form.cart{
margin-bottom: 10px;
div.quantity{
@include rtl-margin-right(40px);
}
.variations{
margin-top: 20px;
margin-bottom: 20px;
.label{
font-size: 12px;
text-transform:uppercase;
display: table-cell;
vertical-align: middle;
}
}
.engo-addToCart-error {
padding-top: 15px;
color: $brand-primary;
}
}
.woocommerce-product-rating{
margin-bottom: 10px;
}
.stock {
color: $brand-success;
font-weight: 700;
font-family: $headings-font-family;
font-size: $font-size-large;
}
.out-of-stock {
color: $brand-primary;
}
}
.quantity{
.qty{
width: 90px;
}
}
}
.summary{
@include font-size(font-size, $single-product-summary-font-size);
.product_meta{
clear: both;
margin-top: 20px;
padding: 15px 0 5px;
border-top:1px solid $border-color;
a{
color: #a0a0a0;
&:hover{
color: $theme-color;
text-decoration: none;
}
}
> span{
display: block;
color: $black;
}
> div{
margin-bottom: $theme-margin / 2;
}
}
.star-rating{
font-size:12px;
}
.share_social {
background-color: #f5f5f5;
border: 1px solid #f0f0f0;
padding: 15px;
margin-top: 15px;
@include border-radius(4px);
span{
color: $black;
line-height: 35px;
}
}
.clear{
display:none;
}
.yith-wcwl-add-to-wishlist{
@include rtl-float-left();
position: relative;
margin-bottom: 30px;
.ajax-loading{
position: absolute;
top: 5px;
@include rtl-left(20px);
}
}
a.compare{
@include rtl-float-left();
&.added{
position: relative !important;
&:before{
content: "\f0ec";
font-family: "FontAwesome";
@include square(30px);
@include rtl-margin-right(10px);
}
}
}
}
}
/** detail template **/
.#{$app-prefix}-product-detail {
.summary {
color: $gray-dark;
padding: 30px 35px;
width: 100% !important;
float: none !important;
position: relative;
z-index: 2;
.product_title {
font-weight: normal;
font-size: 36px;
font-family: $font-family-second;
display: block !important;
text-transform: inherit;
}
.price {
margin-top: 6px;
line-height: 40px;
font-family: $headings-font-family;
ins {
font-size: $font-size-large;
color: $brand-primary;
float: left;
font-style: normal;
font-weight: 700;
margin-right: 10px;
text-decoration: none;
}
del {
font-size: $font-size-base;
color: rgba(255,255,255,0.4);
text-decoration: line-through;
}
}
.product-description {
line-height: 24px;
font-size: $font-size-base;
font-family: $font-family-base;
margin-bottom: 30px;
}
.product-signle-options {
padding: 30px 0 50px 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
.selector-wrapper {
display: inline-block;
padding-left: 35px;
.reset_variations {
display: none !important;
}
label {
font-family: $headings-font-family;
font-weight: bold;
text-transform: uppercase;
}
select {
display: inline-block;
line-height: 35px;
height: 35px;
padding: 0 12px 0 12px;
margin-left: 5px;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 125px !important;
min-width: 60% !important;
font-size: 11px;
float: none !important;
margin-right: 0 !important;
}
.quantity {
float: none !important;
margin: 0 0 0 10px !important;
height: 35px;
width: 80px;
line-height: 35px;
position: relative;
display: inline-block;
overflow: inherit !important;
input {
background: transparent !important;
color: $white;
width: 100%;
border:none !important;
height: 33px;
padding: 0px;
text-align: center;
font-size: 14px;
-webkit-moz-appearance: none;
-moz-moz-appearance: none;
-ms-moz-appearance: none;
-o-moz-appearance: none;
moz-appearance: none;
}
.minus {
position: absolute;
display: block;
width: 20px;
font-size: $font-size-base;
text-align: center;
top: 12px;
left: 5px;
cursor: pointer;
background: transparent !important;
border: none !important;
}
.plus {
position: absolute;
display: block;
width: 20px;
font-size: $font-size-base;
text-align: center;
top: 12px;
right: 5px;
cursor: pointer;
background: transparent;
border: none;
}
}
&:first-child {
padding-left: 0;
}
}
}
.product-single-action {
padding: 25px 0 30px;
.variations_button {
display: inline-block;
position: relative;
}
.button {
display: inline-block;
padding: 13px 30px;
font-family: $headings-font-family;
}
.yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistexistsbrowse {
display: inline-block;
float: none;
margin-bottom: 0;
margin-top: 0;
position: relative;
a.add_to_wishlist, span.feedback {
background: transparent url("images/icons/icon_wishlist.png") no-repeat scroll center center;
width: 40px;
height: 40px;
line-height: 40px;
text-indent: 200px;
border: 1px solid #b5b5b5;
display: block;
overflow: hidden;
border-radius: 0;
}
}
.yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse {
span.feedback {
z-index: 12;
}
>a {
text-indent: -200px;
@include absolute(top 0 left 0 bottom 0 right 0);
z-index: 13;
display: block;
overflow: hidden;
&:before {
content: "";
display: inline-block;
width: 6px;
height: 9px;
background: transparent;
border-right: 2px solid $white;
border-bottom: 2px solid $white;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
@include transform(rotate(45deg));
@include absolute(top 35% left 44%);
}
}
}
.yith-compare {
display: inline-block !important;
float: none;
a {
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #b5b5b5;
display: block;
overflow: hidden;
color: $white;
text-align: center;
}
}
}
ul.tabs {
margin-top: 25px;
}
}
.owl-product-thumbs {
.owl-controls {
.owl-nav {
>div {
width: 20px;
height: 20px;
background-color: #fff;
padding: 0;
cursor: pointer;
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
font-size: 20px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid $light-gray;
text-align: center;
position: absolute;
top: 50%;
opacity: 0;
visibility: hidden;
@include transition(all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s);
&.owl-prev {
left: 30px;
}
&.owl-next {
right: 30px;
}
i {
color: $gray-light;
font-size: 16px;
line-height: 16px;
display: block;
}
}
}
}
&:hover {
.owl-controls {
.owl-nav {
> div {
visibility: visible;
opacity: 1;
&.owl-prev {
left: 0;
}
&.owl-next {
right: 0;
}
}
}
}
}
}
.owl-product-image {
.item{
margin: 3px;
img{
display: block;
width: 100%;
height: auto;
}
}
.owl-item {
opacity: 0.2;
transition: all 0.5s ease;
.gallery-item {
position: relative;
display: block;
.click-to-gallery {
content: "";
width: 82px;
height: 82px;
padding: 20px;
color: $white;
background: rgba(0,0,0, .75) url("images/icons/plus-zoom.png") no-repeat scroll center center;
@include absolute(top 50% left 50%);
@include transform(translate(-50%, -50%));
visibility: hidden;
z-index: 9;
cursor: pointer;
}
}
&.active {
opacity: 1;
cursor: zoom-in;
&:hover {
.click-to-gallery {
visibility: visible;
}
}
}
}
}
&.detail-product-v1 {
.owl-product-image, .owl-product-thumbs {
display: block;
}
.owl-product-image {
overflow: inherit !important;
overflow-y:hidden;
}
.owl-stage-outer {
overflow: inherit !important;
}
.owl-product-thumbs {
margin-top: 20px;
}
.#{$app-prefix}-summary-block {
margin-top: 257px;
}
.summary {
color: #fff;
background: $gray-darker;
.product_title {
color: $white;
}
.price {
ins {
}
del {
}
}
.product-description {
color: rgba(255, 255, 255, 0.4);
}
.product-signle-options {
border-top: 1px solid #303030 !important;
border-bottom: 1px solid #303030 !important;
.selector-wrapper {
.reset_variations {
}
label {
}
select {
color: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.4);
background: $gray-darker;
}
.quantity {
background: $gray-darker;
border: 1px solid rgba(255, 255, 255, 0.4);
input {
background: transparent !important;
color: $white;
}
.minus {
color: rgba(255, 255, 255, 0.4);
background: transparent !important;
}
.plus {
font-size: $font-size-base;
color: rgba(255, 255, 255, 0.4);
background: transparent;
}
}
&:first-child {
padding-left: 0;
}
}
}
.product-single-action {
border-bottom: 1px solid #303030;
.variations_button {
}
.button {
}
.yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistexistsbrowse {
a.add_to_wishlist, span.feedback {
background: transparent url("images/icons/icon_wishlist.png") no-repeat scroll center center;
border: 1px solid #4e4e4e;
}
}
.yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse {
span.feedback {
z-index: 12;
}
>a {
&:before {
border-right: 2px solid $white;
border-bottom: 2px solid $white;
}
}
}
.yith-compare {
a {
border: 1px solid #4e4e4e;
color: $white;
}
}
}
.sharing-box {
padding: 25px 0 25px;
h4 {
color: $white;
}
.social-sharing {
a {
i {
color: rgba(255, 254, 254, 0.6);
}
&:hover {
i {
color: $brand-primary;
}
}
}
}
}
}
}
&.detail-product-v2 {
.summary {
color: #888;
.product_title {
color: $gray-darker;
}
.price {
ins {
}
del {
color: #b5b5b5;
}
}
.product-description {
color: #888;
}
.product-signle-options {
border-top: 1px solid #e9e9e9 !important;
border-bottom: 1px solid #e9e9e9 !important;
.selector-wrapper {
.reset_variations {
display: none;
}
label {
color: $gray-darker;
}
select {
color: #b5b5b5;
border: 1px solid #b5b5b5;
}
.quantity {
border: 1px solid #b5b5b5;
input {
background: transparent !important;
color: $gray-darker;
}
.minus {
color: #b5b5b5;
background: transparent !important;
}
.plus {
font-size: $font-size-base;
color: #b5b5b5;
background: transparent;
}
}
&:first-child {
padding-left: 0;
}
}
}
.product-single-action {
border-bottom: 1px solid #e9e9e9;
.variations_button {
}
.button {
}
.yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistexistsbrowse {
a.add_to_wishlist, span.feedback {
background: transparent url("images/icons/icon_wishlist_gray.png") no-repeat scroll center center;
border: 1px solid #b5b5b5;
}
}
.yith-wcwl-wishlistexistsbrowse, .yith-wcwl-wishlistaddedbrowse {
span.feedback {
z-index: 12;
}
>a {
&:before {
border-right: 2px solid #b5b5b5;
border-bottom: 2px solid #b5b5b5;
}
}
}
.yith-compare {
a {
border: 1px solid #b5b5b5;
color: #b5b5b5;
}
}
}
.sharing-box {
padding: 25px 0 25px;
h4 {
color: $gray-darker;
}
.social-sharing {
a {
i {
color: $gray-darker;
}
&:hover {
i {
color: $brand-primary;
}
}
}
}
}
.tabs-v1 {
ul.tabs {
margin: 20px 0 !important;
li {
&:first-child {
padding-left: 5px;
}
}
}
}
}
}
}
// product woocommerce tabs
.woocommerce div.product .woocommerce-tabs {
border: solid 1px $border-color;
ul.tabs{
background:transparent;
color: $theme-color-second;
li{
background:transparent;
border:none;
padding: 10px 15px;
&.active{
background-color: lighten(#000000, 30%);
}
&:after, &:before, &.active:before, &.active:after{
box-shadow:0px 0px 0 #fff!important;
border:none !important;
}
a { color: $black; text-transform:uppercase;font-size:18px;font-family:$font-family-sans-serif; letter-spacing:2px;}
}
}
&.tabs-v1 {
border: none !important;
ul.tabs {
margin: 95px 0 20px;
padding: 0;
list-style: none;
li {
display: inline-block;
vertical-align: top;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
font-family: $headings-font-family;
color: #b5b5b5;
position: relative;
a {
display: inline-block;
vertical-align: middle;
color: #b5b5b5;
font: 400 20px $headings-font-family;
text-transform: uppercase;
line-height: 19px;
padding-left: 25px;
}
&:first-child a {
padding-left: 0;
}
&:after {
@include absolute(top 20px right -10px);
content: 'x';
display: inline-block;
font-size: $font-size-small;
color: $brand-primary;
}
&:last-child {
&:after {
content: '';
}
}
&.active a {
color: $gray-darker;
}
}
}
}
.wc-tab{ }
margin-bottom: $block-module-margin-bottom;
h2{
font-size: 14px;
margin-top: 0;
margin-bottom: 20px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background:none;
color: $black;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
border-bottom-color:$border-color;
}
/**
* Category And Listing Page
*/
.mainfullwidth {
&.container-fluid {
margin-right: 0 !important;
margin-left: 0 !important;
padding-left: 30px;
padding-right: 30px;
.products-top-wrap {
border-bottom: none;
.woocommerce-ordering {
@include rtl-float-left();
}
.display-mode {
@include rtl-float-right();
}
}
}
}
// styling sortorder and display mode
.products-top-wrap {
//border-bottom:solid 1px $products-top-wrap-border-color;
padding-left:floor(($grid-gutter-width / 2));
padding-right: floor(($grid-gutter-width / 2));
background:$products-top-wrap-bg ;
.woocommerce-ordering{
margin-top:10px;
float: right;
}
.display-mode {
float: left;
margin: 12px 0;
.btn {
border-radius: 0;
background-color: transparent;
padding: 4px 7px;
font-size: 14px;
line-height: 20px;
color: #b5b5b5;
border:1px solid;
margin-right: 9px;
box-shadow: none;
-webkit-box-shadow: none;
height: inherit;
}
}
}
.products-bottom-wrap {
margin: 70px 0 100px;
.woocommerce-pagination {
}
nav.woocommerce-pagination {
ul {
margin: 0;
padding: 40px 25px 0;
list-style: none;
display: inline-block;
border:none;
border-top: 1px solid #dadada;
li {
display: inline-block;
font-size: 16px;
font-family: $headings-font-family;
color: $gray-dark;
border-right: none;
span.current {
background: transparent;
color: $brand-primary;
text-decoration: underline;
}
a {
color: $gray-dark;
&.next, &.prev {
display: inline-block;
width: 100px;
border: 1px solid #909090;
border-radius: 10px;
cursor: pointer;
margin: 0 50px;
&:hover {
background: #909090;
color: $white;
}
}
&:hover {
color: $brand-primary;
background: transparent;
}
}
}
}
.woocommerce-result-count {
@include rtl-float-right();
margin: 8px 0;
}
padding: 20px 0;
}
}
.woocommerce-result-count {
text-align: center;
font-size: $font-size-base;
color: $gray-dark;
font-family: $headings-font-family;
display: block;
float: none !important;
}
/**
* Checkout Page
*/
/**
* Thanks you page
*/
/** Whish list **/
.wishlist-title {
display: block;
margin-bottom: 40px;
h2 {
text-align: center;
font-size: 24px;
margin-bottom: 20px;
display: block;
}
}
.wishlist_table {
margin-top: 20px;
tr td, tr th.wishlist-delete, tr th.product-checkbox {
text-align: left;
}
thead th {
border-top: none !important;
}
tr td {
.product-remove {
text-align: center;
}
&.product-stock-status {
font-family: $headings-font-family;
font-size: 16px;
text-transform: uppercase;
}
&.product-thumbnail {
width: 109px;
a {
max-width: inherit;
}
}
&.product-add-to-cart {
width: 210px;
}
&.product-name {
font-size: 20px;
font-family: $font-family-second;
}
&.product-price {
.amount {
color: $gray-dark;
}
del {
.amount {
color: $gray-dark;
font-size: 12px;
}
}
ins {
text-decoration: none;
}
}
.engo-add-to-cart-btn {
line-height: 38px;
height: 40px;
font-family: $headings-font-family;
text-transform: uppercase;
padding: 0px 20px;
margin-left: 15px;
border: 1px solid #FF5556;
border-radius: 0px;
cursor: pointer;
background: #FF5556;
color: $white;
font-size: 16px;
}
}
}
/** Quickview **/
##{$app-prefix}-quickview-modal {
.engo-product-detail{
.summary {
padding: 22px 0 0;
}
}
.product-block {
margin-bottom: 0;
}
.product-simple-form {
.product-signle-options {
display: none;
}
.product-single-action {
border-top: 1px solid #e9e9e9;
}
}
.product-single-action {
.selector-wrapper {
margin-right: 35px;
float: left;
}
}
.sharing-box {
padding-bottom: 0;
}
.variations_button {
float: left;
margin-right: 10px;
}
.yith-wcwl-add-to-wishlist {
float: left;
margin-right: 10px;
}
.selector-wrapper {
display: inline-block;
padding-left: 35px;
margin-right: 10px;
float: left;
.reset_variations {
display: none !important;
}
label {
font-family: $headings-font-family;
font-weight: bold;
text-transform: uppercase;
color: $gray-darker;
}
select {
display: inline-block;
line-height: 40px;
height: 40px;
padding: 0 12px 0 12px;
margin-left: 5px;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 125px !important;
font-size: 11px;
float: none !important;
color: #b5b5b5;
border: 1px solid #b5b5b5;
}
.quantity {
border: 1px solid #b5b5b5;
float: none !important;
margin: 0 0 0 10px !important;
height: 40px;
width: 80px;
line-height: 40px;
position: relative;
display: inline-block;
overflow: inherit !important;
input {
background: transparent !important;
color: $gray-darker;
width: 100%;
border:none !important;
height: 38px;
padding: 0px;
text-align: center;
font-size: 14px;
-webkit-moz-appearance: none;
-moz-moz-appearance: none;
-ms-moz-appearance: none;
-o-moz-appearance: none;
moz-appearance: none;
}
.minus {
color: #b5b5b5;
background: transparent !important;
position: absolute;
display: block;
width: 20px;
font-size: $font-size-base;
text-align: center;
top: 12px;
left: 5px;
cursor: pointer;
border: none !important;
}
.plus {
color: #b5b5b5;
background: transparent;
position: absolute;
display: block;
width: 20px;
font-size: $font-size-base;
text-align: center;
top: 12px;
right: 5px;
cursor: pointer;
border: none;
}
}
&:first-child {
padding-left: 0;
}
}
.quickview-images {
position: relative;
padding: 0 10px;
.owl-product-thumb {
position: absolute;
bottom: 0;
width: 100%;
height: auto;
}
}
}