.sp-wqv-content {
position: relative;
width: 90%;
margin: 0 auto;
padding: 0px;
max-width: 900px;
max-height: 450px;
box-sizing: border-box;
display: flex;
}
.wqv-product-info,
.wqv-product-images {
height: auto;
}
.wqv-product-images {
width: 50%;
overflow: hidden;
position: relative;
}
.wqv-product-images img {
border-radius: 0 !important;
box-shadow: inherit !important;
display: block;
width: 100%;
}
.wqv-product-info {
width: 50%;
overflow: auto;
margin: 0;
padding: 20px;
}
.wqv-product-info .wqv-product-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative;
padding: 0;
}
.wqv-product-info form.cart {
overflow: hidden;
}
.wqv-product-info table.variations tbody td {
padding-left: 0;
background: transparent;
}
.wqv-product-info .woocommerce-variation-price {
margin-bottom: 10px;
}
.wqv-product-info .quantity .minus,
.wqv-product-info .quantity .plus {
display: none !important;
}
.woocommerce .wqv-product-info .quantity .qty,
.wqv-product-info .quantity .qty {
max-width: 60px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0 10px 0 0;
padding: 0 4px;
background-color: #f2f2f2;
color: #43454b;
outline: 0;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: 0 0 0;
text-align: center;
line-height: 35px;
}
.wqv-product-info .quantity {
float: left;
display: inline;
width: auto;
min-width: inherit !important;
border: none;
padding: 0;
margin: 0;
}
.wqvp-product-info .product_meta>span {
display: block;
padding: 6px 0px;
border-top: 1px solid #eaecee;
}
.wqv-product-info .woocommerce-product-rating {
margin-bottom: 20px;
}
.wqv-product-info .woocommerce-product-rating .woocommerce-review-link {
display: none !important;
}
.wqv-product-info .button {
border: none;
cursor: pointer;
max-width: 100%;
border-radius: 1px;
display: inline-block;
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.wqv-product-info .button:focus {
outline: 0;
}
#sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#sp-wqv-view-button.sp-wqv-view-button.button.after_add_to_cart,
#wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#wps-slider-section .sp-wqv-view-button.button.after_add_to_cart,
#wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#wpsp-slider-section .sp-wqv-view-button.button.after_add_to_cart {
display: inline-block;
}
#sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart,
#wps-slider-section .sp-wqv-view-button.button.before_add_to_cart,
#wpsp-slider-section .sp-wqv-view-button.button.before_add_to_cart {
margin-right: 5px;
margin-left: 0;
}
#sp-wqv-view-button.sp-wqv-view-button.button.after_add_to_cart,
#wps-slider-section .sp-wqv-view-button.button.after_add_to_cart,
#wpsp-slider-section .sp-wqv-view-button.button.after_add_to_cart {
margin-left: 5px;
}
#sp-wqv-view-button.sp-wqv-view-button.button,
#wps-slider-section .sp-wqv-view-button.button,
#wpsp-slider-section .sp-wqv-view-button.button {
font-size: 14px;
line-height: 19px;
text-align: center;
font-weight: 600;
padding: 9px 17px 9px 17px;
display: inline-block;
text-decoration: none;
cursor: pointer;
max-width: 100%;
border-radius: 1px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#sp-wqv-view-button.sp-wqv-view-button.button:focus,
#sp-wqv-view-button.sp-wqv-view-button.button:hover,
#sp-wqv-view-button.sp-wqv-view-button.button:active,
#wps-slider-section .sp-wqv-view-button.button:focus,
#wps-slider-section .sp-wqv-view-button.button:hover,
#wps-slider-section .sp-wqv-view-button.button:active,
#wpsp-slider-section .sp-wqv-view-button.button:focus,
#wpsp-slider-section .sp-wqv-view-button.button:hover,
#wpsp-slider-section .sp-wqv-view-button.button:active {
outline: 0;
text-decoration: none;
}
#sp-wqv-view-button.sp-wqv-view-button.button.below_product,
#wps-slider-section .sp-wqv-view-button.button.below_product,
#wpsp-slider-section .sp-wqv-view-button.button.below_product {
margin-top: 5px
} .wc-block-product-template__responsive>li:has(.sp-wqv-view-button.button.below_product) {
text-align: center;
} .sp-wqv-content .star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: WooCommerce
}
.sp-wqv-content .star-rating::before {
content: "sssss";
color: #cfc8d8;
float: left;
top: 0;
left: 0;
position: absolute
}
.sp-wqv-content .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.sp-wqv-content .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0
} #sp-wqv-view-button.sp-wqv-view-button:not(.wqv-right-icon) i.wqv-icon {
margin-right: 5px;
vertical-align: middle;
}
#sp-wqv-view-button.sp-wqv-view-button.wqv-right-icon i.wqv-icon {
margin-left: 5px;
vertical-align: middle;
}
#wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button:not(.components-button):not(.customize-partial-edit-shortcut-button):hover {
text-decoration: none;
}
.wqv-product-info .single_add_to_cart_button.disabled {
opacity: 0.5;
cursor: not-allowed;
}
#wqv-quick-view-content .wqv-product-info a.added_to_cart {
display: inline-block;
color: #fff;
}
.theme-hello-elementor #wqv-quick-view-content button.single_add_to_cart_button.button.loading:after {
line-height: 1.4;
} .mfp-bg.mfp-wqv,
.mfp-wrap.mfp-wqv {
z-index: 99999;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top .mfp-content {
vertical-align: middle;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-slide-bottom .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
} .mfp-slide-bottom.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} @keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-duration: 1s;
animation-name: hinge;
}
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-wqv #wqv-quick-view-content .mfp-close:focus {
outline: none;
outline-color: transparent;
}
#wqv-quick-view-content .wqv-product-info .product_title {
color: #555555;
font-size: 24px;
line-height: 32px;
text-align: left;
font-weight: 700;
margin-bottom: 10px;
}
.wqv-product-info .wqv-product-content .product_title.entry-title::after {
height: 3px;
display: block;
background-color: rgba(0, 0, 0, .1);
width: 100%;
max-width: 30px;
content: '';
margin-top: 8px;
}
#wqv-quick-view-content .wqv-product-info .price,
#wqv-quick-view-content .wqv-product-info .price .amount {
color: #111111;
font-size: 20px;
line-height: 22px;
text-align: left;
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
}
#wqv-quick-view-content .wqv-product-info .woocommerce-product-details__short-description,
#wqv-quick-view-content .wqv-product-info .wqv-product-description {
color: #777777;
font-size: 14px;
line-height: 23px;
text-align: left;
font-weight: normal;
margin-bottom: 15px;
}
#wqv-quick-view-content .wqv-product-info .product_meta>span {
display: block;
padding: 6px 0px;
border-top: 1px solid #eaecee;
color: #777777;
font-size: 12px;
line-height: 18px;
text-align: left;
font-weight: normal;
}
.wqv-product-info form.cart {
margin-bottom: 10px;
overflow: hidden;
}
#wqv-quick-view-content .wqv-product-info a.added_to_cart,
#wqv-quick-view-content .wqv-product-info ul.products li.product .button,
#wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button:not(.components-button):not(.customize-partial-edit-shortcut-button) {
color: #ffffff;
font-size: 13px;
line-height: 35px;
text-align: center;
text-transform: capitalize;
font-weight: 600;
background: #444444;
padding: 0px 16px 0px 16px;
border-radius: 3px;
transition: all 0.3s ease;
margin-top: 0px;
}
.wqv-product-info .quantity {
float: left;
display: inline;
width: auto;
min-width: inherit !important;
border: none;
padding: 0;
margin: 0;
line-height: 35px;
}
.wqvp-fancybox-wrapper .fancybox-toolbar {
top: 30px;
}
.wqvp-fancybox-wrapper {
z-index: 99999;
} @media (max-width: 768px) {
.wqv-product-images {
display: block;
float: inherit;
width: auto;
}
.wqv-product-images img {
width: 100%;
}
.wqv-product-info {
display: block;
float: inherit;
padding: 30px 15px 0;
width: auto;
}
}
@media (max-width: 1022px) {
.mfp-wqv .sp-wqv-content {
max-width: 430px;
max-height: inherit;
display: block;
}
.mfp-wqv .wqv-product-info,
.mfp-wqv .wqv-product-images {
width: 100%;
height: auto;
}
}
.sp-wqv-woocommerce-loop-product-buttons {
display: flex;
justify-content: center;
align-items: flex-start;
}
.theme-twentytwentytwo.archive #sp-wqv-view-button.sp-wqv-view-button.button.after_add_to_cart,
.theme-twentytwentythree.archive #sp-wqv-view-button.sp-wqv-view-button.button.after_add_to_cart {
margin-top: initial;
} .woocommerce-page.woocommerce-uses-block-theme #wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button.loading:not(.added):after,
.woocommerce-page.woocommerce-uses-block-theme #wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button.added:after {
animation: spin 2s linear infinite;
content: "";
display: inline-block;
font-family: WooCommerce;
height: auto;
margin-left: 0.5em;
margin-right: 0;
width: auto;
}
.woocommerce-page.woocommerce-uses-block-theme #wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button.added:after {
content: "\e017";
animation: none;
} .wpsf-cart-button {
margin-top: 10px;
clear: both;
}
.wpsf-cart-button p {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
#wps-slider-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button)+#sp-wqv-view-button,
#wps-slider-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
margin-top: 0;
} .rtl #sp-wqv-view-button.sp-wqv-view-button.button.after_add_to_cart {
margin-right: 5px;
margin-left: 0;
}
.rtl #sp-wqv-view-button.sp-wqv-view-button.button.before_add_to_cart {
margin-right: 0;
margin-left: 5px;
}