.gradiant2-content .av-container.woo-container {
padding: 0;
}
.woo-container .av-columns-area {
width: 100%;
flex-basis: 100%;
}
.gradiant2-content .woocommerce div.product {
margin-bottom: 30px;
}
.woocommerce form.woocommerce-ordering {
margin: 0 0 2em;
}
.gradiant2-content .page-title {
margin-bottom: 1.25rem;
} .woocommerce .woocommerce-ordering select.orderby {
background-color: var(--sp-white);
box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
border-color: #ececec;
cursor: pointer;
}
.woocommerce p.woocommerce-result-count {
margin: 0;
padding: 4px 10px;
background: var(--sp-gradient1);
color: var(--sp-white);
}
.av-container.woo-container .product {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 2em;
}
.product .product-single {
text-align: center;
background-color: #ffffff;
-webkit-transition: .3s;
transition: .3s;
display: block;
position: relative;
overflow: hidden;
border: 1px solid var(--sp-border-light);
border-radius: 0;
transition: var(--sp-transition);
}
.product .product-single:hover,
.product .product-single:focus-within {
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.product-img {
position: relative;
overflow: hidden;
display: block;
}
.product .product-single a > img {
text-align: center;
margin: auto;
border-bottom: 1px solid var(--sp-border-light);
}
.product-content {
padding: 12px 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.product .product-single h3 {
font-size: 0.95rem;
display: inline-block;
font-weight: 500;
line-height: 1.5;
text-align: left;
text-transform: capitalize;
}
.woocommerce div.product .product-single .price {
display: inline-block;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
text-align: right;
margin-left: 5px;
}
.price .woocommerce-Price-amount.amount {
display: inline-block;
font-size: inherit;
line-height: inherit;
}
.product-action {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.782rem 0.35rem;
background: var(--sp-gradient2);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: var(--sp-transition);
}
.woocommerce div.product-single:hover .product-action,
.woocommerce div.product-single:focus-within .product-action {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.woocommerce div.product-single a.button,
.woocommerce div.product-single a.button.add_to_cart_button,
.woocommerce div.product-single a.added_to_cart.wc-forward {
flex: auto;
position: relative;
font-weight: 500;
letter-spacing: 0.65px;
border-radius: 0;
padding: 0;
font-size: 0.77rem;
text-transform: capitalize;
color: var(--sp-white);
transition: var(--sp-transition);
background: none;
}
.woocommerce div.product-single a.added_to_cart.wc-forward {
margin-left: 6px;
border-left: 1px solid rgb(255 255 255 / 15%);
padding-left: 6px;
}
.woocommerce div.product-single a.button.add_to_cart_button:before {
content: "\f07a";
font-family: fontawesome;
display: block;
text-align: center;
margin-bottom: 6px;
font-size: 20px;
line-height: 15px;
}
.woocommerce div.product-single a.added_to_cart.wc-forward:before {
content: "\f06e";
font-family: fontawesome;
display: block;
text-align: center;
margin-bottom: 6px;
font-size: 20px;
line-height: 15px;
}
.woocommerce div.product-single a.button:hover,
.woocommerce div.product-single a.button:focus,
.woocommerce div.product-single a.button.add_to_cart_button:hover,
.woocommerce div.product-single a.button.add_to_cart_button:focus,
.woocommerce div.product-single a.button.add_to_cart_button.added,
.woocommerce div.product-single a.added_to_cart.wc-forward:hover,
.woocommerce div.product-single a.added_to_cart.wc-forward:focus {
color: var(--sp-primary);
}
.product .product-single .price del span {
color: #b7b7b7;
text-decoration-line: line-through;
}
.woocommerce div.product .product-single .price > span,
.product .product-single .price ins span {
}
.woocommerce #reviews #comments h3 {
font-size: 28px;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs .panel h3 {
font-size: 30px;
margin-bottom: 10px;
}
.related.products h3 {
text-transform: capitalize;
}
.product .product-single ul.rate {
margin-top: 15px;
font-size: 16px;
}
.product .product-single ul.rate li i.fa.fa-star:before {
margin-right: 5px;
}
.product .product-single ul.rate {
transform: translateX(-100%);
margin-top: -40px;
font-size: 16px;
width: 100%;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
}
.product .product-single ul.rate li {
background-color: rgb(17 17 17 / 0.7);
display: inline-block;
text-align: center;
color: var(--sp-white);
min-height: 40px;
line-height: 40px;
padding: 0 17px;
border-radius: 0 20px 0 0;
}
.product .product-single:hover ul.rate,
.product .product-single:focus-within ul.rate {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
p.woocommerce-notice.woocommerce-notice--success {
margin-bottom: 15px;
padding: 15px;
border-top: 2px solid transparent;
}
.woocommerce ul.order_details {
padding: 15px 15px 0;
background-color: var(--sp-white);
border: 1px solid #d3ced2;
}
.woocommerce ul.order_details li {
margin-bottom: 15px;
}
.woocommerce .woocommerce-order h2 {
font-size: 32px;
margin-bottom: 15px;
}
.woocommerce section.woocommerce-customer-details address {
border-radius: 0;
border: 1px solid #d3ced2;
padding: 22px;
}
p.woocommerce-notice.woocommerce-notice--success,
div.woocommerce-info,
p.woocommerce-info,
li.woocommerce-info {
border-color: var(--sp-gradient1);
background-color: var(--sp-white);
box-shadow: 0 6px 25px -5px rgb(0 0 0 / 0.12);
}
p.woocommerce-notice.woocommerce-notice--success a,
div.woocommerce-info a,
p.woocommerce-info a,
li.woocommerce-info a,
p.woocommerce-notice.woocommerce-notice--success:before,
div.woocommerce-info:before,
p.woocommerce-info:before,
li.woocommerce-info:before {
color: var(--sp-gradient1);
}
.woocommerce nav.woocommerce-pagination {
display: block;
margin-top: 2.5em;
margin-bottom: 2em;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers,
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
border: none;
float: none;
display: inline-flex;
align-items: center;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
display: inline-flex;
min-width: 1.67em;
height: 1.67em;
justify-content: center;
align-items: center;
}
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li span.page-numbers.current {
color: var(--sp-white);
}
.product .product-single a.added_to_cart.wc-forward {
font-weight: 600;
letter-spacing: 0.5px;
display: block;
}
.dark-product .product-single {
background: var(--sp-gradient1);
}
.dark-product .product-single h2,
.dark-product .product-single .woocommerce-Price-amount.amount {
color: var(--sp-white);
}
.woocommerce .dark-product div.product-single a.button,
.woocommerce div.product-single .dark-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
color: var(--sp-gradient1);
background-color: var(--sp-white);
}
.dark-product .product-single a.added_to_cart.wc-forward {
color: var(--sp-white);
}
.single-product .product .product_title.entry-title {
letter-spacing: 0.65px;
font-size: 34px;
margin-bottom: 3px;
}
.single-product .product p.price {
margin-bottom: 10px;
}
.single-product .product .product_meta > span {
display: block;
}
.single-product .product .single_add_to_cart_button {
margin-left: 10px;
}
.woocommerce .col2-set div.col-2, .woocommerce-page .col2-set div.col-2,
.woocommerce .col2-set div.col-1, .woocommerce-page .col2-set div.col-1 {
width: 48%;
max-width: 100%;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.select2-container--default span.select2-selection--single {
height: 34px;
border-radius: 0;
background-color: #fbfbfb;
border-color: #e9e9ea;
}
.select2-container--default .select2-selection--single span.select2-selection__rendered {
line-height: 34px;
}
.select2-container--default .select2-selection--single span.select2-selection__arrow {
height: 30px;
}
.woocommerce form p.form-row {
margin: 0 0 10px;
}
.woocommerce-checkout-review-order li {
position: relative;
}
.woocommerce-checkout-review-order li label {
margin-bottom: 0;
vertical-align: middle;
line-height: 1.5;
display: inline-flex;
align-items: center;
}
.woocommerce-checkout div#payment.woocommerce-checkout-payment {
background-color: var(--sp-white);
box-shadow: 0 3px 30px -6px rgb(0 0 0 / 0.15);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
body.woocommerce-checkout #payment div.payment_box {
background-color: #f7f1ee;
border: 2px solid var(--sp-gradient1);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
body.woocommerce-checkout #payment div.payment_box::before {
border-color: var(--sp-gradient1);
border-right-color: transparent !important;
border-left-color: transparent !important;
border-top-color: transparent !important;
top: -0.95em;
}
.woocommerce-checkout-review-order #payment ul.payment_methods label img {
height: 38px;
margin-left: 0.75em;
}
.woocommerce-checkout #payment .payment_method_paypal a.about_paypal {
padding: 0 10px;
background-color: var(--sp-white);
line-height: 30px;
border-radius: 20px;
font-weight: 600;
box-shadow: 0 0 10px -2px rgb(0 0 0 / 0.2);
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 18px;
}
.woocommerce form .form-row textarea.input-text {
padding: 7px;
}
.woocommerce .quantity .qty {
padding: .469rem;
}
.woocommerce table.shop_table a.remove {
background: var(--sp-gradient1);
color: var(--sp-white) !important;
}
.woocommerce form .form-row input.input-checkbox,
.woocommerce form .form-row input.input-checkbox#terms {
outline: none;
outline-offset: unset;
display: inline-block;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
color: var(--sp-white);
background: var(--sp-gradient1);
border-radius: 0;
line-height: 1.4;
}
.woocommerce-page.woocommerce-cart #content table.cart td.actions .coupon input.input-text[type="text"] {
padding: 7px 6px 6px;
width: 100%;
max-width: 180px;
}
.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] {
color: var(--sp-white);
}
@media only screen and (min-width:992px) {
.woocommerce-checkout #payment .payment_method_paypal a.about_paypal {
position: absolute;
right: 0;
}
}
@media only screen and (max-width:991px) {
.woocommerce ul.order_details li {
float: none;
border-right: 0;
padding-bottom: 10px;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce p.woocommerce-result-count {
display: block;
text-align: center;
width: 100%;
}
.woocommerce .woocommerce-ordering {
display: block;
width: 100%;
margin-top: 0.5em;
}
.woocommerce .col2-set div.col-2, .woocommerce-page .col2-set div.col-2,
.woocommerce .col2-set div.col-1, .woocommerce-page .col2-set div.col-1 {
width: 100%;
max-width: 100%;
}
}
.product .product-single .sale-ribbon {
position: absolute;
top: 12px;
left: -24px;
margin: 0;
font-size: 13px;
font-weight: 500;
text-align: left;
padding: 1px 30px;
text-transform: uppercase;
color: var(--sp-white);
background: var(--sp-gradient2);
box-shadow: 0 0 12px rgb(255 255 255 / 0.35);
transform: rotate(-45deg);
z-index: 1;
} .woocommerce-account .addresses .title .edit,
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce-MyAccount-content p a {
color: var(--sp-gradient1);
}
.woocommerce-MyAccount-navigation ul {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
padding: 0;
list-style: none;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 20px;
line-height: 1.5;
border-width: 0;
border-style: solid;
border-left-width: 2px;
border-left-color: transparent;
border-bottom-width: 1px;
border-bottom-color: #e5e5e5;
color: #2c3145;
-webkit-transition: .3s all;
transition: .3s all;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus {
background-color: var(--sp-white);
border-left-color: var(--sp-gradient1);
}
.woocommerce-account .woocommerce-MyAccount-content {
border: 1px solid #e5e5e5;
padding: 20px;
background-color: #fbfbfb;
min-height: 254px;
}
.woocommerce .woocommerce-Addresses {
margin-top: 15px;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address {
border: 1px solid #e5e5e5;
padding: 15px;
}
.woocommerce-account .addresses address {
margin-bottom: 0;
}
.woocommerce-account .edit-account .woocommerce-form-row input.woocommerce-Input {
min-height: 38px;
padding: 8px 15px;
}
.woocommerce-account .edit-account .woocommerce-form-row em {
margin-top: 5px;
display: block;
}
.woocommerce-account .edit-account .woocommerce-form-row {
display: inline-block;
}
.woocommerce-account .edit-account .woocommerce-Button {
margin-top: 10px;
}
.woocommerce-Address-title {
position: relative;
}
.woocommerce-Address-title a.edit {
position: absolute;
top: 0;
right: 0;
}
@media only screen and (max-width:991px) {
.woocommerce .woocommerce-Addresses .woocommerce-Address {
width: 100% !important;
float: none !important;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address:not(:last-child) {
margin-bottom: 15px;
}
} .widget_top_rated_products li {
background: var(--sp-gradient2);
}