.woocommerce-message {
background: #eee;
border: 1px solid #ccc;
padding: 10px 15px;
margin-bottom: 40px;
}
.woocommerce-message .wc-forward {
float: right;
}
.woo-result-count {
margin-top: 10px;
}
.woo-orderby {
padding: 5px 10px;
}
.woocommerce ul.products {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce ul.products li.product {
list-style-type: none;
float: left;
padding: 0 15px;
width: 100%;
margin-bottom: 30px!important;
}
@media screen and (min-width: 768px) {
.woocommerce ul.products li.product{
width: 50%;
}
}
@media screen and (min-width: 992px) {
.woocommerce ul.products li.product {
width: 33.333333333333%;
}
}
@media screen and (min-width: 1200px) {
.woocommerce ul.products li.product {
width: 25%;
}
}
.woocommerce ul.products li.product .product-inner {
background: #fff;
position: relative; }
.onsale {
position: absolute;
display: inline-block;
top: 0;
right: 0;
padding: 10px 15px;
background: #fa5c5d;
color: #fff;
z-index: 10;
font-size: .9em;
}
.product-image {
position: relative;
overflow: hidden;
width: 100%;
}
.product-image .product-image-front {
width: 100%;
height: auto;
display: block;
margin: 0 0 8px;
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
}
.product-image .product-image-back {
position: absolute;
top: 0; left: 0;
width: 100%;
opacity: 0;
transition: all 1s;
}
.product-image:hover .product-image-back {
opacity: 1;
transition: all 1s;
}
.product-info {
padding: 10px;
}
.product-info.text-center h3:after {
display: none;
}
ul.products li.product .star-rating {
margin: 0;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.1em;
font-family: "fontawesome";
display: inline-block;
}
.star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: .1em;
letter-spacing: 0\9;
color: #ddd;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #fdd200;
}
.woocommerce .price {
color: #fa5c5d;
display: block;
font-weight: 400;
margin-bottom: .4em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #FA5C5D;
}
.woocommerce .price del {
font-size: .9em;
color: rgba(145, 145, 145, .5);
margin: -2px 5px 0 0;
}
.woocommerce .price ins {
background: none;
}
.woocommerce a.added_to_cart {
padding-top: .1em;
white-space: nowrap;
display: block;
}
.woocommerce div.product .images {
margin-bottom: 2em;
position: relative;
}
.woocommerce div.product .images img {
display: block;
width: 100%;
height: auto;
}
.woocommerce div.product .images .thumbnails {
margin: 15px -3px;
}
.woocommerce div.product .images .thumbnails img {
opacity: .7;
}
.woocommerce div.product .images .thumbnails img:hover {
opacity: 1;
}
.woocommerce div.product .images .thumbnails:after,
.woocommerce div.product .images .thumbnails:before {
content: " ";
display: table;
}
.woocommerce div.product .images .thumbnails a {
float: left;
width: 25%;
padding: 0 3px;
}
.woocommerce div.product .summary {
margin-bottom: 2em;
}
.summary .entry-title {
margin: 0 0 .6em;
}
.woocommerce div.product .price {
font-size: 1.2em;
margin: 10px 0;
}
.woocommerce table.variations {
margin: 0;
border: 0;
}
.woocommerce table.variations td {
border: 0;
display: list-item;
list-style-type: none;
padding: 5px 0;
}
.woocommerce table.variations td.label {
text-align: left;
color: inherit;
font-size: inherit;
}
.woocommerce table.variations .value {
margin-bottom: 5px;
}
.woocommerce table.variations .value select {
margin-right: 10px;
}
.woocommerce .various-price {
padding-bottom: 1em;
border-bottom: 1px solid #eee;
margin-bottom: 1.4em;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.woocommerce div.product form.cart:after,
.woocommerce div.product form.cart:before {
content: " ";
display: table;
}
.summary .cart .quantity {
float: left;
margin: 0 10px 5px 0;
position: relative;
border: 1px solid #ddd;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
display: none;
}
.quantity .minus,
.quantity .plus {
background: #eee;
width: 30px;
cursor: pointer;
}
.quantity .plus:hover,
.quantity .minus:hover {
background: #e1e1e1;
}
.quantity .minus,
.quantity .plus,
.quantity .qty {
float: left;
border: 0;
margin: 0;
padding: 0;
height: 33px;
text-align: center;
vertical-align: middle;
font-size: 12px;
color: #333;
}
.quantity .minus,
.quantity .qty {
border-right: 1px solid #ddd;
}
.quantity .qty {
background: #fff;
width: 40px;
}
.product_meta > span {
display: block;
}
.woocommerce div.product .woo-tabs {
clear: both;
}
.woo-tabs {
margin: 20px 0;
}
.woo-tabs .panel {
padding: 40px;
border-radius: 0;
}
.woo-tabs .panel h2 {
clear: none;
margin: 0 0 20px;
}
.woo-tabs .shop_attributes th,
.woo-tabs .shop_attributes td {
padding: 10px;
}
.woo-tabs .shop_attributes th {
width: 30%;
}
.woo-tabs ol.commentlist {
list-style: none;
width: 100%;
margin-bottom: 50px;
margin-left: 0;
}
.woo-tabs li.comment {
padding: 0;
margin: 0 0 20px;
position: relative;
background: 0;
border: 0;
}
.woocommerce li.comment .comment-avatar {
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: #F7F6F7;
border: 1px solid #F0EEF0;
margin: 0;
line-height: 1;
}
.woocommerce .comment-form .form-submit {
margin-left: 124px;
}
.woo-tabs li.comment .star-rating {
margin-left: 50px;
}
.woo-tabs li.comment p.meta {
margin-left: 50px;
margin-bottom: 15px;
}
.related-products .product {
clear: none!important;
}
.woocommerce .comment-form label {
width: 120px;
font-weight: 700;
} .woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: #FA5C5D;
font-size: 1em;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
color: #767676;
display: inline;
font-size: .9em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 0;
position: relative;
overflow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 0 -1px 0;
border: 0;
padding: 0;
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
display: block;
padding: 10px 15px;
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px 4px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #555;
background-color: #FFF;
border: 1px solid #DDD;
border-bottom-color: rgba(0, 0, 0, 0);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
border-radius: 0;
padding: .8em 1.6em;
font-weight: normal;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
color: #fff;
background-color: #fdd200;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
color: #fff;
background-color: #fcc200;
}