File "woocommerce.scss"
Full Path: /home/flipjqml/onlinebetsolution.com/next_old/wp-content/themes/cyarb/assets/css/woocommerce.scss
File size: 129.35 KB
MIME-type: text/plain
Charset: utf-8
/*
* Gravo theme Woocommerce Style
*/
$media: screen;
$feature_min: min-width;
$feature_max: max-width;
$value_one: 767px;
$value_two: 768px;
$value_three: 991px;
$value_four: 992px;
$value_five: 1199px;
button {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.btn {
font-weight: bold;
font-size: 14px;
border: none;
padding: 13px 30px;
text-transform: capitalize;
position: relative;
z-index: 1;
-webkit-transition: .9s;
transition: .9s;
}
.btn-primary {
color: #ffffff;
background-color: var(--mainColor);
&.disabled, &:disabled {
background-color: var(--mainColor);
}
&:hover, &:focus {
background-color: var(--blackColor);
}
}
.default-btn {
&.disabled, &:disabled {
background-color: var(--blackColor);
}
&:hover, &:focus {
background-color: var(--blackColor);
&::before, &::after {
width: 100%;
}
}
}
.woocommerce-topbar {
.nice-select {
span.current {
margin-top: -5px;
}
}
}
/* Woocommerce topbar */
.woocommerce-topbar {
border: 1px solid #f8f8f8;
position: relative;
padding: 20px 30px;
margin-bottom: 30px;
background: #ffffff;
.woocommerce-result-count {
font-size: 16px;
margin: 0;
float: none;
color: var(--paragraphColor);
}
.woocommerce-topbar-ordering {
margin: 0;
float: none;
position: absolute;
top: 10px;
right: 30px;
.form-control {
border: 1px solid #eee;
cursor: pointer;
background-color: #f8f8f8;
color: var(--blackColor);
border-radius: 0;
height: 48px;
padding: 5px 16px;
width: 221px !important;
font-size: 16px;
font-weight: 500;
option {
font-size: 14px;
}
}
.nice-select {
span.current {
margin-top: 0;
}
}
}
}
/* End woocommerce topbar */
.single-products-box {
.content {
.price {
del {
display: block;
color: var(--mainColor);
span {
color: var(--mainColor);
}
}
ins {
text-decoration: none;
}
.woocommerce-Price-currencySymbol {
display: inline-block;
}
}
}
.quick-view-btn, .wishlist-btn {
position: relative;
a {
font-size: 0 !important;
}
.feedback {
display: none;
}
.productsquickview::before, .add_to_wishlist::before, .yith-wcwl-wishlistexistsbrowse a::before, .yith-wcwl-wishlistaddedbrowse a::before{
font-size: 22px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
right: 0;
font-weight: 100;
position: absolute;
color: #ffffff;
content: "\f07a";
font-family: "Font Awesome 5 Free" !important;
font-style: normal;
text-align: center;
line-height: 1;
display: inline-block;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.productsquickview:hover::before, .add_to_wishlist:hover::before, .yith-wcwl-wishlistexistsbrowse a:hover::before, .yith-wcwl-wishlistaddedbrowse a:hover::before {
color: #fff;
}
.add_to_cart_button.ajax_add_to_cart.added {
display: none !important;
}
.productsquickview::before {
content: "\f00e";
font-weight: 900;
}
.add_to_wishlist::before {
content: "\f004";
}
.yith-wcwl-wishlistexistsbrowse a::before {
content: "\f061" !important;
font-weight: 900;
}
.yith-wcwl-wishlistaddedbrowse a::before {
content: "\f061" !important;
font-weight: 900;
}
}
.onsale {
position: absolute !important;
z-index: 2 !important;
left: 20px !important;
top: 20px !important;
background-color: red !important;
color: var(--whiteColor) !important;
padding: 3px 13px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: initial !important;
min-height: auto !important;
min-width: auto !important;
border-radius: unset !important;
right: auto !important;
}
.yith-wcwl-add-to-wishlist {
a {
font-size: 0 !important;
}
}
.quick-view-btn {
margin-top: 10px;
.quick-view {
font-size: 0 !important;
}
}
}
.single-products-box {
margin-bottom: 30px;
position: relative;
overflow: hidden;
.sale {
background-color: #06bec7;
color: var(--whiteColor);
position: absolute;
padding: 3px 15px;
left: 0;
top: 0;
font: {
size: 14px;
weight: 600;
};
}
.out-of-stock {
background-color: var(--mainColor);
color: var(--whiteColor);
position: absolute;
padding: 3px 15px;
left: 0;
top: 0;
font: {
size: 14px;
weight: 600;
};
}
.hot {
background-color: green;
color: var(--whiteColor);
position: absolute;
padding: 3px 15px;
right: 0;
top: 0;
font: {
size: 14px;
weight: 600;
};
}
img {
transition: var(--transition);
}
.products-button {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
position: absolute;
right: 20px;
top: 40px;
li {
opacity: 0;
visibility: hidden;
margin-bottom: 8px;
transform: translateX(30px);
transition: all 0.3s ease-in-out 0s;
a {
width: 40px;
height: 40px;
font-size: 24px;
line-height: 42px;
text-align: center;
position: relative;
display: inline-block;
color: var(--whiteColor);
background-color: var(--blackColor);
&:hover {
color: var(--whiteColor);
background-color: var(--mainColor);
}
}
&:last-child {
margin-bottom: 0;
}
&:nth-child(1) {
transition-delay: 0.1s;
}
&:nth-child(2) {
transition-delay: 0.2s;
}
&:nth-child(3) {
transition-delay: 0.3s;
}
}
}
.content {
left: 0;
right: 0;
bottom: 0;
position: absolute;
padding: 20px 100px 20px 20px;
background-color: rgba(255, 255, 255, .8);
border: 1px solid #eee;
h3 {
font-size: 20px;
margin-bottom: 0;
}
.add-to-cart-btn {
margin-top: 10px;
font-weight: 700;
position: relative;
padding: 0;
padding-right: 32px;
display: inline-block;
color: var(--paragraphColor);
margin-right: 8px;
background-color: transparent;
i {
right: 0;
top: 50%;
width: 25px;
height: 25px;
font-size: 12px;
position: absolute;
transform: translateY(-50%);
background-color: #f2f2f2;
transition: var(--transition);
color: var(--paragraphColor);
text-align: center;
border-radius: 50%;
line-height: 25px;
}
&:hover {
color: var(--mainColor);
background-color: transparent;
i {
background-color: var(--mainColor);
color: var(--whiteColor);
}
}
}
.price {
top: 21px;
right: 20px;
position: absolute;
span {
display: block;
font-weight: 700;
text-align: center;
color: var(--paragraphColor);
&.old-price {
margin-bottom: 2px;
color: var(--mainColor);
text-decoration: line-through;
}
}
}
}
&:hover {
img {
transform: scale(1.08);
}
.products-button {
li {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
}
}
}
.yith-wcwl-add-button span{
display: inline !important;
}
@media (min-width: 992px) {
.four-grid-card {
.col-lg-4 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
}
/* Product details style */
.pswp {
z-index: 100005;
}
.products_details {
.woocommerce-product-gallery__wrapper {
.woocommerce-product-gallery__image {
a {
display: block;
}
}
}
div.product {
span.sale-btn {
position: absolute;
text-align: center;
top: 15px;
left: 15px;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
z-index: 2;
font-size: 13px;
background-color: var(--mainColor);
}
.product_title {
display: block;
font-size: 23px;
font-weight: 700;
position: relative;
margin-bottom: 15px;
}
p.price, span.price {
margin-bottom: 15px;
color: var(--blackColor);
font-size: 18px;
font-weight: 700;
display: block;
del {
margin-right: 5px;
color: #828893;
font-weight: normal;
}
ins {
text-decoration: none;
}
}
.woocommerce-product-rating {
margin-bottom: 5px;
.star-rating {
font-size: 14px;
color: #ffba0a;
}
a.woocommerce-review-link {
display: inline-block;
color: #221638;
border-bottom: 1px solid #221638;
line-height: initial;
position: relative;
top: -3px;
font-weight: 600;
}
}
.woocommerce-product-details__short-description {
p {
font-size: 16px;
}
margin-bottom: 15px;
}
form.cart {
margin-top: 25px;
margin-bottom: 0;
table {
margin-bottom: 15px;
border-bottom: none;
tr {
del {
opacity: .50;
margin-right: 3px;
}
&:nth-child(even), &:hover {
background-color: #fff;
}
}
}
.variations {
margin-bottom: 15px;
border-bottom: none;
select {
border: 1px solid #eee;
height: 35px;
font-size: 14px;
padding: 5px 10px;
}
label {
text-transform: capitalize;
}
th, td {
padding: 5px 0;
span.current {
margin: 0;
font-size: 14px;
}
}
}
.single_variation_wrap {
p {
font-size: 15px;
}
.woocommerce-variation-price {
margin-bottom: 10px;
}
}
.group_table {
td {
vertical-align: middle;
label {
margin: 0;
font-size: 14px;
}
&:first-child {
width: 130px;
text-align: center;
}
.qty {
width: 100%;
}
.button {
font-weight: normal;
font-size: 13px;
border-radius: 0;
color: #fff;
padding: 12px 15px;
width: 100%;
&:hover {
background-color: #000;
color: #fff;
}
}
}
}
div.quantity {
margin-right: 10px;
}
}
.product_meta {
margin-top: 10px;
span.sku_wrapper {
display: inline-block;
display: block;
color: #221638;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
span {
color: var(--paragraphColor);
font-weight: 600;
}
}
span.posted_in, span.tagged_as {
margin-top: 5px;
display: block;
color: var(--blackColor);
margin-bottom: 10px;
font-size: 16px;
a {
font-size: 16px;
color: var(--paragraphColor);
margin-left: 5px;
font-weight: 600;
display: inline-block;
text-transform: capitalize;
&:hover {
color: var(--mainColor);
}
}
}
}
.default-btn {
text-transform: capitalize;
}
/* Woocommerce tabs */
.woocommerce-tabs {
padding-top: 10px;
ul#tabs {
text-align: left;
padding-left: 0;
margin-bottom: 40px;
list-style-type: none;
border-bottom: 1px solid #dee2e6;
display: block;
overflow: unset;
.nav-item {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
padding: 0;
border: none;
background-color: transparent;
margin-bottom: 0;
margin-top: 0;
border-radius: 0;
.nav-link {
color: #cccccc;
border: none;
border-bottom: none;
padding: 0;
background-color: transparent;
position: relative;
padding-bottom: 8px;
font: {
size: 20px;
weight: 700;
family: var(--fontFamily);
};
&::before {
content: '';
position: absolute;
left: 0;
width: 0;
height: 3px;
transition: var(--transition);
bottom: -2px;
background-color: var(--mainColor);
}
&:hover, &.active {
color: var(--blackColor);
&::before {
width: 100%;
}
}
}
&::before, &::after {
display: none !important;
}
&.active {
.nav-link {
color: var(--blackColor);
&::before {
width: 100%;
}
}
}
&:first-child {
margin-left: 0;
}
}
&::before {
display: none;
}
}
.panel {
margin: 0;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 25px;
h1, h2, h3 {
font-size: 18px;
margin-bottom: 10px;
text-transform: capitalize;
}
h4, h5, h6 {
font-size: 17px;
margin-bottom: 10px;
text-transform: capitalize;
}
p {
font-size: 16px;
margin-bottom: 10px;
color: var(--paragraphColor);
&:last-child {
margin-bottom: 0;
}
}
ul {
//list-style-type: none;
margin-top: 20px;
margin-bottom: 0;
li {
margin-bottom: 12px;
position: relative;
color: var(--paragraphColor);
font-size: 16px;
}
}
table.shop_attributes {
margin-bottom: 0;
margin-top: 15px;
td, th {
border: 1px solid #eee !important;
padding: 10px 15px;
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
width: 50%;
}
}
.products-reviews {
#comments {
margin: 0;
padding: 0;
box-shadow: inherit;
border: none;
background-color: transparent;
.woocommerce-Reviews-title {
text-transform: capitalize;
margin-bottom: 10px;
}
p.woocommerce-noreviews {
margin-bottom: 10px;
}
ol.commentlist {
padding: 0;
margin-top: 15px !important;
li {
margin-bottom: 15px !important;
}
}
p.meta {
margin-bottom: 5px !important;
}
.woocommerce-review__author {
color: #222222;
}
.star-rating {
font-size: 14px;
color: #ffba0a;
}
.description {
p {
font-size: 15px;
margin-bottom: 12px !important;
}
}
}
}
.comment-reply-title {
font-size: 15px;
font-weight: normal;
border-bottom: none;
display: block;
padding-bottom: 0;
margin-bottom: 10px;
&::before {
display: none;
}
}
.comment-form-rating {
label {
margin-bottom: 5px;
}
p.stars {
margin-bottom: 20px !important;
display: inline-block;
a {
color:#ffba0a;
}
}
.nice-select {
margin-bottom: 20px;
border-radius: 0;
}
}
#respond {
textarea#comment {
padding: 12px 15px;
font-size: 15px;
}
.comment-form-comment {
textarea {
margin: 0;
}
}
p.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-cookies-consent {
margin-bottom: 20px !important;
}
p.form-submit {
margin: 0 !important;
}
input#submit {
padding: 13px 20px !important;
border-radius: 0;
color: #fff;
border: 1px solid;
font-size: 14px;
background-color: var(--mainColor);
&:hover {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
}
}
}
.panel {
margin: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding: 0;
h3 {
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
}
p {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
}
}
/* End Woocommerce tabs */
}
/* You May Also Like Products */
.up-sells.upsells.products {
margin-top: 35px;
h2 {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
font-size: 25px;
margin-bottom: 20px;
text-transform: capitalize;
}
}
/* End You May Also Like Products */
.products-share {
margin-top: 30px;
.social {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
li {
display: inline-block;
span {
display: inline-block;
margin-right: 3px;
font-weight: 700;
position: relative;
top: -2px;
}
a {
display: block;
width: 32px;
height: 32px;
line-height: 34px;
border-radius: 50%;
color: #ffffff;
border: 1px solid;
text-align: center;
font-size: 17px;
margin-left: 2px;
&:hover, &:focus {
background-color: transparent;
}
&.facebook {
background-color: #3b5998;
border-color: #3b5998;
color: #ffffff;
&:hover, &:focus {
color: #3b5998;
background-color: transparent;
}
}
&.twitter {
background-color: #1da1f2;
border-color: #1da1f2;
color: #ffffff;
&:hover, &:focus {
color: #1da1f2;
background-color: transparent;
}
}
&.linkedin {
background-color: #007bb5;
border-color: #007bb5;
color: #ffffff;
&:hover, &:focus {
color: #007bb5;
background-color: transparent;
}
}
&.instagram {
background-color: #c13584;
border-color: #c13584;
color: #ffffff;
&:hover, &:focus {
color: #c13584;
background-color: transparent;
}
}
&.whatsapp {
background-color: #44c153;
border-color: #44c153;
color: #ffffff;
&:hover, &:focus {
color: #44c153;
background-color: transparent;
}
}
&.email {
background-color: #d65348;
border-color: #d65348;
color: #ffffff;
&:hover, &:focus {
color: #d65348;
background-color: transparent;
}
}
&.copy {
background-color: var(--blackColor);
border-color: var(--blackColor);
color: #ffffff;
&:hover, &:focus {
color: var(--blackColor);
background-color: transparent;
}
}
}
}
}
}
}
@-webkit-keyframes scaleup {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleup {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes starred {
from {
color: #f2b01e;
}
to {
color: #f2b01e;
}
}
@keyframes starred {
from {
color: #f2b01e;
}
to {
color: #f2b01e;
}
}
/* End Product details */
.products-details-tabs {
margin-top: 50px;
.nav {
text-align: center;
padding-left: 0;
margin-bottom: 40px;
list-style-type: none;
display: block;
.nav-item {
display: inline-block;
margin: {
left: 15px;
right: 15px;
};
.nav-link {
color: #cccccc;
border: none;
border-bottom: 1px solid #eeeeee;
padding: 0;
background-color: transparent;
position: relative;
padding-bottom: 8px;
font: {
size: 20px;
weight: 800;
};
&::before {
content: '';
position: absolute;
left: 0;
width: 0;
height: 3px;
transition: var(--transition);
bottom: -2px;
}
&:hover, &.active {
color: var(--blackColor);
&::before {
width: 100%;
}
}
}
}
}
.tab-content {
.tab-pane {
max-width: 720px;
margin: {
left: auto;
right: auto;
};
p {
line-height: 1.8;
}
ul {
padding-left: 0;
list-style-type: none;
margin: {
top: 20px;
bottom: 0;
};
li {
margin-bottom: 12px;
position: relative;
color: var(--blackColor);
padding-left: 15px;
&::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: var(--blackColor);
}
&:last-child {
margin-bottom: 0;
}
}
}
.products-reviews {
h3 {
margin-bottom: 0;
display: inline-block;
margin-right: 15px;
font: {
size: 24px;
weight: 800;
};
}
.rating {
display: inline-block;
span {
font-size: 17px;
color: #cecfd2;
margin-right: -2px;
&.checked {
color: orange;
}
}
}
.rating-count {
margin: {
top: 10px;
bottom: 20px;
};
span {
display: block;
font-size: var(--fontSize);
color: var(--paragraphColor);
}
}
.row {
overflow: hidden;
margin: {
left: 0;
right: 0;
};
}
.side {
float: left;
width: 9%;
margin-top: 10px;
div {
font: {
size: var(--fontSize);
weight: 700;
};
}
}
.middle {
margin-top: 14px;
float: left;
width: 82%;
}
.right {
text-align: right;
}
.bar-container {
width: 100%;
background-color: #f1f1f1;
text-align: center;
color: #ffffff;
border-radius: 5px;
}
.bar-5 {
width: 100%;
height: 18px;
background-color: #4CAF50;
border-radius: 5px;
}
.bar-4 {
width: 75%;
height: 18px;
background-color: #2196F3;
border-radius: 5px;
border-radius: 5px;
}
.bar-3 {
width: 50%;
height: 18px;
background-color: #00bcd4;
border-radius: 5px;
}
.bar-2 {
width: 25%;
height: 18px;
background-color: #ff9800;
border-radius: 5px;
}
.bar-1 {
width: 0;
height: 18px;
background-color: #f44336;
border-radius: 5px;
}
}
.products-review-comments {
margin-top: 40px;
h3 {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 10px;
margin: {
top: 0;
bottom: 10px;
};
font: {
size: 24px;
weight: 800;
};
}
.user-review {
border-bottom: 1px solid #f3f3f3;
padding: 20px 0 20px 110px;
position: relative;
img {
position: absolute;
left: 0;
top: 20px;
width: 90px;
height: 90px;
border-radius: 5px;
}
.sub-comment {
margin-bottom: 8px;
font: {
weight: 700;
};
}
.review-rating {
display: block;
margin-bottom: 8px;
.review-stars {
display: inline-block;
i {
color: #cecfd2;
font-size: 18px;
display: inline-block;
margin-right: -3px;
&.checked {
color: orange;
}
}
}
span {
color: var(--blackColor);
position: relative;
top: -2px;
font-weight: 700;
margin-left: 5px;
}
}
}
}
.review-form-wrapper {
margin-top: 30px;
h3 {
margin-bottom: 10px;
font: {
size: 24px;
weight: 800;
};
}
.comment-notes {
span {
color: red;
}
}
form {
margin-top: 20px;
text-align: center;
.form-group {
margin-bottom: 25px;
text-align: left;
}
.rating {
text-align: left;
overflow: hidden;
max-width: 115px;
margin: {
top: -5px;
bottom: 20px;
};
label {
float: right;
position: relative;
width: 23px;
height: 23px;
cursor: pointer;
&:not(:first-of-type) {
padding-right: 5px;
}
&:before {
content: "\2605";
transition: var(--transition);
font-size: 27px;
color: #CCCCCC;
line-height: 1;
}
}
input {
display: none;
}
input:checked ~ label:before, &:not(:checked) > label:hover:before, &:not(:checked) > label:hover ~ label:before {
color: #f6b500;
}
}
.comment-form-cookies-consent {
text-align: left;
margin-bottom: 0;
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) {
display: none;
}
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
margin-bottom: 0;
color: var(--paragraphColor);
font: {
weight: 600;
};
}
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 19px;
height: 19px;
transition: all 0.2s ease;
border: 1px solid #f5f5f5;
border-radius: 3px;
background: #f5f5f5;
}
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 5.5px;
left: 6px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
button {
margin-top: 22px;
border: none;
display: inline-block;
text-align: center;
overflow: hidden;
color: #ffffff;
transition: var(--transition);
border-radius: 5px;
padding: 13px 60px;
font: {
weight: 700;
size: var(--fontSize);
};
&:hover {
background-color: var(--blackColor);
color: #ffffff;
}
}
}
}
}
}
}
/* Cart pages style */
.cart-table {
table {
margin-bottom: 0;
border: none !important;
thead {
tr {
padding-left: 0 !important;
padding-right: 0 !important;
th {
color: #0d1028;
border-bottom-width: 0px;
vertical-align: middle;
padding: 15px !important;
text-transform: uppercase;
border-top: none;
border-left: none;
border-right: none;
font-weight: 700;
font-size: 14px;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
}
tbody {
tr {
padding-left: 0 !important;
padding-right: 0 !important;
td {
vertical-align: middle;
padding: 10px 12px !important;
border-color: #eeeeee;
border-left: none;
border: 0px solid transparent;
border-right: none;
padding-left: 0 !important;
padding-right: 0 !important;
}
td.product-thumbnail {
a {
display: block;
img {
width: 70px;
}
}
}
td.product-name {
a {
font-weight: normal;
display: inline-block;
color: var(--blackColor);
text-decoration: none;
font-weight: 500;
}
span {
font-weight: 600;
}
}
td.product-subtotal {
.remove {
color: red;
float: right;
position: relative;
top: -1px;
}
}
td.product-quantity {
.form-control {
background: transparent;
width: 80px;
}
}
td.product-subtotal {
overflow: hidden;
span {
font-weight: 600;
}
}
}
.cart-coupon-cls {
padding-left: 0 !important;
padding-right: 0 !important;
.actions {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 25px !important;
}
}
}
.table-bordered {
td {
border: 1px solid #dee2e6;
}
}
}
.quantity {
.input-text {
border: 1px solid #eee;
height: 40px;
font-size: 15px;
padding: 5px 10px;
width: 100px;
}
}
.coupon {
.form-control {
width: 300px !important;
padding: 5px 15px !important;
height: 48px;
margin-right: 10px !important;
}
}
a.remove {
font-size: 17px;
&:hover {
background-color: transparent;
color: red !important;
}
i {
font-style: inherit;
font-size: 15px;
}
}
}
.table-responsive {
tr {
td, th {
border-color: #eeeeee;
}
}
}
.cart-totals {
background: #ffffff;
padding: 30px;
max-width: 500px;
width: 100% !important;
border: 1px solid #eeeeee;
margin: 10px auto 0;
float: none !important;
h3 {
margin-top: -5px;
margin-bottom: 25px;
font-size: 22px;
font-weight: 700;
}
ul {
padding: 0;
margin: 0 0 25px;
list-style-type: none;
li {
border: 1px solid #eeeeee;
padding: 10px 15px;
color: #0a0c19;
font-weight: 600;
overflow: hidden;
&:first-child {
border-bottom: none;
}
&:last-child {
border-top: none;
}
span {
float: right;
color: #666666;
font-weight: normal;
}
}
}
.wc-proceed-to-checkout {
padding-bottom: 0;
.btn {
color: #fff;
background-color: var(--blackColor);
text-decoration: none;
&:hover {
background-color: var(--mainColor);
}
}
}
.shop_cart_table {
td, th {
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
th {
font-weight: 500;
}
td {
text-align: right;
}
.cart-subtotal {
th, td {
padding-top: 0;
}
}
.order-total {
strong {
font-size: 20px;
}
}
}
}
/* End cart pages style */
.checkout-area {
.title {
font-size: 22px;
margin-bottom: 20px;
font-weight: 700;
}
.select2-container--default {
.select2-selection--single {
border: 1px solid #e5e5e5;
border-radius: 0;
height: 50px;
.select2-selection__rendered {
color: #495057;
margin-top: 10px;
padding-left: 15px;
font-size: 14px;
}
.select2-selection__arrow {
top: 12px;
right: 10px;
}
}
}
table.shop_table td {
border-top: 0px solid !important;
border-color: #eeeeee;
}
table th {
border-color: #eeeeee;
}
.woocommerce-checkout #payment ul.payment_methods li {
list-style-type: none;
}
}
.woocommerce, .woocommerce-page {
#payment {
#place_order {
width: 100%;
}
}
form {
.password-input {
display: block;
width: 100%;
}
}
}
.woocommerce-cart {
#payment {
background: #fff !important;
}
.quantity .plus, .quantity .minus {
font-size: 25px;
height: 50px;
width: 30px;
font-weight: 500;
}
.quantity .plus {
font-size: 20px;
position: relative;
top: 0;
}
.quantity input {
background-color: #f8f8f8;
border: none;
outline: 0 !important;
}
.quantity input.input-text.qty.text {
height: 50px;
position: relative;
top: 0px;
border: none;
width: 50px;
margin: 0 -5px;
outline: 0 !important;
}
}
.form-control {
&:focus {
border-color: var(--mainColor);
}
}
.woocommerce {
div.product {
div.images {
.flex-control-thumbs {
margin-left: -5px;
margin-right: -5px;
}
.flex-control-thumbs {
li {
padding: 10px 5px 0;
}
}
}
.stock {
display: inline-block;
color: var(--blackColor);
font-size: 16px;
}
}
table.shop_table {
td {
color: #777777;
font-weight: 600;
}
}
.form-control{
&:focus {
color: #495057;
background-color: #fff;
border-color: var(--mainColor);
outline: 0;
box-sizing: 0 !important;
border: none !important;
box-shadow: 0 0 0 1px rgba(202, 202, 202, 0.25);
}
}
.pagination-area {
margin-top: 0;
}
table.shop_table {
td {
color: #777777;
font-weight: 600;
}
}
.widget_shopping_cart {
.buttons {
a {
font-weight: 500;
border-radius: 0;
}
}
}
.form-control:focus {
border: 1px solid !important;
}
table.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
form {
.form-row-first {
width: 50%;
}
}
/* For Firefox */
input[type='number'] {
-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input-counter {
display: inline-block;
.quantity {
.qty {
height: 45px;
color: #222222;
outline: 0;
display: block;
border: none;
background-color: #f8f8f8;
text-align: center;
font-size: 17px;
font-weight: 600;
text-align: center;
}
}
}
#respond {
input#submit {
background-color: var(--mainColor);
&.alt {
background-color: var(--mainColor);
&.disabled {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
&:disabled {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
&:disabled[disabled] {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
}
}
}
.widget_price_filter {
.ui-slider {
.ui-slider-range, .ui-slider-handle {
background-color: var(--mainColor);
}
}
}
a, button, input {
&.button {
background-color: var(--mainColor);
&.alt {
background-color: var(--mainColor);
&.disabled {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
&:disabled {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
&:disabled[disabled] {
background-color: var(--mainColor);
&:hover {
background-color: var(--mainColor);
}
}
}
}
}
}
/* Checkout page style */
/* Billing details */
.billing-details {
border-radius: 5px;
.form-row {
&:last-child {
margin-bottom: 0;
}
}
.form-group {
label {
display: block;
font-weight: 500;
margin-bottom: 10px;
color: var(--blackColor);
.required {
color: red;
}
}
.woocommerce-input-wrapper {
width: 100%;
display: block;
}
.form-control {
background: #fff;
border: 1px solid #eee;
height: 45px;
font-size: 16px;
}
select {
cursor: pointer;
}
}
.form-check {
margin-bottom: 15px;
label {
font-size: 15px;
font-weight: 400;
}
}
.title {
position: relative;
span {
background-color: var(--whiteColor);
padding-right: 15px;
}
&::before {
left: 0;
right: 0;
top: 50%;
content: '';
height: 1px;
z-index: -1;
margin-top: 1px;
position: absolute;
transform: translateY(-50%);
background-color: #ebeeee;
}
}
}
.checkout-area {
.woocommerce-shipping-fields {
margin-top: 30px;
h3 {
font-size: 16px;
margin-top: 0;
}
}
form {
.form-row {
padding: 0;
margin: 0 0 18px;
}
}
.shipping_address {
.form-group {
label {
display: block;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
width: 100%;
line-height: 1 !important;
color: #000;
}
.form-control {
background: #fff;
border: 1px solid #eee;
height: 45px;
font-size: 15px;
}
.woocommerce-input-wrapper {
display: block;
width: 100%;
}
}
}
.woocommerce-additional-fields {
.woocommerce-input-wrapper {
display: block;
width: 100%;
}
.form-row {
&:last-child {
margin-bottom: 0;
}
}
}
}
.order-details {
ul {
list-style-type: none;
li {
list-style-type: none;
}
}
.form-row {
&:last-child {
margin-bottom: 0;
}
}
.title {
position: relative;
span {
background-color: var(--whiteColor);
padding-right: 15px;
}
&::before {
left: 0;
right: 0;
top: 50%;
content: '';
height: 1px;
z-index: -1;
margin-top: 1px;
position: absolute;
transform: translateY(-50%);
background-color: #ebeeee;
}
}
.btn-primary.order-btn {
background-color: var(--blackColor);
font-size: 16px;
font-weight: 500;
&:hover {
background-color: var(--mainColor);
}
}
}
.woocommerce {
table {
&.shop_table {
th, td, tr {
color: var(--paragraphColor);
border-color: #eeeeee;
vertical-align: middle;
white-space: nowrap;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 13px;
font-size: 16px;
}
}
}
.cart-table {
table {
&.shop_table {
.product-img, .product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
padding-top: 0 !important;
}
}
}
}
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em !important;
}
.woocommerce-info, .woocommerce-message {
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
border-left: 3px solid var(--mainColor);
border-top: 3px solid var(--whiteColor);
background: var(--whiteColor);
margin-bottom: 50px;
padding: 15px 20px;
&::before {
color: var(--mainColor);
}
}
.payment_methods {
li {
list-style-type: none;
}
}
/* End checkout page style */
/* Checkout coupon */
.woocommerce {
.checkout_coupon {
border: 1px solid #eee;
.input-text {
border: 1px solid #eee;
height: 45px;
padding: 8px 15px;
}
.button {
color: #fff;
font-size: 14px;
height: 45px;
padding: 10px 20px;
&:hover {
background-color: #000;
color: #fff;
}
}
}
.nice-select {
width: 100% !important;
}
}
/* Shop Sidebar */
.shop-sidebar {
padding-left: 15px;
.widget_shopping_cart_content {
ul {
li {
a {
&::before {
display: none !important;
}
}
}
padding-left: 0 !important;
}
}
.woocommerce-mini-cart__buttons.buttons {
text-align: center;
}
ul {
//padding-left: 17px !important;
margin: 0;
list-style-type: none;
li {
font-size: 15px;
font-weight: 500;
margin-bottom: 8px;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
a {
color: #0a0c19 !important;
&:hover {
color: var(--mainColor) !important;
}
}
a.remove.remove_from_cart_button {
top: 24px !important;
}
}
ul.children {
padding-left: 15px !important;
margin-top: 8px;
}
}
.widget {
ul {
li {
a {
&:hover {
color: var(--mainColor);
}
}
}
}
}
.widget_product_search {
form {
position: relative;
.search-field {
width: 100%;
display: block;
height: 50px;
padding: 15px;
font-size: 14px;
font-weight: 500;
border: 1px solid #eeeeee;
border-radius: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
&:hover, &:focus {
outline: 0;
}
}
button {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
border: none;
color: #fff;
font-size: 15px;
height: 50px;
padding: 05px 15px;
transition: 0.5s;
background-color: var(--mainColor);
&:hover {
background-color: #000;
color: #fff;
}
}
}
}
.woocommerce {
button.button {
color: #fff;
font-size: 13px !important;
font-weight: normal;
border-radius: 0;
transition: 0.4s;
background-color: var(--mainColor);
&:hover {
background-color: #000;
color: #fff;
}
}
}
.widget_products {
ul {
li::before {
top: 10px !important;
}
}
}
.widget_shopping_cart {
.cart_list {
li {
padding-left: 25px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
a {
font-size: 14px;
img {
margin-top: 5px;
}
}
.remove {
font-size: 20px !important;
top: 5px;
}
span.quantity {
font-size: 13px;
}
}
}
p.woocommerce-mini-cart__total.total {
font-size: 14px;
text-align: center;
margin-bottom: 0;
color: #333;
}
}
.widget_top_rated_products, .widget_products, .widget_recently_viewed_products, .widget_recent_reviews {
.product_list_widget {
li {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 0;
&:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
a {
font-size: 14px;
color: #0a0c19;
}
.amount {
font-size: 13px;
margin-top: 5px;
display: inline-block;
}
.price {
color: #777777;
}
del {
opacity: .60;
color: #777777;
}
ins {
text-decoration: none;
color: #777777;
}
.star-rating {
margin: 5px 0;
}
span.reviewer {
font-size: 12px !important;
text-transform: capitalize;
}
}
}
}
.star-rating {
font-size: 12px;
color: #ffba0a;
}
a.button {
color: #fff;
background-color: var(--mainColor);
font-size: 12px;
margin: 10px 10px 0 0 !important;
text-transform: capitalize;
&:hover {
background-color: #000;
color: #fff;
}
}
.wcppec-cart-widget-button {
margin-top: 10px;
}
.select2-container {
.select2-selection--single {
border: 1px solid #eee;
height: 45px;
border-radius: 0;
.select2-selection__rendered {
padding-left: 15px;
padding-right: 20px;
padding-top: 8px;
}
.select2-selection__placeholder {
color: #62618d;
}
.select2-selection__arrow {
top: 10px;
right: 5px;
}
}
}
.select2-container--default {
.select2-selection--multiple {
border: 1px solid #eee;
border-radius: 0;
padding: 1px 15px;
}
}
span.reviewer {
font-size: 14px;
}
.woocommerce-widget-layered-nav-dropdown__submit {
border: 1px solid #eee;
color: #fff;
background-color: var(--mainColor);
font-size: 13px;
padding: 7px 15px;
cursor: pointer;
transition: 0.4s;
&:hover {
background-color: #000;
color: #fff;
}
}
.widget_price_filter {
.price_label {
font-size: 15px;
}
}
.widget_layered_nav {
.selection {
ul {
li {
border: none;
padding-top: 5px;
a {
color: #ffba0a;
}
}
}
}
}
.select2-container--default {
.select2-selection--multiple {
line-height: 2;
}
}
}
.select2-dropdown {
border: 1px solid #eee !important;
}
.select2-results__option {
padding: 5px 15px !important;
font-size: 13px !important;
}
.return-to-shop {
.button.wc-backward {
color: #fff;
text-transform: capitalize;
font-size: 14px;
padding: 12px 20px;
text-decoration: none;
&:hover {
background-color: #000;
color: #fff;
}
}
}
/* End Shop Sidebar */
.products_details {
.yith-wcwl-add-button span {
font-weight: 700;
position: relative;
line-height: 1;
}
.default-btn:hover {
color: #ffffff !important;
}
}
/* End WooCommerce Style */
/* Product Quick View Modal */
.productsQuickView {
padding: 0 !important;
z-index: 1000000;
.modal-dialog {
max-width: 900px;
.modal-content {
border: none;
border-radius: 0;
.row {
-ms-flex-align: center!important;
align-items: center!important;
}
button.close {
position: absolute;
right: 10px;
display: inline-block;
opacity: 1;
top: 10px;
width: 35px;
z-index: 333;
height: 35px;
text-align: center;
line-height: 30px;
border: 1px solid #eeeeee;
border-radius: 50%;
outline: 0;
transition: 0.4s;
&:hover {
color: #ffffff;
background-color: var(--mainColor);
}
span {
display: block;
font-weight: 400;
}
}
.products-image {
img {
width: 100%;
}
}
.input-counter {
margin-top: 20px;
max-width: 190px;
min-width: 190px;
text-align: center;
position: relative;
margin-bottom: 20px;
display: block;
}
.default-btn {
text-transform: uppercase;
}
form.cart {
display: inline;
}
}
}
.grouped_form {
font-size: 14px;
.add-to-cart-btn {
color: #fff;
font-size: 12px;
padding: 10px 10px;
&:hover {
background-color: #000;
color: #fff;
}
}
}
.variations_form {
td {
text-transform: capitalize;
a.reset_variations {
margin-left: 10px;
}
}
.label {
label {
margin: 0;
}
}
.value select {
border: 1px solid #eee;
font-size: 13px;
height: 35px;
padding: 5px 10px;
}
.reset_variations {
font-size: 13px;
margin-top: 10px;
}
.woocommerce-variation-price {
margin-bottom: 10px;
}
}
table.variations {
margin-bottom: 15px;
.nice-select {
span.current {
font-size: 14px;
}
}
}
}
/* End Product Quick View Modal */
.woocommerce-ordering {
.nice-select {
padding: 3px 56px;
}
}
.wishlist_table {
th {
font-size: 18px;
}
td {
font-size: 15px;
a {
text-decoration: none !important;
}
}
.product-remove {
a {
line-height: 19px;
}
}
}
.woocommerce table.shop_table.wishlist_table {
border: none;
}
.yith-wcwl-share {
ul {
padding-left: 0 !important;
}
i {
font-style: normal !important;
color: #ffffff;
}
}
.related.products {
margin-top: 50px;
margin-bottom: -30px;
}
.widget_shopping_cart_content {
img {
float: left !important;
width: 72px !important;
}
a {
display: block !important;
}
}
.product_list_widget {
img {
margin-right: 10px !important;
float: left !important;
margin-right: 4px;
margin-left: 0;
width: 57px !important;
}
li {
padding-left: 0;
dl {
margin: 0;
padding-left: 0 !important;
border-left: none !important;
display: table-cell;
}
}
li::before {
display: none !important;
}
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
float: unset;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: unset;
}
/* MyAccount */
.woocommerce {
.woocommerce-MyAccount-navigation {
background: #fafafa;
border: 1px solid #eee;
padding: 30px;
ul {
list-style-type: none;
padding: 0;
margin: 0;
li {
list-style-type: none;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
a {
background-color: #fff;
display: block;
padding: 7px 20px;
color: #333;
text-decoration: none;
&:hover {
color: #fff;
background-color: var(--mainColor);
}
}
}
.is-active {
a {
color: #fff;
background-color: var(--mainColor);
}
}
}
}
.woocommerce-MyAccount-content {
border: 1px solid #eee;
padding: 30px;
.woocommerce-error {
margin-top: 0;
}
.woocommerce-address-fields {
margin-top: 20px;
}
form {
label {
font-size: 14px;
line-height: 1;
margin-bottom: 10px;
font-weight: 600;
color: #4a6f8a;
}
p:last-child {
margin-bottom: 0;
}
}
.col-1 {
max-width: 48%;
padding: 0;
}
.col-2 {
max-width: 48%;
padding: 0;
}
h3 {
font-size: 15px;
margin-top: 0;
margin-bottom: 10px;
}
.title {
margin-top: 0;
font-size: 25px;
margin-bottom: 0;
}
.addresses .edit {
font-size: 14px;
}
.edit-account .input-text {
border: 1px solid #eee;
height: 45px;
padding: 5px 15px;
font-size: 14px;
color: #666666;
}
.edit-account {
.woocommerce-form-row {
span {
font-size: 14px;
display: inline-block;
margin-top: 10px;
}
}
}
.edit-account {
fieldset {
margin-top: 20px;
color: #000;
}
}
.edit-account {
fieldset {
legend {
font-size: 20px;
color: #000;
}
}
}
.woocommerce-address-fields {
.form-row {
margin-bottom: 20px;
padding: 0;
}
}
.woocommerce-address-fields {
.form-row {
label {
width: 100%;
line-height: 1;
font-size: 14px;
margin-bottom: 10px;
color: #000;
font-weight: bold;
}
}
}
.woocommerce-address-fields {
.input-text {
display: block;
width: 100%;
border: 1px solid #eee;
height: 45px;
padding: 5px 15px;
font-size: 14px;
color: #62618d;
}
}
.woocommerce-address-fields {
.woocommerce-input-wrapper {
width: 100%;
}
}
.woocommerce-address-fields {
.select2-selection--single {
height: 45px;
border: 1px solid #eee;
border-radius: 0;
padding: 8px 15px;
font-size: 13px;
}
}
.button {
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 13px 20px;
text-decoration: none;
&:hover {
background-color: #000;
color: #fff;
}
}
address {
font-style: normal;
font-size: 15px;
border: 1px solid #eee;
padding: 10px 20px;
margin-top: 0;
}
fieldset {
.woocommerce-form-row {
margin-bottom: 15px;
display: grid;
}
legend {
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
}
}
p {
margin-top: 0;
}
.btn-primary {
margin-top: 15px;
}
}
}
/* login form */
.woocommerce {
form.login, form.register, .woocommerce-ResetPassword {
border: 1px solid #fff;
padding: 0;
margin: 0 0 0px;
.form-row {
label {
font-weight: 500;
color: #000;
width: 100%;
font-size: 15px;
margin-bottom: 12px;
}
}
button.button {
color: #fff;
padding: 12px 25px;
margin-top: 10px;
&:hover {
background-color: #000;
color: #fff;
transform: translateY(0);
}
&::before, &::after {
display: none;
}
}
}
.login-form-title {
font-size: 36px;
margin-bottom: 30px;
font-weight: 700;
}
}
.widget_product_categories {
&.woocommerce {
.nice-select {
display: none;
}
}
}
.widget_product_categories {
.select2-container.select2-container--default {
&:last-child {
display: none;
}
}
}
a.button.wc-forward {
color: #fff;
}
.variations_button .single_add_to_cart_button {
height: 51px;
}
.variations {
.nice-select {
display: none;
}
select {
display: block !important;
}
}
.shop-sidebar {
padding-left: 15px;
.widget_search {
form {
position: relative;
label {
display: block;
margin-bottom: 0;
}
.screen-reader-text {
display: none;
}
.search-field {
background-color: #ffffff;
height: 50px;
padding: 6px 15px;
border: 1px solid #eeeeee;
width: 100%;
display: block;
outline: 0;
transition: all 0.5s;
}
button {
position: absolute;
right: 0;
outline: 0;
bottom: 0;
height: 50px;
width: 50px;
z-index: 1;
border: none;
color: #ffffff;
background-color: var(--mainColor);
&::before {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
transition: all 0.5s;
}
&::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
&:hover {
&::before {
opacity: 0;
visibility: hidden;
}
&::after {
opacity: 1;
visibility: visible;
}
}
}
}
}
select {
height: 45px;
border: 1px solid #eee;
width: 100%;
color: #555;
font-size: 13.5px;
padding: 8px 15px;
}
.widget_categories {
ul {
li {
a {
text-transform: capitalize;
}
.children {
margin-top: 10px;
}
}
}
}
.widget_pages {
ul {
li.page_item_has_children {
> a {
margin-bottom: 10px;
display: inline-block;
}
}
li {
a {
text-transform: capitalize;
}
}
}
}
.widget_rss {
ul {
li {
margin-bottom: 20px;
&::before {
top: 10px;
}
&:last-child {
margin-bottom: 0;
}
.rsswidget {
display: block;
color: #222222;
font-weight: bold;
font-size: 15px;
}
.rss-date {
font-size: 13px;
margin: 3px 0 10px;
display: block;
}
.rssSummary {
color:#555;
line-height: 25px;
font-size: 14px;
}
cite {
font-weight: bold;
display: block;
margin-top: 10px;
font-style: normal;
color: #222;
font-size: 13.5px;
}
}
}
.widget-title {
.rsswidget {
display: inline-block;
color: var(--mainColor);
}
}
}
.widget_text {
p {
img {
margin: 10px 0;
}
}
.wp-caption-text {
border: none;
text-align: center;
font-size: 14px;
}
}
.calendar_wrap {
table {
text-align: center;
margin-bottom: 0;
#prev, #next {
a {
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
}
td, th {
padding: 8px 5px;
}
}
caption {
padding-top: 0;
caption-side: top;
font-weight: 600;
}
}
.widget_nav_menu {
.sub-menu {
margin-top: 8px;
}
}
.widget_recent_comments {
.recentcomments {
.comment-author-link {
font-weight: bold;
font-size: 14px;
}
color: #484848;
}
}
.widget_media_gallery {
.gallery {
margin: 0;
.gallery-item {
margin: 0;
}
}
}
.widget_recent_entries {
ul {
li {
.post-date {
display: block;
font-size: 12px;
color: #767676;
}
}
}
}
p {
font-size: 15px;
}
span.count {
float: right;
font-size: 15px;
color: #111;
}
}
.input-counter {
max-width: 130px;
min-width: 130px;
margin-right: 15px;
text-align: center;
position: relative;
span {
top: 0;
width: 40px;
height: 100%;
font-size: 20px;
cursor: pointer;
line-height: 50px;
position: absolute;
color: var(--paragraphColor);
background-color: transparent;
transition: var(--transition);
&.minus-btn {
left: 0;
border-right: 1px solid #eeeeee;
i {
font-style: normal;
}
}
&.plus-btn {
right: 0;
border-left: 1px solid #eeeeee;
i {
font-style: normal;
}
}
&:hover {
color: var(--mainColor);
}
}
input {
outline: 0;
width: 100%;
height: 47px;
display: block;
text-align: center;
color: var(--blackColor);
border: 1px solid #eeeeee;
background-color: var(--whiteColor);
font: {
size: 17px;
weight: 600;
}
&::placeholder {
color: var(--blackColor);
}
}
}
.woocommerce-ordering select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 12px;
}
.woocommerce {
.nice-select {
display: none;
}
select {
display: block !important;
}
}
.shop-sidebar {
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
}
}
.comment-form-rating {
margin-bottom: 15px;
}
/*================================================
Products Details Area CSS
=================================================*/
.products-details-image {
.popup-image {
display: block;
overflow: hidden;
margin-bottom: 30px;
img {
transition: var(--transition);
}
&:hover {
img {
transform: scale(1.08);
}
}
&:last-child {
margin-bottom: 0;
}
}
}
.products-details-desc {
padding-left: 15px;
h3 {
margin-bottom: 17px;
font-size: 24px;
}
.price {
margin-bottom: 15px;
font: {
size: 18px;
weight: 500;
};
.old-price {
text-decoration: line-through;
color: #999999;
font-weight: 400;
}
}
.products-review {
margin-bottom: 20px;
.rating {
display: inline-block;
padding-right: 5px;
i {
color: #ffba0a;
display: inline-block;
}
}
.rating-count {
display: inline-block;
line-height: initial;
font-weight: 500;
}
}
.products-info {
list-style-type: none;
padding-left: 0;
margin: {
top: 20px;
bottom: 0;
};
li {
margin-bottom: 8px;
&:last-child {
margin-bottom: 0;
}
span {
color: var(--blackColor);
}
a {
display: inline-block;
color: var(--optionalColor);
&:hover {
color: var(--mainColor);
}
}
}
}
.products-add-to-cart {
margin-top: 25px;
.input-counter {
max-width: 130px;
min-width: 130px;
margin-right: 15px;
text-align: center;
position: relative;
span {
top: 0;
width: 40px;
height: 100%;
font-size: 20px;
cursor: pointer;
line-height: 50px;
position: absolute;
color: var(--optionalColor);
background-color: transparent;
transition: var(--transition);
&.minus-btn {
left: 0;
border-right: 1px solid #eeeeee;
}
&.plus-btn {
right: 0;
border-left: 1px solid #eeeeee;
}
&:hover {
color: var(--mainColor);
}
}
input {
outline: 0;
width: 100%;
height: 47px;
display: block;
text-align: center;
color: var(--blackColor);
border: 1px solid #eeeeee;
background-color: var(--whiteColor);
font: {
size: 17px;
weight: 600;
}
&::placeholder {
color: var(--blackColor);
}
}
}
}
.yith-wcwl-add-button {
margin-top: 20px;
line-height: 1.2;
position: relative;
padding-left: 20px;
display: inline-block;
border-bottom: 1px solid var(--blackColor);
i {
position: absolute;
left: 0;
top: 0;
}
&:hover {
color: var(--mainColor);
border-color: var(--mainColor);
}
span {
font-weight: 500;
}
}
.products-share {
margin-top: 20px;
.social {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
li {
display: inline-block;
span {
display: inline-block;
position: relative;
margin-right: 3px;
font-weight: 600;
}
a {
width: 35px;
height: 35px;
display: block;
line-height: 35px;
border-radius: 50%;
color: var(--whiteColor);
background-color: var(--mainColor);
border: 1px solid var(--mainColor);
text-align: center;
margin-left: 2px;
&:hover {
color: var(--mainColor);
background-color: transparent;
}
&.facebook {
background-color: #3b5998;
color: var(--whiteColor);
border-color: #3b5998;
&:hover {
color: #3b5998;
background-color: transparent;
}
}
&.twitter {
background-color: #1da1f2;
color: var(--whiteColor);
border-color: #1da1f2;
&:hover {
color: #1da1f2;
background-color: transparent;
}
}
&.linkedin {
background-color: #007bb5;
color: var(--whiteColor);
border-color: #007bb5;
&:hover {
color: #007bb5;
background-color: transparent;
}
}
&.instagram {
background-color: #c13584;
color: var(--whiteColor);
border-color: #c13584;
&:hover {
color: #c13584;
background-color: transparent;
}
}
}
}
}
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
}
.products-details-tabs {
margin-top: 50px;
.nav {
display: block;
padding-left: 0;
margin-bottom: 40px;
list-style-type: none;
border-color: #eeeeee !important;
.nav-item {
display: inline-block;
margin: {
left: 15px;
right: 15px;
};
.nav-link {
padding: 0;
border: none;
color: #cccccc;
transition: var(--transition);
border-bottom: 1px solid #eeeeee;
background-color: transparent;
padding-bottom: 8px;
position: relative;
font: {
size: 20px;
weight: 700;
};
&::before {
left: 0;
width: 0;
content: '';
height: 3px;
bottom: -2px;
position: absolute;
transition: var(--transition);
background-color: var(--mainColor);
}
&:hover, &.active {
color: var(--blackColor);
&::before {
width: 100%;
}
}
}
&:last-child {
margin-right: 0;
}
&:first-child {
margin-left: 0;
}
}
}
.tab-content {
.tab-pane {
ul {
li {
color: var(--optionalColor);
margin-bottom: 12px;
a {
color: var(--mainColor);
&:hover {
text-decoration: underline;
}
}
&:last-child {
margin-bottom: 0;
}
}
}
ol {
li {
color: var(--optionalColor);
margin-bottom: 12px;
a {
color: var(--mainColor);
&:hover {
text-decoration: underline;
}
}
&:last-child {
margin-bottom: 0;
}
}
}
.products-review-comments {
margin-top: 40px;
.user-review {
position: relative;
margin-bottom: 20px;
padding: 0 0 20px 110px;
border-bottom: 1px solid #eeeeee;
img {
top: 0;
left: 0;
width: 90px;
height: 90px;
border-radius: 5px;
position: absolute;
}
.sub-name {
margin-bottom: 10px;
font-weight: 600;
}
.review-rating {
display: block;
margin-bottom: 10px;
.review-stars {
i {
font-size: 14px;
color: #cecfd2;
display: inline-block;
&.checked {
color: orange;
}
}
}
}
}
}
.review-form-wrapper {
margin-top: 30px;
h3 {
margin-bottom: 10px;
font-size: 22px;
}
.comment-notes {
span {
color: red;
}
}
form {
margin-top: 20px;
.form-group {
margin-bottom: 25px;
text-align: start;
}
.rating {
text-align: start;
overflow: hidden;
max-width: 115px;
margin: {
top: -5px;
bottom: 20px;
};
label {
width: 23px;
height: 23px;
float: right;
cursor: pointer;
position: relative;
&:not(:first-of-type) {
padding-right: 5px;
}
&:before {
transition: var(--transition);
content: "\2605";
color: #cccccc;
font-size: 27px;
line-height: 1;
}
}
input {
display: none;
}
input:checked ~ label:before, &:not(:checked) > label:hover:before, &:not(:checked) > label:hover ~ label:before {
color: #f6b500;
}
}
.comment-form-cookies-consent {
text-align: start;
margin-bottom: 0;
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) {
display: none;
}
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {
cursor: pointer;
margin-bottom: 0;
line-height: 20px;
position: relative;
padding-left: 28px;
display: inline-block;
color: var(--paragraphColor);
}
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before {
left: 0;
top: 1px;
content: '';
width: 19px;
height: 19px;
position: absolute;
border-radius: 3px;
transition: all 0.2s ease;
border: 1px solid #dddddd;
background: var(--whiteColor);
}
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after {
content: '';
width: 8px;
height: 8px;
background: var(--mainColor);
position: absolute;
top: 6.5px;
left: 6px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
[type="checkbox"]:hover + label:before {
border-color: var(--mainColor);
}
[type="checkbox"]:checked + label:before {
border-color: var(--mainColor);
}
}
button {
border: none;
overflow: hidden;
margin-top: 20px;
text-align: center;
display: inline-block;
color: var(--whiteColor);
background-color: var(--mainColor);
transition: var(--transition);
border-radius: 5px;
padding: 12px 40px;
font: {
weight: 500;
size: var(--fontSize);
};
&:hover {
background-color: var(--blackColor);
color: var(--whiteColor);
}
}
}
}
.table-striped {
margin-bottom: 0;
tbody {
tr {
border: none;
td {
border: none;
padding: 12px 20px;
color: var(--blackColor);
font-size: var(--fontSize);
}
&:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .03);
}
}
}
}
.table>:not(caption)>*>* {
box-shadow: unset;
}
}
}
}
.products-details-image-slides {
&.owl-theme {
margin-bottom: 40px;
.owl-nav {
opacity: 0;
margin-top: 0;
visibility: hidden;
transition: var(--transition);
[class*=owl-] {
top: 50%;
margin: 0;
padding: 0;
left: 20px;
width: 40px;
height: 40px;
font-size: 20px;
border-radius: 50%;
text-align: center;
position: absolute;
color: var(--blackColor);
transform: translateY(-50%);
transition: var(--transition);
background-color: var(--whiteColor);
i {
left: 0;
right: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
&.owl-next {
left: auto;
right: 20px;
}
&:hover {
background-color: var(--mainColor);
color: var(--whiteColor);
}
}
}
&:hover {
.owl-nav {
opacity: 1;
visibility: visible;
}
}
}
}
.products-details-thumbs-image {
.slick-slider {
list-style-type: none;
position: relative;
padding: 0;
margin: 0;
}
.slick-dots {
padding: 0;
display: flex;
flex-wrap: wrap;
text-align: center;
list-style-type: none;
margin: {
top: 0;
bottom: 0;
left: -5px;
right: -5px;
};
li {
flex: 0 0 20%;
display: block;
max-width: 20%;
position: relative;
padding: {
top: 10px;
left: 5px;
right: 5px;
};
button {
margin: 0;
padding: 0;
outline: 0;
border: none;
display: block;
cursor: pointer;
}
img {
transition: var(--transition);
}
&:hover, &.slick-active {
img {
opacity: .4;
}
}
}
}
.slick-thumbs {
display: none;
}
}
/*================================================
Modal CSS
=================================================*/
.productsQuickView {
padding-right: 0 !important;
.modal-dialog {
max-width: 900px;
margin: 0 auto;
}
.modal-content {
border: none;
padding: 40px;
background-color: var(--whiteColor);
button {
&.btn-close {
top: 10px;
z-index: 1;
opacity: 1;
right: 10px;
box-shadow: unset;
position: absolute;
color: var(--blackColor);
transition: var(--transition);
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
}
.image {
text-align: center;
}
.content {
h3 {
margin-bottom: 15px;
font-size: 24px;
}
.price {
margin-bottom: 15px;
font-weight: 700;
display: block;
.old-price {
text-decoration: line-through;
color: #999999;
font-weight: 400;
}
}
.products-info {
list-style-type: none;
padding-left: 0;
margin: {
top: 15px;
bottom: 0;
};
li {
color: var(--blackColor);
margin-bottom: 8px;
&:last-child {
margin-bottom: 0;
}
span {
color: var(--blackColor);
}
a {
display: inline-block;
color: var(--blackColor);
&:hover {
color: var(--mainColor);
}
}
}
.sku_wrapper {
display: block;
margin-bottom: 8px;
}
.posted_in {
display: block;
margin-bottom: 8px;
}
.tagged_as {
display: block;
margin-bottom: 8px;
}
span {
display: inline-block;
color: var(--blackColor);
margin-right: 8px;
font-size: 15px;
a {
display: inline-block;
color: var(--blackColor);
font-weight: normal;
font-size: 16px;
text-transform: capitalize;
&:hover {
color: var(--mainColor);
}
}
}
}
.input-counter {
max-width: 190px;
min-width: 190px;
text-align: center;
position: relative;
margin-bottom: 15px;
span {
top: 0;
width: 40px;
height: 100%;
font-size: 20px;
cursor: pointer;
line-height: 50px;
position: absolute;
color: var(--paragraphColor);
background-color: transparent;
transition: var(--transition);
&.minus-btn {
left: 0;
border-right: 1px solid #eeeeee;
}
&.plus-btn {
right: 0;
border-left: 1px solid #eeeeee;
}
&:hover {
color: var(--mainColor);
}
}
input {
outline: 0;
width: 100%;
height: 47px;
display: block;
text-align: center;
color: var(--blackColor);
border: 1px solid #eeeeee;
background-color: var(--whiteColor);
font: {
size: 17px;
weight: 600;
}
&::placeholder {
color: var(--blackColor);
}
}
}
.add-to-wishlist-btn {
width: 47px;
height: 47px;
font-size: 20px;
line-height: 47px;
text-align: center;
display: inline-block;
color: var(--paragraphColor);
border: 1px solid #eeeeee;
position: relative;
margin-left: 10px;
top: 3px;
&:hover {
color: var(--whiteColor);
border-color: var(--mainColor);
background-color: var(--mainColor);
}
}
.view-full-info {
margin-top: 5px;
line-height: initial;
display: inline-block;
position: relative;
font-weight: 600;
font-size: 15px;
&::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--blackColor);
-webkit-transition: var(--transition);
transition: var(--transition);
}
&:hover {
&::before {
width: 0;
}
}
}
/* For Firefox */
input[type='number'] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input-counter {
.qty {
text-align: center;
}
}
}
}
}
@media only screen and (max-width: 575px) {
/* Shop pages CSS */
.woocommerce {
.checkout_coupon {
.form-row {
width: 100%;
}
}
}
}
@media only #{$media} and ($feature_max : $value_one) {
.products_details {
ul.products.columns-3 {
li.product:last-child {
width: 100% !important;
margin-bottom: 0;
}
li.product:nth-child(2) {
width: 50% !important;
}
}
.quantity {
input {
&.input-text.qty.text {
height: 45px;
}
}
.minus {
height: 45px;
}
.plus {
height: 45px !important;
}
}
div.product {
.product_title {
font-size: 17px;
}
.default-btn {
font-size: 12.5px;
}
.woocommerce-tabs {
padding-top: 0;
ul#tabs {
margin-bottom: 25px;
li {
width: unset;
}
.nav-item {
.nav-link {
font-size: 16px;
}
.nav-link::before {
bottom: 3px;
}
&.active {
.nav-link {
margin-bottom: 10px;
}
}
}
}
}
}
}
.shop-sidebar {
padding-left: 0;
}
.wishlist_table.mobile {
padding-left: 0;
li {
list-style: none !important;
.product-name {
h3 {
font-size: 16px;
}
}
}
}
.productsQuickView {
.modal-dialog {
.modal-content {
.products-content {
padding-left: 15px;
padding-right: 15px;
margin-top: 0;
form {
.quantity {
float: unset;
.minus {
font-size: 25px;
}
.plus {
font-size: 22px;
top: 2px;
}
input {
height: 42px !important;
top: 1px;
font-size: 16px;
}
}
}
}
}
}
}
.pt-165 {
padding-top: 60px !important;
}
.btn {
font-size: 13px;
padding-left: 18px;
padding-right: 18px;
padding-top: 12px;
padding-bottom: 12px;
}
.page-main-content {
h3 {
font-size: 20px;
}
}
.woocommerce-topbar {
.woocommerce-result-count {
margin-bottom: 15px;
}
text-align: center;
.woocommerce-topbar-ordering{
text-align: center;
margin-top: 10px;
margin: 10px 0 0;
float: none;
position: relative;
top: 0;
right: 0;
left: 0!important;
.form-control {
font-size: 14px;
width: 100% !important;
margin-bottom: 15px;
}
.nice-select.open .list {
width: 100%;
}
}
}
.cart-buttons {
margin-top: 35px;
.coupon-box {
position: relative;
button {
position: relative;
border-radius: 5px;
display: block;
width: 100%;
padding: 13px 0;
margin-top: 8px;
}
}
.btn {
margin-top: 25px;
}
}
.cart-totals {
margin-top: 35px;
padding: 25px;
h3 {
font-size: 20px !important;
}
}
.cart-table {
text-align: center;
table {
border: 1px solid #eee !important;
thead {
tr {
padding-left: 15px !important;
padding-right: 15px !important;
th {
padding: 0 40px 10px;
white-space: nowrap;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
&:first-child {
text-align: left;
padding-left: 0;
}
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.product-img {
display: none;
}
}
tbody {
tr {
padding-left: 15px !important;
padding-right: 15px !important;
td {
white-space: nowrap;
border-left: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
&:first-child {
text-align: left;
padding-left: 0;
}
padding-left: 15px !important;
padding-right: 15px !important;
}
}
.cart-coupon-cls {
padding-left: 15px !important;
padding-right: 15px !important;
.actions {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
}
}
.coupon {
.form-control {
width: 140px !important;
}
}
}
.user-actions {
padding: 15px 18px 13px;
margin-bottom: 30px;
i {
display: block;
margin: {
bottom: 5px;
right: 0;
}
}
}
.checkout-area {
.title {
font-size: 18px;
}
}
.billing-details {
padding: 0;
}
.order-details {
padding: 0;
margin-top: 30px;
}
.woocommerce {
ul.products {
width: 100% !important;
margin-bottom: 0 !important;
li.product {
h3 {
font-size: 15px;
}
.add-to-cart-btn {
font-size: 11px;
padding: 8px 20px;
margin-right: 8px;
}
}
}
}
.shop-sidebar {
.widget_product_search {
form {
button {
font-size: 13px;
}
}
}
.widget h3 {
font-size: 17px;
}
}
.woocommerce-account {
.col-6 {
-ms-flex: 0 0 10%;
flex: 0 0 100%;
max-width: 100%;
}
}
.woocommerce-additional-fields {
padding: 0;
}
.modal-content button.default-btn {
margin-top: 10px;
}
.woocommerce {
table.shop_table {
th, td, tr {
padding-top: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
font-size: 13px;
}
}
.cart-table {
table.shop_table {
.product-img, .product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
padding-top: 20px !important;
}
}
}
}
.billing-details {
.form-group {
.form-control {
font-size: 14px;
}
}
}
/*products-css*/
.single-products-box {
.sale {
padding: 3px 10px;
font-size: 12px;
}
.hot {
padding: 3px 10px;
font-size: 12px;
}
.out-of-stock {
padding: 3px 10px;
font-size: 12px;
}
img {
transform: unset !important;
}
.products-button {
right: 15px;
top: 40px;
li {
opacity: 1;
transform: unset;
visibility: visible;
a {
width: 30px;
height: 30px;
line-height: 32px;
.tooltip-label {
font-size: 12px;
line-height: 25px;
}
}
}
}
.content {
padding: 20px 0 0;
position: relative;
background-color: transparent;
text-align: center;
h3 {
font-size: 17px;
}
.add-to-cart-btn {
margin-top: 12px;
}
.price {
top: 0;
right: 0;
margin-top: 12px;
position: relative;
display: block;
span {
display: inline-block;
text-align: start;
&.old-price {
margin: {
bottom: 0;
right: 5px;
};
}
}
del {
display: inline-block;
}
}
}
}
.products-content {
h2 {
font-size: 24px;
}
p {
max-width: 100%;
}
.link-btn {
font-size: 13.5px;
&::before {
width: 88%;
}
}
}
/*products-details-css*/
.products-details-desc {
padding-left: 0;
margin-top: 30px;
h3 {
font-size: 18px;
}
.price {
margin-bottom: 12px;
font-size: 14px;
}
.products-review {
margin-bottom: 15px;
}
.products-add-to-cart {
.input-counter {
input {
height: 41px;
font-size: 15px;
}
span {
font-size: 13px;
line-height: 44px;
}
}
}
.input-counter {
input {
height: 41px;
font-size: 15px;
}
span {
font-size: 13px;
line-height: 44px;
}
}
&.products-details-desc-sticky {
height: auto !important;
.inner-wrapper-sticky {
top: 0 !important;
left: 0 !important;
width: auto !important;
transform: unset !important;
position: relative !important;
}
}
}
.products-details-tabs {
margin-top: 30px;
.nav {
margin-bottom: 10px;
border-bottom: none;
.nav-item {
margin: {
left: 10px;
right: 10px;
bottom: 20px;
};
.nav-link {
font-size: 16px;
padding-bottom: 5px;
&::before {
height: 2px;
}
}
}
}
.tab-content {
.tab-pane {
.products-review-comments {
margin-top: 0;
.user-review {
padding-left: 0;
img {
margin-bottom: 15px;
position: relative;
left: 0;
top: 0;
}
.review-rating {
span {
display: block !important;
font-size: 15px;
top: 0;
margin: {
left: 0;
top: 5px;
};
}
}
}
}
.review-form-wrapper {
h3 {
font-size: 17px;
}
form {
button {
font-size: 14px;
margin-top: 20px;
padding: 11px 30px;
}
}
}
.table-striped {
tbody {
tr {
td {
padding: 10px 15px;
font-size: 14px;
}
}
}
}
}
}
}
.products-details-image-slides {
&.owl-theme {
margin-bottom: 0;
.owl-nav {
opacity: 1;
visibility: visible;
[class*=owl-] {
left: 10px;
width: 35px;
height: 35px;
font-size: 18px;
&.owl-next {
left: auto;
right: 10px;
}
}
}
}
}
/*modal-css*/
.productsQuickView {
.modal-dialog {
max-width: 100%;
margin: 15px;
}
.modal-content {
padding: 15px;
.content {
margin-top: 20px;
h3 {
font-size: 18px;
}
.input-counter {
max-width: 150px;
min-width: 150px;
span {
font-size: 14px;
line-height: 40px;
}
input {
height: 40px;
font-size: 15px;
}
}
.add-to-wishlist-btn {
width: 41px;
height: 41px;
font-size: 18px;
line-height: 41px;
}
}
}
}
}
// 768 - 991
@media only #{$media} and ($feature_min : $value_two) and ($feature_max : $value_three) {
.shop-details-area {
padding-bottom: 50px;
}
.cart-totals {
h3 {
font-size: 21px;
}
}
.checkout-area {
.title {
font-size: 16px;
}
}
.shop-details {
.product-entry-summary {
h3 {
font-size: 21px;
}
}
.shop-details-tabs {
.content {
h3 {
font-size: 21px;
}
}
}
}
.shop-related-prodcut {
margin-top: 60px;
}
.cart-table {
table {
thead {
.product-img {
display: none;
}
}
}
}
/*products-css*/
.single-products-box {
.sale {
font-size: 13px;
}
.hot {
font-size: 13px;
}
.out-of-stock {
font-size: 13px;
}
.products-button {
right: 15px;
top: 40px;
li {
opacity: 1;
transform: unset;
visibility: visible;
a {
width: 30px;
height: 30px;
line-height: 32px;
.tooltip-label {
font-size: 12px;
line-height: 25px;
}
}
}
}
.content {
padding: 20px;
h3 {
font-size: 18px;
}
.add-to-cart-btn {
margin-top: 12px;
}
.price {
right: 0;
top: auto;
margin-top: 12px;
position: relative;
display: block;
del {
display: inline-block;
}
span {
text-align: start;
display: inline-block;
&.old-price {
margin: {
bottom: 0;
right: 5px;
};
}
}
}
}
}
.products-content {
h2 {
font-size: 28px;
}
.link-btn {
font-size: 14.5px;
&::before {
width: 89%;
}
}
}
/*products-details-css*/
.products-details-desc {
padding-left: 0;
margin-top: 30px;
h3 {
font-size: 21px;
}
.price {
font-size: 16px;
}
&.products-details-desc-sticky {
height: auto !important;
.inner-wrapper-sticky {
top: 0 !important;
left: 0 !important;
width: auto !important;
transform: unset !important;
position: relative !important;
}
}
}
.products-details-tabs {
margin-top: 40px;
.nav {
margin-bottom: 25px;
.nav-item {
.nav-link {
font-size: 18px;
}
}
}
.tab-content {
.tab-pane {
.review-form-wrapper {
h3 {
font-size: 20px;
}
}
}
}
}
.products-details-image-slides {
&.owl-theme {
margin-bottom: 0;
.owl-nav {
opacity: 1;
visibility: visible;
[class*=owl-] {
left: 15px;
&.owl-next {
right: 15px;
}
}
}
}
}
/*modal-css*/
.productsQuickView {
.modal-dialog {
max-width: 720px;
margin: 15px auto;
}
.modal-content {
padding: 25px;
.content {
h3 {
font-size: 20px;
}
.input-counter {
max-width: 168px;
min-width: 168px;
}
.add-to-wishlist-btn {
width: 42px;
height: 42px;
font-size: 20px;
line-height: 42px;
top: 2px;
}
}
}
}
}
/* Min width 992px to Max width 1199px */
@media only #{$media} and ($feature_min : $value_four) and ($feature_max : $value_five) {
/*products-css*/
.single-products-box {
.sale {
font-size: 13px;
}
.hot {
font-size: 13px;
}
.out-of-stock {
font-size: 13px;
}
.products-button {
right: 15px;
top: 40px;
li {
a {
width: 30px;
height: 30px;
font-size: 14px;
line-height: 32px;
.tooltip-label {
font-size: 12px;
line-height: 25px;
}
}
}
}
.content {
padding: 17px;
.add-to-cart-btn {
margin-top: 12px;
}
h3 {
font-size: 18px;
}
.price {
top: 0;
right: 0;
margin-top: 12px;
position: relative;
display: block;
del {
display: inline-block;
}
span {
text-align: start;
display: inline-block;
&.old-price {
margin: {
bottom: 0;
right: 5px;
};
}
}
}
}
}
}
.woocommerce {
.blog-sidebar{
.woocommerce-widget-layered-nav-list {
.woocommerce-widget-layered-nav-list__item {
padding-left: 0;
}
}
}
}
.woocommerce-widget-layered-nav {
.select2-selection.select2-selection--single {
display: none !important;
}
.woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 15px;
}
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
display: none;
}
.woocommerce table.shop_table.wishlist_table {
tr, th, td {
text-align: left;
}
}
.wishlist-title a.show-title-form {
display: none;
padding: 0;
margin: 0;
}
/**
* Buttons
*/
a.button,
button.button,
input.button,
#respond input#submit {
&.loading {
&::after {
top: 20px !important;
right: 20px !important;
}
}
}