File: /home/mirz4654/public_html/wp-content/themes/nexter/assets/css/main/woocommerce.css
/**
* Nexter Woocommerce Style
*/
/*------------ Porduct Listing ------------*/
/*On Sale*/
.woocommerce ul.products li.product .onsale {
right: auto;
left: 0;
margin: 0;
padding: 0;
box-shadow: 0px 5px 12px -2px rgba(119, 164, 100, 0.35);
font-size: 13px;
line-height: 19px;
padding: 0 8px 2px;
text-transform: uppercase;
top: 10px;
z-index: 1;
border-radius: 0;
min-width: auto;
min-height: auto;
font-weight: 500;
}
.badge.onsale.perc:before {
border-color: transparent transparent transparent #77a464;
border-style: solid;
border-width: 10px 0 0 8px;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -8px;
width: 0;
}
.badge.onsale.perc:after {
border-color: #77a464 transparent transparent;
top: 0;
bottom: auto;
border-style: solid;
border-width: 10px 8px 0 10px;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -8px;
width: 0;
}
/*On Sale*/
/*Out Of Stock*/
.badge.nxt-product-out-of-stock {
position: absolute;
top: 10px;
left: 0;
font-size: 12px;
line-height: 19px;
padding: 0 6px 2px;
height: auto;
font-weight: 300;
letter-spacing: 1px;
background: #ff5a6e;
color: #fff;
border-radius: 0 2px 2px 0;
-webkit-box-shadow: 0 3px 5px rgba(255, 90, 110, 0.14);
box-shadow: 0 3px 5px rgba(255, 90, 110, 0.14);
z-index: 1;
}
/*Out Of Stock*/
.woocommerce ul.products li.product a img{
margin-bottom:0;
}
/*hover thumbnail*/
.nxt-prodcut-thumb-wrap .nxt-hover-thumb {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all .3s linear;
}
.woocommerce ul.products li.product:hover .nxt-prodcut-thumb-wrap .nxt-hover-thumb {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
/*hover thumbnail*/
/*Single Product Page*/
.woocommerce div.product form.cart .button {
padding: 13px 25px;
background: #8072fc;
}
/*Single Product Page*/
/*Product Listing Cart Button */
.woocommerce ul.products li.product .nxt-prodcut-thumb-wrap {
position: relative;
display: block;
overflow:hidden;
}
.woocommerce ul.products li.product .nxt-prodcut-thumb-wrap .button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border: 0;
border-radius: 0;
background: #222;
color: #fff;
opacity: 0;
visibility: hidden;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 16px 10px;
text-align: center;
transform: translateY(100%);
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.woocommerce ul.products li.product:hover .nxt-prodcut-thumb-wrap .button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/*Product Listing Cart Button */
.nxt-shop-summary-wrap{
position:relative;
display:block;
}
.woocommerce ul.products .nxt-shop-summary-wrap .star-rating {
text-align: center;
margin: 0 auto 7px;
color: #ff5a6e;
}
.woocommerce ul.products li.product .nxt-shop-summary-wrap .woocommerce-loop-product__title {
text-transform: capitalize;
font-size: 17px;
padding-bottom: 13px;
color: #222;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.woocommerce ul.products li.product:hover .nxt-shop-summary-wrap .woocommerce-loop-product__title {
color: #ff5a6e;
}
/*Shop Header*/
.woocommerce-products-header .woocommerce-products-header__title.page-title {
margin-top: 20px;
margin-bottom: 10px;
color: #222;
font-size: 45px;
line-height: 1.2;
letter-spacing: 1px;
}
.nxt-prodcut-nav {
margin-bottom: 25px;
}
.woocommerce .woocommerce-result-count {
font-size: 14px;
color: #8f8f8f;
margin-right: 10px;
line-height: 1.2;
float: none;
margin-bottom: 0;
}
.woocommerce .woocommerce-ordering {
margin-bottom: 0;
}
.woocommerce .woocommerce-breadcrumb {
font-size: 15px;
color: #222;
letter-spacing: .3px;
margin-bottom: 0;
font-weight: 700;
}
.woocommerce .woocommerce-breadcrumb a {
color: #222;
font-weight: 400;
}
.woocommerce a.added_to_cart.wc-forward {
display: none;
}
.woocommerce .woocommerce-ordering select {
padding: 8px 10px;
border: 1px solid #ddd;
font-size: 14px;
text-transform: capitalize;
}
.single-product .woocommerce-breadcrumb {
margin-bottom: 12px;
}
/*Shop Header*/
.woocommerce ul.products, .woocommerce-page ul.products {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0;
padding-right: 15px;
padding-left: 15px;
float: none;
margin-bottom: 15px;
}
/*pagination*/
.woocommerce nav.woocommerce-pagination{
margin-bottom:30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
border: 0;
float: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
width: 28px;
height: 28px;
line-height: 28px;
padding: 0;
background: #333;
color: #fff;
margin: 0 5px;
border-radius: 2px;
transition: all .3s ease-in-out;
}
.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: #ff5a6e;
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul{
border: 0;
}
/*pagination*/
/*------------ Porduct Listing ------------*/
/*------------ Cart Page ------------------*/
.woocommerce table.shop_table {
border: 0;
border-radius: 0;
}
.woocommerce table.shop_table th {
padding: 15px 10px;
font-weight: 700;
color: #222;
letter-spacing: .4px;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
}
.woocommerce table.shop_table th.product-subtotal, .woocommerce table.shop_table .cart_item td.product-subtotal {
text-align: right;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{
text-align:center;
}
.woocommerce table.shop_table td.product-quantity {
text-align: center;
vertical-align: middle;
display: table-cell;
}
.woocommerce table.shop_table td.product-quantity .quantity {
display: inline-block;
}
.woocommerce a.remove {
color: #222 !important;
font-weight: 600;
}
.woocommerce a.remove:hover {
background: transparent;
color: red !important;
}
.woocommerce-cart table.cart .product-thumbnail{
width: 95px;
min-width: 35px;
}
.woocommerce-cart table.cart img {
width: 100%;
}
.woocommerce table.shop_table td.product-remove {
min-width: 20px;
width: 20px;
position: relative;
height: 100%;
padding: 5px;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
text-align: left;
padding-left: 10px;
}
.woocommerce .quantity .qty {
width: 55px;
padding: 10px 10px;
float: none;
background: transparent;
border-color: #eee;
}
.woocommerce table.shop_table .cart_item td.product-subtotal .amount {
font-weight: 700;
}
/*cart coupon code*/
.woocommerce-page #content table.cart td.actions .coupon {
width: 70%;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
width: 50%;
}
#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 {
background: #f6f6f6;
border: 1px solid rgba(211,211,211,.1);
color: #666;
width: 100%;
font-size: 15px;
font-weight: 400;
padding: 6px 10px;
border-radius: 4px;
outline: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
/*cart coupon code*/
/*cart collaterals*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
background: transparent;
margin-top: 35px;
border: 2px solid #EFEFEF;
padding: 25px;
}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-page .cart-collaterals .cart_totals h2{
font-size: 25px;
text-align: left;
text-transform: capitalize;
font-weight: 600;
margin-top: 0;
margin-bottom: 15px;
line-height: 1.2;
}
.woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button {
display: block;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
margin-bottom: 0;
background: #8072fc;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background: #ff5a6e;
}
/*cart collaterals*/
/*checkout page*/
.woocommerce #order_review button, .woocommerce-page #order_review button {
background: #8072fc;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table td:last-child, .woocommerce .shop_table.woocommerce-checkout-review-order-table th.product-total {
text-align: right;
}
.woocommerce .shop_table.woocommerce-checkout-review-order-table th {
text-align: left;
}
.woocommerce-checkout .select2-selection.select2-selection--single {
background: #f6f6f6;
border: 1px solid rgba(211,211,211,.1);
color: #666;
height: 43px;
}
.woocommerce-checkout .select2-selection--single .select2-selection__rendered {
line-height: 43px;
}
.woocommerce-checkout .select2-selection--single .select2-selection__arrow{
height:42px
}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
border-radius: 5px;
border-spacing: 0px;
}
.woocommerce-form-coupon button.button {
padding: 13px 15px;
background: #000;
color: #fff;
}
.woocommerce form.checkout_coupon p.form-row.form-row-first, .woocommerce form.checkout_coupon p.form-row.form-row-last {
width: 50%;
}
.woocommerce form.checkout_coupon button.button {
padding: 13px 15px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
padding: 8px 15px;
}
/*checkout page*/
/*------------ Cart Page ------------------*/
/*woo order page*/
.woocommerce ul.order_details {
padding-left: 0;
}
.woocommerce .woocommerce-order-details table.shop_table th:first-child {
text-align: left;
}
.woocommerce .woocommerce-order-details table.shop_table th:last-child, .woocommerce .woocommerce-order-details table.shop_table td:last-child {
text-align: right;
}
/*woo order page*/
/*myaccount page*/
.woocommerce-MyAccount-content a,.woocommerce-form-login a {
color: #222;
}
.woocommerce-MyAccount-content a:hover {
color: #8072fc;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {list-style: none;padding: 0;margin: 0;border: 1px solid #8072fc;border-radius: 5px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #8072fc;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background: #8072fc;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px;
display: block;
}
/*myaccount page*/
@media (max-width:768px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
float: none !important;
margin-bottom: 15px !important;
}
}
@media (max-width:575px){
.woocommerce .woocommerce-result-count {
display: none;
}
}