File: //home/igennie.co.uk/public_html/wp-content/themes/blossom-coach/css/build/woocommerce.css
.select2-container .select2-selection--single {
height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
/*=========================================
Shop Listing Page style
========================================*/
.woocommerce ul.products.columns-7 li.product,
.woocommerce-page ul.products.columns-7 li.product {
width: 11%;
float: none !important;
margin-right: 3.8%;
display: inline-block;
vertical-align: top;
}
.woocommerce ul.products.columns-8 li.product,
.woocommerce-page ul.products.columns-8 li.product {
width: 9%;
float: none !important;
margin-right: 3.8%;
display: inline-block;
vertical-align: top;
}
.woocommerce ul.products.columns-9 li.product,
.woocommerce-page ul.products.columns-9 li.product {
width: 7.66%;
float: none !important;
margin-right: 3.8%;
display: inline-block;
vertical-align: top;
}
.woocommerce ul.products.columns-10 li.product,
.woocommerce-page ul.products.columns-10 li.product {
width: 6.5%;
float: none !important;
margin-right: 3.8%;
display: inline-block;
vertical-align: top;
}
.woocommerce-store-notice, p.demo_store {
padding: 5px;
font-size: 0.85em;
background-color: var( --secondary-color);
}
.woocommerce.grid-view .site-main {
margin-left: 0;
margin-right: 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering{
margin-bottom: 40px;
line-height: 50px;
color: #999;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select{
font-size: 0.8888em;
line-height: 1.785em;
text-align: left;
padding: 10px 30px 10px 10px;
border-radius: 5px;
border: 1px solid #ddd;
height: 50px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering{
position: relative;
}
.woocommerce .products ul:before,
.woocommerce ul.products:before,
.woocommerce .products ul:after,
.woocommerce ul.products:after{display: none;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
text-align: center;
}
.woocommerce ul.products li.product::before{
content: none;
}
.woocommerce ul.products li.product a:focus{
outline: none;
}
.woocommerce ul.products li.product .onsale,
.single-product .product .onsale{
width: auto;
height: 30px;
line-height: 30px;
font-weight: 700;
background: var( --secondary-color);
font-size: 14px;
text-transform: uppercase;
color: #fff;
left: 0;
top: 0;
border-radius: 0;
display: inline-block;
margin: 0 10px 0 0;
right: auto;
padding: 0 10px;
min-height: auto;
}
.woocommerce ul.products li.product .onsale::before,
.single-product .product .onsale::before,
.woocommerce ul.products li.product .onsale::after,
.single-product .product .onsale::after {
content: "";
border-top: 15px solid var( --secondary-color);
border-right: 10px solid transparent;
position: absolute;
top: 0;
right: -10px;
}
.woocommerce ul.products li.product .onsale::after,
.single-product .product .onsale::after {
border-top: none;
border-bottom: 15px solid var( --secondary-color);
top: auto;
bottom: 0;
}
.woocommerce .star-rating:before{color: #ffc733;}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
padding: 0;
color: #111;
font-weight: 700;
font-size: 1.112em;
line-height: 1.285em;
margin: 0 0 8px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color: #ababab;
font-size: 1.112em;
line-height: 1.5em;
font-weight: 500;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
display: inline-block;
vertical-align: middle;
font-weight: 500;
opacity: 1;
margin: 0 10px;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
color: var(--primary-color);
}
.woocommerce ul.products li.product .button{margin-top: 0;}
.woocommerce .button.yith-wcqv-button {
font-size: 14px;
letter-spacing: 1px;
padding: 15px 25px;
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.woocommerce ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_grouped,
.woocommerce ul.products li.product .product_type_variable{
background: var( --secondary-color);
color: #fff;
text-transform: capitalize;
padding: 15px 10px;
min-width: calc(100% - 20px);
font-weight: 700;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -150%);
-moz-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
opacity: 0;
max-width: 95%;
}
.woocommerce ul.products li.product .added_to_cart,
.woocommerce .button.yith-wcqv-button{
background: var( --secondary-color);
color: #fff;
text-transform: capitalize;
padding: 10px 20px;
border-radius: 5px;
font-weight: 600;
line-height: 1.7;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
position: relative;
}
.woocommerce ul.products li.product .added_to_cart {
margin-right: 1%;
}
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce ul.products li.product .added_to_cart:focus,
.woocommerce .button.yith-wcqv-button:hover,
.woocommerce .button.yith-wcqv-button:focus{
background: var(--primary-color);
color: #fff;
box-shadow: none;
}
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .add_to_cart_button:focus,
.woocommerce ul.products li.product .product_type_external:hover,
.woocommerce ul.products li.product .product_type_external:focus,
.woocommerce ul.products li.product .ajax_add_to_cart:hover,
.woocommerce ul.products li.product .ajax_add_to_cart:focus,
.woocommerce ul.products li.product .product_type_grouped:hover,
.woocommerce ul.products li.product .product_type_grouped:focus,
.woocommerce ul.products li.product .product_type_variable:hover,
.woocommerce ul.products li.product .product_type_variable:focus{
background: var(--primary-color);
color: #fff;
box-shadow: none;
}
.woocommerce ul.products li.product .add_to_cart_button:hover:after,
.woocommerce ul.products li.product .add_to_cart_button:focus:after,
.woocommerce ul.products li.product .product_type_external:hover:after,
.woocommerce ul.products li.product .product_type_external:focus:after,
.woocommerce ul.products li.product .product_type_grouped:hover:after,
.woocommerce ul.products li.product .product_type_grouped:focus:after{
opacity: 1;
}
.woocommerce ul.products li.product:hover .button,
.woocommerce-page ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .product_type_variable {
opacity: 1;
}
.woocommerce ul.products li.product:focus-within .button,
.woocommerce-page ul.products li.product:focus-within .button,
.woocommerce ul.products li.product:focus-within .product_type_variable{
opacity: 1;
}
.woocommerce ul.products li.product .star-rating{
font-size: 13px;
margin: 0 auto 15px;
color: #f5b223;
}
.woocommerce ul.products li.product .star-rating span{color: #f5b223;}
.woocommerce ul.products li.product a img {
border-radius: 5px;
}
/*==============================
Pagination style
==============================*/
.woocommerce nav.woocommerce-pagination{
text-align: center;
margin-top: 100px;
}
.woocommerce nav.woocommerce-pagination ul{
border: 0;
display: block;
overflow: hidden;
text-align: center;
white-space: normal;
position: relative;
width: auto;
height: auto;
border-radius: 0;
line-height: normal;
padding: 30px 40px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.woocommerce nav.woocommerce-pagination ul li a{
display: block;
color: #666;
padding: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
border: none;
width: 30px;
height: 35px;
line-height: 35px;
border-radius: 5px;
font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li{
display: inline-block;
vertical-align: middle;
border: 0;
float: none;
margin: 0 3px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current{
display: block;
color: #fff;
padding: 0;
border: none;
background: var(--primary-color);
border-radius: 5px;
width: 30px;
height: 35px;
line-height: 35px;
}
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev{
font-size: 20px;
text-indent: 40px;
border: none;
overflow: visible;
width: auto;
}
.woocommerce nav.woocommerce-pagination ul li .next{
position: absolute;
top: 22px;
right: 0;
}
.woocommerce nav.woocommerce-pagination ul li .next::after {
content: "Next";
text-transform: uppercase;
position: absolute;
left: -75px;
top: 0;
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
}
.woocommerce nav.woocommerce-pagination ul li .prev{
left: 0;
top: 22px;
position: absolute;
text-indent: -40px;
}
.woocommerce nav.woocommerce-pagination ul li .prev::after {
content: "Prev";
text-transform: uppercase;
position: absolute;
right: -75px;
top: 0;
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
}
.woocommerce nav.woocommerce-pagination ul li a.next:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:focus,
.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.prev:focus {
border-radius: 100%;
width: auto;
background: none;
}
.woocommerce-pagination .page-numbers.prev::before,
.woocommerce-pagination .page-numbers.next::before {
text-indent: 0;
line-height: 35px;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
/*===============================
Detail page style
================================*/
.woocommerce div.product div.summary,
.woocommerce div.product div.images{margin-bottom: 4em;}
.woocommerce .product .woocommerce-product-gallery .flex-viewport{margin: 0 0 10px;}
.woocommerce div.product div.images .flex-control-thumbs{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));
grid-gap: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
width: 100%;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){
clear: none;
}
.woocommerce .entry-summary{margin-top: 0;}
.woocommerce div.product .product_title{
font-size: 2em;
line-height: 1.25em;
color: #111;
margin: 0 0 20px;
font-weight: 700;
position: relative;
}
.woocommerce div.product .entry-summary .woocommerce-product-rating{margin: 0 0 20px;}
.woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating{
font-size: 18px;
margin-top: 5px;
}
.woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating:before{
color: #b5b5b5;
}
.woocommerce div.product .entry-summary .woocommerce-product-rating .star-rating span{color: #f5b223;}
.woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link{color: #b5b5b5;}
.woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover,
.woocommerce div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:focus{
text-decoration: none;
color: #32b67a;
}
.woocommerce div.product .entry-summary .price{
font-size: 1.3em;
margin: 0 0 20px;
}
.woocommerce div.product .entry-summary .price del{
margin-right: 5px;
color: #b5b5b5;
font-size: 20px;
vertical-align: bottom;
margin: 0;
font-weight: 400;
}
.woocommerce div.product .entry-summary .price ins{
font-weight: 600;
vertical-align: bottom;
margin: 0;
color: #111;
font-size: 30px;
font-weight: 500;
color: var(--primary-color);
}
.woocommerce div.product .entry-summary .woocommerce-product-details__short-description{
font-weight: 300;
}
.woocommerce div.product .entry-summary .variations_form,
.woocommerce div.product .entry-summary .cart{
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr,
.woocommerce div.product .entry-summary .variations_form table.variations tr td{
display: block;
padding-top: 0;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr{
margin: 0 0 20px;
background: none;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td.label {
padding-bottom: 0;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td label{
font-size: 16px;
display: block;
margin: 0;
font-weight: 600;
letter-spacing: 1px;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td select{
height: 50px;
color: #b5b5b5;
font-size: 1em;
padding: 0 10px;
font-weight: 300;
border-radius: 5px;
position: relative;
width: auto;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations{
color: #b5b5b5;
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:before{
content: '\f021';
font-size: 16px;
color: #666;
margin-right: 5px;
font-family: 'FontAwesome';
}
.woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:hover,
.woocommerce div.product .entry-summary .variations_form table.variations tr td .reset_variations:focus{
text-decoration: none;
}
.woocommerce div.product .entry-summary .variations_form .single_variation_wrap .quantity{
display: inline-block;
width: 74px;
position: relative;
margin-right: 20px;
}
.woocommerce div.product .entry-summary .variations_form .single_variation_wrap .quantity input[type="number"]{
height: 50px;
border: 1px solid #e5e5e5;
width: 100%;
font-size: 30px;
line-height: 1em;
color: #111;
border-radius: 5px;
padding-right: 0;
}
.woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button{
display: inline-block;
vertical-align: top;
float: none;
font-family: nunito;
font-size: 18px;
font-weight: 700;
background: var( --secondary-color);
color: #fff;
border-radius: 5px;
text-transform: none;
padding: 15px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button:hover,
.woocommerce div.product .entry-summary .variations_form .single_variation_wrap .button:focus{
opacity: 1;
background: var(--primary-color);
color: #fff;
}
.woocommerce div.product .entry-summary .product_meta{
font-size: 16px;
color: #b5b5b5;
font-weight: 300;
}
.woocommerce div.product .entry-summary .product_meta .sku_wrapper,
.woocommerce div.product .entry-summary .product_meta .posted_in{
display: block;
}
.woocommerce div.product .entry-summary .product_meta .posted_in a,
.woocommerce div.product .entry-summary .product_meta .tagged_as a{
color: #666;
}
.woocommerce div.product .entry-summary .product_meta .posted_in a:hover,
.woocommerce div.product .entry-summary .product_meta .posted_in a:focus,
.woocommerce div.product .entry-summary .product_meta .tagged_as a:hover,
.woocommerce div.product .entry-summary .product_meta .tagged_as a:focus{
text-decoration: none;
color: var(--primary-color);
}
.woocommerce div.product form.cart div.quantity{
margin-bottom: 0;
margin-right: 10px;
}
.woocommerce .quantity .qty{
width: 4.631em;
}
.woocommerce .woocommerce-cart-form table .quantity .qty{
width: 100px;
height: auto;
font-size: 1em;
padding-right: 0;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
background: var( --secondary-color);
font-size: 1em;
padding: 20px 30px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus{
background: var(--primary-color);
color: #fff;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product .cart .single_add_to_cart_button.alt{
display: inline-block;
vertical-align: top;
float: none;
font-family: nunito;
font-size: 18px;
font-weight: 700;
background: var( --secondary-color);
color: #fff;
border-radius: 5px;
text-transform: none;
padding: 15px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:focus,
.woocommerce div.product .cart .single_add_to_cart_button.alt:hover,
.woocommerce div.product .cart .single_add_to_cart_button.alt:focus{
background: var(--primary-color);
opacity: 1;
color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
text-indent: 40px;
overflow: hidden;
}
/*=======================
Tab style
=======================*/
.woocommerce div.product .woocommerce-tabs{
margin-top: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom-color: #e5e5e5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
font-size: 18px;
margin: 0;
text-align: center;
font-weight: 300;
letter-spacing: 1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
font-weight: 400;
text-transform: none;
padding: 10px 30px;
color: #666;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
margin: 0;
background: none;
padding: 0;
border: 1px solid #e5e5e5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel{
border: 1px solid #e5e5e5;
border-left: 0;
border-right: 0;
border-bottom: 0;
border-radius: 0;
border-top: 0;
box-shadow: none;
padding: 30px 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
font-size: 30px;
line-height: 1.285em;
color: #111;
margin: 0 0 30px;
font-weight: 700;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background: #fff;
border-bottom-color: #fff;
}
.woocommerce #reviews #comments ol.commentlist{
padding: 0;
margin: 0 0 40px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50%;
background: none;
border: 0;
top: 10px;
left: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
margin: 0 0 0 50px;
border: 0;
position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description{font-size: 14px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta{margin: 0 0 5px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__author{
display: block;
font-weight: 400;
color: #111;
font-size: 16px;
line-height: 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__dash{display: none;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta time{
color: #b5b5b5;
font-size: 12px;
line-height: 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{font-size: 18px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating:before{
color: #b5b5b5;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating span{
color: #fecb00;
}
/*===================================
Review form
===================================*/
.woocommerce #reviews #comments h2::before {
content: "";
background: var( --secondary-color);
width: 8px;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
}
.woocommerce #reviews #comments h2::after {
content: "";
background: var(--primary-color);
width: 90px;
height: 2px;
position: absolute;
bottom: 3px;
left: 20px;
}
.woocommerce #reviews #comments h2 {
padding-bottom: 15px;
}
.woocommerce #reviews .comment-respond .comment-reply-title{
font-size: 22px;
line-height: 1.285em;
color: #111;
margin: 0 0 30px;
font-weight: 400;
position: relative;
display: block;
}
.woocommerce #reviews .comment-respond .comment-form{
font-size: 14px;
color: #b5b5b5;
}
.woocommerce #reviews .comment-respond .comment-form p{margin: 0 0 15px;}
.woocommerce #reviews .comment-respond .comment-form .stars{font-size: 18px;}
.woocommerce #reviews .comment-respond .comment-form textarea{
height: 140px !important;
resize: vertical;
border-radius: 0;
color: #111;
}
.woocommerce #review_form #respond textarea {
border-radius: 5px;
margin-bottom: 20px;
}
.woocommerce #reviews .comment-respond .comment-form input[type="text"],
.woocommerce #reviews .comment-respond .comment-form input[type="email"]{border-radius: 0;}
.woocommerce #review_form #respond .form-submit input{
display: inline-block;
vertical-align: top;
float: none;
font-size: 18px;
font-weight: 700;
background: var( --secondary-color);
border-radius: 5px;
padding: 15px 30px;
color: #fff;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .form-submit input:focus{
background: var(--primary-color);
}
.woocommerce #reviews #comments ol.commentlist li{
background: #f9f9f9;
padding: 10px;
}
/*=====================================
You may like products
=====================================*/
.woocommerce div.product .up-sells{margin: 0 0 50px;}
.woocommerce div.product .up-sells > h2,
.woocommerce div.product .related > h2 {
font-size: 1.5em;
line-height: 1.285em;
color: #111;
margin: 0 0 40px;
padding-bottom: 25px;
font-weight: 600;
position: relative;
text-align: center;
letter-spacing: 0;
text-transform: capitalize;
}
.woocommerce div.product .up-sells > h2::before,
.woocommerce div.product .related > h2::before {
content: "";
background: var( --secondary-color);
width: 30px;
height: 30px;
border: 10px solid #fff;
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 100%;
z-index: 1;
}
.woocommerce div.product .up-sells > h2::after,
.woocommerce div.product .related > h2::after {
background: var(--primary-color);
width: 170px;
height: 2px;
position: absolute;
bottom: 6px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
}
/*=====================================
Related products
=====================================*/
.woocommerce .related.products h2{
color: #343434;
font-size: 28px;
line-height: 32px;
letter-spacing: 1px;
margin: 0 0 30px;
position: relative;
}
.woocommerce .star-rating{
font-size: 0.8125em;
margin: 0 auto 15px;
}
.woocommerce p.stars a{
color: #444;
margin: 0 3px;
}
.woocommerce .related ul.products li.product a {
display: flex;
flex-flow: column wrap;
flex: 1;
justify-content: center;
}
.woocommerce .related ul.products li.product a .woocommerce-loop-product__title {
order: 4;
}
.woocommerce .related ul.products li.product a .star-rating {
order: 2;
}
.woocommerce .related ul.products li.product a .price {
order: 5;
}
/*============================
Woocommerce message
===========================*/
.woocommerce .woocommerce-message .button{
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
background: var( --secondary-color);
border-radius: 5px;
text-transform: uppercase;
padding: 15px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
color: #fff;
position: relative;
}
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-message .button:focus{
background: var(--primary-color);
color: #fff;
}
/*============================
Cart Page
============================*/
.page.woocommerce-cart .page-header,
.page.woocommerce-account .page-header,
.page.woocommerce-checkout .page-header {
margin-bottom: 0;
}
.woocommerce-cart #primary .page .entry-content table.shop_table{
border-radius: 0;
border: 0;
}
.woocommerce table tbody tr:nth-child(2n+1) {
background: none;
}
.woocommerce-cart #primary .page .entry-content table.shop_table th,
.woocommerce-cart #primary .page .entry-content table.shop_table td{padding: 8px 0;}
.woocommerce-cart #primary .page .entry-content table.shop_table th{
font-size: 1em;
font-weight: 600;
background: #f7f7f7;
color: #000;
padding-left: 8px;
padding-right: 8px;
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-top: none;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td{
padding-left: 8px;
padding-right: 8px;
}
.woocommerce-cart #primary .cart-collaterals .cart_totals table .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total td {
border-top: 1px solid #ddd;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove{
text-align: center;
width: 35px;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove .remove{
width: auto;
height: auto;
color: var(--primary-color) !important;
font-weight: 400;
font-size: 1.2em;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-remove .remove:hover{
background: none;
color: red !important;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail{width: 90px;}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail img{
width: 75px;
height: 100px;
object-fit: cover;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a{
color: #111;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a:hover,
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-name a:focus{
text-decoration: none;
color: var(--primary-color);
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-name .variation{
font-size: 10px;
text-transform: uppercase;
color: #999;
letter-spacing: 1px;
line-height: 1em;
margin: 0;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-name .variation dt{
font-weight: 400;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text{
padding: 9px 10px;
width: 150px !important;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions{
padding: 20px 0;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon{
width: 40%;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon input[type="text"]{
width: 100% !important;
border-radius: 0;
padding: 13px 10px;
margin: 0 0 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-size: 1em;
font-weight: 700;
display: inline-block;
background: var( --secondary-color);
color: #fff;
border-radius: 5px;
text-transform: capitalize;
padding: 20px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:hover,
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:focus{
background: var(--primary-color);
color: #fff;
}
.woocommerce div.product form.cart .variations td.label{width: 50px;}
.woocommerce div.product form.cart .variations select{height: 35px;}
.woocommerce-cart #primary .page .entry-content .cart_totals{
background: #f7f7f7;
padding: 30px 30px 0;
border-radius: 5px;
}
.woocommerce-cart #primary .page .entry-content .cart_totals strong{
font-weight: 600;
color: #111;
}
.woocommerce-cart #primary .page .entry-content .cart_totals h2{
font-size: 1.5em;
line-height: 1.2em;
color: #111;
font-weight: 600;
margin: 0 0 30px;
position: relative;
padding-bottom: 15px;
}
.woocommerce-cart #primary .page .entry-content .cart_totals h2::before {
content: "";
background: var( --secondary-color);
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
}
.woocommerce-cart #primary .page .entry-content .cart_totals h2::after {
content: "";
background: var(--primary-color);
width: 90px;
height: 2px;
position: absolute;
bottom: 4px;
left: 20px;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover{
background: var(--primary-color);
pointer-events: none;
}
/*===============================================
Comment form style
===============================================*/
.woocommerce .comment-form input[type="text"],
.woocommerce .comment-form input[type="email"],
.woocommerce .comment-form input[type="phone"]{
float: none;
display: block;
width: 100% !important;
margin: 0;
height: auto;
padding: 10px;
}
.woocommerce .comment-form .comment-form-author{
float: left;
width: 49%;
}
.woocommerce .comment-form .comment-form-email{
float: right;
width: 49%;
}
.woocommerce .comment-form textarea{
color: #b4b4b4;
padding: 10px;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1{
width: 49%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last{width: 100%;}
.woocommerce form .form-row textarea{height: 200px;}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
padding: 1em !important;
}
.woocommerce .widget.widget_products ul.product_list_widget li a,
.woocommerce .widget.widget_recent_reviews ul.product_list_widget li a,
.woocommerce .widget.widget_recent_reviews ul.product_list_widget li .star-rating,
.woocommerce .widget.widget_top_rated_products ul.product_list_widget li a,
.woocommerce .widget.widget_top_rated_products ul.product_list_widget li .star-rating{margin-bottom: 5px;}
.woocommerce .star-rating span{color: #ffc733;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background: #000;}
.woocommerce .woocommerce-product-search{
background: #f4f3f2;
border-radius: 5px;
margin: 0;
overflow: hidden;
padding: 14px 15px 15px 16px;
width: 100%;
}
.woocommerce .woocommerce-product-search input[type="search"]{
width: 85%;
background: none;
border: 0 none;
border-radius: 0;
color: #6f6f6f;
float: left;
font-size: 14px;
font-weight: 700;
margin: 0;
padding: 0;
}
.woocommerce .woocommerce-product-search input[type="submit"]{
background: url('../images/bg-search.png');
border: 0;
border-radius: 0;
box-shadow: none;
float: right;
font-size: 14px;
height: 18px;
margin: 5px 0 0;
padding: 0;
text-indent: -9999px;
width: 17px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
padding: 10px;
border-radius: 5px;
border: 1px solid #eee;
width: 100% !important;
}
.woocommerce-checkout .woocommerce .checkout .payment_methods li.woocommerce-notice {
background: none;
color: var(--font-color);
font-size: 16px;
font-weight: 300 !important;
font-style: italic;
border-left: 3px solid var(--primary-color);
margin-bottom: 20px !important;
padding: 0 0 0 20px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove,
.woocommerce a.remove{
line-height: 20px;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit[disabled]:disabled,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button[disabled]:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button[disabled]:disabled,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button[disabled]:disabled{
padding: 20px 30px;
background: var(--primary-color);
color: #fff;
}
/*================================
Checkout Page style
===============================*/
.woocommerce-checkout #primary .woocommerce-checkout .col2-set {
display: inline-block;
vertical-align: top;
width: 48%;
float: left;
margin-right: 4%;
}
.woocommerce-checkout #primary .woocommerce-checkout .col-1,
.woocommerce-checkout #primary .woocommerce-checkout .col-2 {
float: none;
width: 100%;
}
.woocommerce-checkout #primary .woocommerce-checkout .col-2 {
margin-top: 40px;
}
.woocommerce-checkout form.checkout #order_review_heading {
display: inline-block;
vertical-align: top;
margin-top: 0 !important;
width: 48%;
}
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
display: inline-block;
vertical-align: top;
width: 48%;
}
.woocommerce-checkout .woocommerce .woocommerce-info{
background: var(--primary-color);
border-top: 0;
padding: 0.8em 1em;
font-size: 1em;
color: #fff;
font-weight: 300;
}
.woocommerce-checkout .woocommerce .woocommerce-info:before{display: none;}
.woocommerce-checkout .woocommerce .woocommerce-info a{
color: #fff;
border-bottom: 1px dotted;
}
.woocommerce-checkout .woocommerce .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce .woocommerce-info a:focus{
border-bottom: none;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
border-radius: 0;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login input.button,
.woocommerce-checkout .woocommerce form.checkout_coupon input.button,
.woocommerce form.lost_reset_password input.button,
.woocommerce .return-to-shop .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
float: none;
font-size: 18px;
border: 0;
width: 100%;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login input.button:hover,
.woocommerce-checkout .woocommerce form.woocommerce-form-login input.button:focus,
.woocommerce-checkout .woocommerce form.checkout_coupon input.button:hover,
.woocommerce-checkout .woocommerce form.checkout_coupon input.button:focus,
.woocommerce form.lost_reset_password input.button:hover,
.woocommerce form.lost_reset_password input.button:focus,
.woocommerce .return-to-shop .button:hover,
.woocommerce .return-to-shop .button:focus,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:focus{
background: var(--primary-color);
color: #fff;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3,
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3{
font-size: 1.3em;
line-height: 1.2em;
color: #111;
font-weight: 600;
margin: 0 0 15px;
position: relative;
padding-bottom: 15px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3:before,
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3::before {
content: "";
background: var( --secondary-color);
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields h3:after,
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields h3::after {
content: "";
background: var(--primary-color);
width: 90px;
height: 2px;
position: absolute;
bottom: 4px;
left: 20px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields select{
height: 50px !important;
font-size: 14px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection{
border-radius: 5px;
height: 50px;
border-color: #eee;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection .select2-selection__rendered{
line-height: 50px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-billing-fields .select2-container .select2-selection .select2-selection__arrow{
height: 50px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce .woocommerce-additional-fields textarea{
height: 85px;
resize: vertical;
border-radius: 5px;
font-size: 16px;
width: 100%;
}
#primary .page .entry-content #order_review_heading{
font-size: 1.3em;
line-height: 1.2em;
color: #111;
font-weight: 600;
margin: 0;
position: relative;
padding: 25px 25px 15px 25px;
border: 2px solid #eee;
border-bottom: none;
}
#primary .page .entry-content #order_review_heading::before {
content: "";
background: var( --secondary-color);
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
left: 25px;
border-radius: 100%;
}
#primary .page .entry-content #order_review_heading::after {
content: "";
background: var(--primary-color);
width: 90px;
height: 2px;
position: absolute;
bottom: 4px;
left: 45px;
}
.woocommerce-checkout-review-order{
border: 2px solid #eee;
border-top: 0;
padding: 25px 25px 0 25px;
}
.woocommerce-checkout .woocommerce form .form-row label {
font-weight: 300;
}
.woocommerce form .form-row .required {
color: var(--font-color);
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table{
border: 0;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table thead{
background: none;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th{
padding: 0.8vw 0;
font-size: 18px;
border-bottom: none;
font-weight: 400;
color: var(--font-color);
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td{
padding: 15px 15px 15px 0;
font-size: 16px;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr:not(:first-child) td {
border-top-style: dashed;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td:last-child {
text-align: right;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td .variation{
margin: 0;
font-size: 12px;
color: #b5b5b5;
text-transform: uppercase;
}
.woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr td .variation .variation-Size{
font-weight: 500;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment{
background: none;
font-size: 14px;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
background: none;
padding: 0;
}
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before{
display: none;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
padding: 0 !important;
border-bottom: none;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin-bottom: 30px;
}
.woocommerce-message {
border-top-color: var(--primary-color);
}
.woocommerce-message::before {
color: var(--primary-color);
}
.woocommerce-tabs .woocommerce-Tabs-panel--description > h2 {
position: relative;
padding-bottom: 12px;
}
.woocommerce-tabs .woocommerce-Tabs-panel--description > h2:before {
content: "";
background: var( --secondary-color);
width: 8px;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
}
.woocommerce-tabs .woocommerce-Tabs-panel--description > h2:after {
content: "";
background: var(--primary-color);
height: 2px;
width: 90px;
position: absolute;
bottom: 3px;
left: 20px;
}
/*==============================
Sidebar cart widget
==============================*/
.woocommerce #secondary .widget_shopping_cart ul li{
padding: 0 0 10px 25px;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 10px;
position: relative;
}
.woocommerce #secondary .widget_shopping_cart ul li .remove{
position: absolute;
top: 5px;
left: 0;
font-size: 0;
width: 14px;
height: 18px;
}
.woocommerce #secondary .widget_shopping_cart ul li .remove:hover,
.woocommerce #secondary .widget_shopping_cart ul li .remove:focus{background: none;}
.woocommerce #secondary .widget_shopping_cart ul li .remove:after{
position: absolute;
top: 0;
left: 0;
content: '\f057';
font-family: 'FontAwesome';
color: #e2401c;
font-size: 16px;
}
.woocommerce #secondary .widget_shopping_cart ul.product_list_widget li img{
width: 44px;
float: right;
margin-right: 0;
margin-left: 4px;
}
.woocommerce #secondary .widget_shopping_cart ul li a:not(.button){
font-weight: 400;
}
.woocommerce #secondary .widget_shopping_cart ul li .variation{
padding-left: 0;
border-left: 0;
}
.woocommerce #secondary .widget_shopping_cart ul li .variation dt{font-weight: 400;}
.woocommerce #secondary .widget_shopping_cart ul li .variation dd{
margin: 0
}
.woocommerce #secondary .widget_shopping_cart .total{
border-top: 0;
padding-top: 0;
padding-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
text-align: center;
}
.woocommerce #secondary .widget_shopping_cart .total strong{
font-weight: 600;
color: #111;
}
.woocommerce #secondary .widget_shopping_cart .buttons .button{
display: block;
background: #111;
color: #fff;
text-align: center;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
border-radius: 0;
text-transform: uppercase;
padding: 12px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
position: relative;
}
.woocommerce #secondary .widget_shopping_cart .buttons .button:hover,
.woocommerce #secondary .widget_shopping_cart .buttons .button:focus{
background: var(--primary-color);
color: #fff;
}
/*===================================
Sidebar layered nav dropdown
===================================*/
.woocommerce #secondary .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li{
margin: 0 5px 5px;
}
.woocommerce #secondary .woocommerce-widget-layered-nav ul li input[type="text"]{
width: 100% !important;
}
/*=============================
Sidebar price filter
============================*/
.woocommerce #secondary .widget_price_filter .ui-slider-horizontal{
height: 5px;
background: #eee;
margin-left: 0;
margin-right: 0;
border-radius: 0;
margin-bottom: 25px;
}
.woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-handle{
background: #fff;
border: 0;
width: 20px;
height: 20px;
top: -8px;
border-radius: 50%;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-range{background: var(--primary-color);}
.woocommerce #secondary .widget_price_filter .price_slider_amount .button{
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
background: #111;
border-radius: 0;
text-transform: uppercase;
padding: 12px 30px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
position: relative;
}
.woocommerce #secondary .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #secondary .widget_price_filter .price_slider_amount .button:focus{
color: #fff;
background: var(--primary-color);
}
.woocommerce #secondary .widget_price_filter .price_slider_amount .price_label{
color: #999;
float: right;
}
/*=================================
Sidebar Tag cloud
=================================*/
.woocommerce #secondary .widget_product_tag_cloud .tagcloud{overflow: hidden;}
.woocommerce #secondary .widget_product_tag_cloud .tagcloud a{
float: left;
margin: 0 6px 6px 0;
font-size: 14px !important;
line-height: 15px;
background: #eee;
color: #333;
padding: 10px 15px;
-webkit-transition: linear 0.2s;
-moz-transition: linear 0.2s;
transition: linear 0.2s;
}
.woocommerce #secondary .widget_product_tag_cloud .tagcloud a:hover,
.woocommerce #secondary .widget_product_tag_cloud .tagcloud a:focus{
text-decoration: none;
color: #fff;
background: var(--primary-color);
}
/*===================================
Widget rating filter
===================================*/
.woocommerce .widget_rating_filter ul li .star-rating{
vertical-align: top;
margin-top: 7px;
}
/*===================================
Product list
===================================*/
.woocommerce #secondary .widget .product_list_widget li img{
float: left;
width: 75px;
margin-left: 0;
margin-right: 15px;
}
.woocommerce #secondary .widget .product_list_widget li{margin: 0 0 20px;}
.woocommerce #secondary .widget .product_list_widget li .product-title{
font-weight: 600;
color: #111;
}
.woocommerce #secondary .widget .product_list_widget li .product-title:hover,
.woocommerce #secondary .widget .product_list_widget li .product-title:focus{
color: var(--primary-color);
}
.woocommerce #secondary .widget .product_list_widget li .amount{
color: #b5b5b5;
font-weight: 500;
}
.woocommerce #secondary .widget .product_list_widget li ins,
.woocommerce #secondary .widget .product_list_widget li ins .amount{
background: none;
color: var(--primary-color);
}
.woocommerce #secondary .widget .product_list_widget li ins{margin-left: 10px;}
.woocommerce #secondary .widget .product_list_widget li .star-rating{
margin: 0 0 5px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.widget_product_categories ul li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
position: relative;
padding-left: 20px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child,
.widget_product_categories ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before,
.widget_product_categories ul li:before {
content: "";
background: #8c8c8c;
width: 8px;
height: 8px;
position: absolute;
top: 8px;
left: 0;
border-radius: 100%;
}
/*===========================================
Sidebar product search form
==========================================*/
.woocommerce.widget_product_search .woocommerce-product-search{
background: none;
border-radius: 5px;
margin: 0 3px 0 0;
width: 100%;
padding: 0;
border: 1px solid #e5e5e5;
}
.woocommerce.widget_product_search .woocommerce-product-search:after{
content: '';
display: block;
clear: both;
}
.woocommerce.widget_product_search .woocommerce-product-search input[type="search"]{
background: none;
border: 0;
border-radius: 0;
float: left;
margin: 0;
padding: 10px 15px;
font-size: 0.8888em;
width: calc(100% - 50px);
height: 50px;
font-weight: 400;
}
.woocommerce-product-search button[type="submit"]{
width: 50px;
border-radius: 0 5px 5px 0px;
padding: 0;
height: 50px;
background-color: var( --secondary-color);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
border: none;
box-shadow: none;
text-indent: 55px;
white-space: nowrap;
overflow: hidden;
}
.woocommerce-product-search button[type="submit"]:hover {
background-color: #88ced8;
}
.woocommerce-cart .cart-collaterals .cross-sells .products{
grid-template-columns: repeat(1, 1fr);
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li{
width: 100%;
}
.woocommerce div.product div.images img {
border-radius: 7px;
}
.woocommerce .widget ul li ul {
margin-top: 20px;
margin-left: 10px;
}
form.search-form:before,
form.search-form:after {
content: "";
display: table;
}
form.search-form:after {
clear: both;
}
.widget_search form.search-form {
border: 1px solid #ededed;
border-radius: 5px;
}
.widget_search form.search-form input.search-field {
height: 50px;
box-shadow: none;
font-size: 16px;
width: calc(100% - 55px);
}
.widget_search .search-form>label[for="submit-field"] {
height: 50px;
line-height: 50px;
width: 55px;
font-size: 18px;
}
.woocommerce-checkout .woocommerce-privacy-policy-link {
margin-top: 0px;
display: inline-block;
margin-bottom: 10px;
}
.woocommerce-checkout .form-row.validate-required {
margin-bottom: 10px;
padding: 0;
}
/*===================================
Responsive
===================================*/
@media only screen and (max-width: 1210px){
.woocommerce ul.products.columns-7 li.product,
.woocommerce-page ul.products.columns-7 li.product,
.woocommerce ul.products.columns-8 li.product,
.woocommerce-page ul.products.columns-8 li.product,
.woocommerce ul.products.columns-9 li.product,
.woocommerce-page ul.products.columns-9 li.product,
.woocommerce ul.products.columns-10 li.product,
.woocommerce-page ul.products.columns-10 li.product {
width: 21%;
}
.woocommerce ul.products.columns-7 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-7 li.product:nth-child(4n),
.woocommerce ul.products.columns-8 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-8 li.product:nth-child(4n),
.woocommerce ul.products.columns-9 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-9 li.product:nth-child(4n),
.woocommerce ul.products.columns-10 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-10 li.product:nth-child(4n) {
margin-right: 0;
}
.woocommerce ul.products.columns-7 li.last,
.woocommerce-page ul.products.columns-7 li.last,
.woocommerce ul.products.columns-8 li.last,
.woocommerce-page ul.products.columns-8 li.last,
.woocommerce ul.products.columns-9 li.last,
.woocommerce-page ul.products.columns-9 li.last,
.woocommerce ul.products.columns-10 li.last,
.woocommerce-page ul.products.columns-10 li.last {
margin-right: 3.8%;
}
.woocommerce ul.products.columns-7 li.first,
.woocommerce-page ul.products.columns-7 li.first,
.woocommerce ul.products.columns-8 li.first,
.woocommerce-page ul.products.columns-8 li.first,
.woocommerce ul.products.columns-9 li.first,
.woocommerce-page ul.products.columns-9 li.first,
.woocommerce ul.products.columns-10 li.first,
.woocommerce-page ul.products.columns-10 li.first {
clear: none;
}
}
@media screen and (max-width: 980px) {
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_external,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.woocommerce ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_grouped{
padding: 12px 15px;
min-width: 140px;
}
}
@media only screen and (max-width: 768px){
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text{width: 48% !important;}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart{
padding: 12px 10px;
font-size: 14px;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1{width: 100%;}
.woocommerce #secondary{
width: 100%;
max-width: 100%;
}
.woocommerce .products ul,
.woocommerce ul.products{
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 10px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering{margin-bottom: 15px;}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select{
text-align: left;
}
.woocommerce .comment-form .comment-form-author,
.woocommerce .comment-form .comment-form-email{width: 100%;}
.woocommerce ul.products.columns-7 li.product,
.woocommerce-page ul.products.columns-7 li.product,
.woocommerce ul.products.columns-8 li.product,
.woocommerce-page ul.products.columns-8 li.product,
.woocommerce ul.products.columns-9 li.product,
.woocommerce-page ul.products.columns-9 li.product,
.woocommerce ul.products.columns-10 li.product,
.woocommerce-page ul.products.columns-10 li.product {
width: 47%;
}
.woocommerce ul.products.columns-7 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-7 li.product:nth-child(2n),
.woocommerce ul.products.columns-8 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-8 li.product:nth-child(2n),
.woocommerce ul.products.columns-9 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-9 li.product:nth-child(2n),
.woocommerce ul.products.columns-10 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-10 li.product:nth-child(2n) {
margin-right: 0;
}
.woocommerce #reviews{
grid-template-columns: repeat(1, 1fr);
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.actions .coupon{
width: 100%;
}
#yith-quick-view-modal {
z-index: 9999;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
border: 1px solid #ddd;
display: block;
padding: 15px;
margin-bottom: -1px;
color: var(--font-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: #f5f5f5;
}
.woocommerce nav.woocommerce-pagination ul li .prev,
.woocommerce nav.woocommerce-pagination ul li .next {
position: relative;
top: 0;
overflow: visible;
width: 35px;
}
.woocommerce nav.woocommerce-pagination ul li a.next:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:focus,
.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.prev:focus {
width: 35px;
}
.woocommerce nav.woocommerce-pagination .page-numbers.prev::before,
.woocommerce nav.woocommerce-pagination .page-numbers.next::before {
width: 35px;
height: 35px;
line-height: 35px;
top: 0;
}
.woocommerce nav.woocommerce-pagination ul li .prev::after,
.woocommerce nav.woocommerce-pagination ul li .next::after {
display: none;
}
.woocommerce-cart #primary .page .entry-content table.shop_table td.product-thumbnail {
display: block;
width: 100%;
text-align: center !important;
}
.woocommerce table.shop_table_responsive tr td.product-thumbnail::before,
.woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
display: none;
}
}
@media only screen and (max-width: 640px){
.woocommerce-checkout #primary .woocommerce-checkout .col2-set,
.woocommerce-checkout form.checkout #order_review_heading,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 40px;
}
.woocommerce .woocommerce-message {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.woocommerce .woocommerce-message .button {
text-align: center;
margin-top: 15px;
}
}