.catalog-shop {
padding: 45px 0 75px;
}
.top-filter {
display: inline-block;
width: 100%;
margin-bottom: 25px;
text-transform: uppercase;
font-size: 13px;
}
.top-filter .woocommerce-result-count {
float: left;
margin-bottom: 0;
}
.top-filter .woocommerce-ordering {
float: right;
margin-bottom: 0;
}
.woocommerce-ordering select {
border: none;
text-transform: uppercase;
}
.all-products {
overflow: hidden;
margin-right: -3px;
}
.item-product {
width: 25%;
float: left;
border: 1px solid #e6e6e6;
text-align: center;
margin-left: -1px;
margin-bottom: -1px;
}
.item-product:nth-child(4n+1) {
margin-left: 0;
}
.item-product .product-thumb {
display: table;
height: 230px;
width: 100%;
}
.item-product .product-thumb .midd {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.item-product h4 {
font-size: 15px;
}
.item-product .price {
font-size: 16px;
font-weight: bold;
color: #ffae4e;
}
.item-product .add-cart {
margin: 15px 0 40px;
}
.item-product .add-cart a {
font-size: 13px;
color: #333;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
padding: 12px 20px;
line-height: 1;
border: 1px solid #e6e6e6;
background: transparent;
border-radius: 0;
}
.item-product .add-cart a:hover {
color: #fff;
background: #333;
}
.catalog-shop .pagination {
margin-top: 40px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0 6px;
width: 35px;
height: 35px;
line-height: 22px;
-webkit-border-radius: 0!important;
border-radius: 0!important;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #454647;
color: #ffae4e;
}
.item-product .add-cart a.added {
display: none;
}
.catalog-shop .pagination a {
background: #e6e6e6;
color: #555;
}
.catalog-shop .pagination a i {
font-size: 15px;
}
.catalog-shop .pagination span,
.catalog-shop .pagination a:hover,
.catalog-shop .pagination span:hover {
background: #454647;
color: #ffae4e;
}
.woocommerce .products .star-rating {
display: none;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
width: 100%;
margin-bottom: 10px;
}
.woocommerce div.product div.images img {
border: 1px solid #ddd;
padding: 20px;
}
.woocommerce div.product {
padding-top: 50px;
}
.woocommerce div.product .product_title {
font-size: 24px;
}
.woocommerce-tabs .panel h2 {
display: none;
}
.woocommerce div.product p.price {
color: #555;
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.woocommerce .star-rating span:before,
.woocommerce .star-rating:before {
color: #ffae4e;
}
.woocommerce .quantity .qty {
height: 37px;
background: #f2f2f2;
border: 1px solid #ddd;
border-radius: 2px;
}
.woocommerce div.product form.cart .button {
border-radius: 0;
text-transform: uppercase;
font-size: 13px;
padding: 12px 18px;
background: #ffae4e;
color: #333;
transition: 0.3s;
}
.woocommerce div.product .woocommerce-tabs .panel {
border: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
border: none;
padding-left: 0;
margin: 0;
text-transform: uppercase;
font-size: 13px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-bottom: 3px solid #ccc;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #reviews h3 {
display: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
border-radius: 50%;
border: none;
padding: 0;
width: 40px;
}
.woocommerce #review_form #respond .form-submit input {
border-radius: 0;
padding: 10px 22px;
background: #ffae4e;
text-transform: uppercase;
font-size: 12px;
}
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce div.product form.cart .button:hover {
background: #333;
color: #fff;
}
.related.products h2 {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 25px;
}
.related.products .item-product {
width: 33.33%;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: none;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
color: #555;
font-weight: normal;
float: none;
}
.sidebar .woocommerce.widget li span {
float: none;
color: #555;
}
.sidebar .cart_list li > a:before {
display: none;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 70px;
float: left;
margin-right: 10px;
}
.sidebar .widget .product_list_widget li a:before {
display: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
height: 32px;
padding: 0 10px;
border-radius: 4px;
border: 1px solid #ccc;
}
.woocommerce form .form-row textarea {
height: 120px;
padding: 10px;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 49%;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
background: #ffae4e;
text-transform: uppercase;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background: #333;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
margin: 10px 0;
}
.woocommerce-review-link {
text-transform: uppercase;
font-size: 11px;
color: #aaa;
}
@media (max-width: 991px) {
.item-product {
width: 50%;
margin: 0;
}
}
@media (max-width: 767px) {
.related.products .item-product {
width: 50%;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
}
}
@media (max-width: 600px) {
.item-product {
width: 100%;
}
}
@media (max-width: 479px) {
.related.products .item-product {
width: 100%;
}
}