| Server IP : 104.26.4.103 / Your IP : 216.73.216.4 Web Server : nginx/1.27.1 System : Linux in-5 5.15.0-143-generic #153-Ubuntu SMP Fri Jun 13 19:10:45 UTC 2025 x86_64 User : arabianexpress ( 1872) PHP Version : 8.0.30 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,parse_ini_file,show_source MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /storage/v9321/leapdubai/public_html/wp-content/themes/printx/assets/scss/layout/ |
Upload File : |
@use '../utils' as *;
/*----------------------------------------*/
/* 45. WOOCOMMERCE CSS START
/*----------------------------------------*/
.product__widget{
& .yith-wcan-filters{
& .yith-wcan-filter{
margin-bottom: 0;
padding-bottom: 30px;
& .filter-title{
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 17px;
line-height: 12px;
color: var(--tp-common-black-solid);
border-bottom: 1px solid #DADCE0;
padding: 10px 0;
margin-bottom: 0;
position: relative;
&::after{
position: absolute;
content: "\f107";
font-family: 'Font Awesome 6 Pro';
background-image: none;
top: 37%;
color: var(--tp-common-black-solid);
right: 0;
width: auto;
height: auto;
font-weight: 500;
@include transition(.3s);
}
&:hover{
color: #007CF5;
cursor: pointer;
&::after{
color: #007CF5;
}
}
}
& .filter-content{
margin-top: 25px;
}
&.checkbox-design{
& .term-label{
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 14px;
color: var(--tp-text-1);
position: relative;
padding-left: 31px;
&::after,
&::before{
position: absolute;
content: "";
top: -1px;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #DADCE0;
border-top-color: rgb(218, 220, 224);
border-right-color: rgb(218, 220, 224);
border-bottom-color: rgb(218, 220, 224);
border-left-color: rgb(218, 220, 224);
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-ms-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
&::before{
content: "\f00c";
font-family: 'Font Awesome 6 Pro';
color: transparent;
z-index: 1;
border: 0;
width: inherit;
height: inherit;
top: -3px;
left: 4px;
font-size: 12px;
}
}
& .filter-item{
& > label{
& > a{
color: var(--tp-text-1);
&:hover{
color: var(--tp-common-black);
}
}
}
&.active{
& > label{
& a{
color: var(--tp-common-black);
}
}
}
&.checkbox{
& input{
display: none;
&:checked ~ .term-label{
&::before{
color: var(--tp-common-white);
}
&::after{
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
}
}
}
}
}
}
& .filter-items{
&.filter-color{
margin: 0;
}
& .filter-item{
&.active{
&.color{
&:not(.no-color):not(.no-image):not(.label-right){
& > a{
&::after{
content: '\f00c';
right: auto;
top: 46%;
left: 4px;
@include transform(translateY(-50%));
font-family: 'Font Awesome 6 Pro';
background-image: none;
background-color: transparent;
font-size: 12px;
}
}
}
}
}
&.color{
display: block;
height: inherit;
width: inherit;
margin: inherit;
margin-bottom: 5px;
& .term-color{
border: 0;
width: 22px;
height: 22px;
}
& .term-label{
display: inline-block;
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 14px;
color: var(--tp-text-1);
position: relative;
margin-left: 3px;
@include transform(translateY(-2px));
}
}
}
}
}
}
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before{
margin-right: 0;
@include transition(.3s);
}
.tp-product-action{
& .product-action-btn{
& .br_compare_button_text{
display: none;
}
}
}
.product__list-action{
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before{
font-size: 23px;
margin-right: 0;
}
}
.product-action-btn{
display: inline-block;
color: #999999;
& .br_compare_button{
&.br_compare_added{
& i{
&:first-child{
display: none;
}
&:nth-child(2){
display: block
}
}
}
& i:nth-child(2){
display: none;
}
}
&:hover {
color: var(--tp-text-body);
}
}
.product-thumbnails{
& .slick-list{
margin: 0 -6px;
}
& .slick-slide{
margin: 0 6px;
}
}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button{
margin-top: 0;
}
.tp-product-details-bottom{
& .tp-product-details-description{
& h2 {
font-size: 26px;
color: var(--tp-common-black);
font-weight: 600;
}
}
}
span.required{
color: red;
}
.tp-product-details-description{
& ol.commentlist{
padding-left: 0;
& li{
margin-bottom: 15px;
}
& .review{
& .comment_container{
overflow: hidden;
& img{
float: left;
overflow: hidden;
border-radius: 50%;
}
& .comment-text{
overflow: hidden;
margin-left: 75px;
& .meta {
margin-bottom: 5px;
}
}
}
}
}
& label{
display: block;
font-size: 15px;
}
& input:not([type="submit"]),
& textarea{
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 1px solid #EAEAED;
border-radius: 6px;
outline: 0;
font-weight: 500;
font-size: 15px;
color: var(--tp-common-black);
margin-bottom: 0;
&:focus{
border-color: #6B14FA;
}
}
& textarea{
padding-top: 20px;
height: 180px;
line-height: 1.2;
padding-bottom: 20px;
resize: none;
}
& input[type="submit"]{
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 16px;
line-height: 1;
color: var(--tp-common-white);
background-color:#007CF5;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
border: 2px solid #007CF5;
&:hover {
color: #007CF5;
background-color: transparent;
}
}
& .woocommerce-Reviews-title{
font-family: var(--tp-ff-roboto);
font-weight: 600;
font-size: 24px;
letter-spacing: -0.02em;
margin-bottom: 25px;
}
.woocommerce-review__author{
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: var(--tp-common-black);
position: relative;
text-transform: capitalize;
}
.woocommerce-review__published-date{
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #888888;
}
.comment-form-rating{
& label{
font-weight: 500;
font-size: 15px;
line-height: 14px;
letter-spacing: -0.02em;
color: var(--tp-text-1);
}
& .stars {
& > span{
color: #007CF5;
}
}
& .nice-select{
display: none;
}
& select{
display: none;
}
& span{
margin-right: 5px;
font-size: 16px;
color: var(--tp-text-body);
font-weight: 500;
margin-bottom: 10px;
}
}
.comment-reply-title{
font-family: var(--tp-ff-roboto);
font-weight: 600;
font-size: 19px;
letter-spacing: -0.02em;
margin-bottom: 4px;
color: var(--tp-common-black);
}
.comment-form-comment{
& label{
font-family: var(--tp-ff-roboto);
font-weight: 500;
font-size: 15px;
line-height: 14px;
letter-spacing: -0.02em;
color: var(--tp-text-1);
display: inline-block;
margin-bottom: 20px;
}
}
& .comment-form-author,
& .comment-form-email{
width: 48%;
display: inline-block;
margin-right: 30px;
@media (max-width: 1200px){
width: 100%;
}
}
& .comment-form-email{
margin-right: 0;
width: 49%;
@media (max-width: 1200px){
width: 100%;
}
}
}
.tp-product-details-description{
table tbody > tr:nth-child(odd)>td,
table tbody > tr:nth-child(odd)>th {
background-color: inherit;
}
& table{
border: 1px solid #E0E2E3;
width: 100%;
& th,
& td{
padding: 0;
line-height: 1.5;
vertical-align: middle;
border: 1px solid #ECEDED;
text-align: left;
background-color: transparent;
& p{
margin-bottom: 0;
}
}
& tr{
&:not(:last-child){
border-bottom: 1px solid #ECEDED;
}
& th{
font-size: 16px;
color: var(--tp-common-black);
background-color: #F9F9F9 !important;
width: 306px;
padding: 12px 34px;
font-weight: 500;
}
& td{
padding: 12px 34px;
&:first-child{
font-size: 14px;
color: var(--tp-common-black);
background-color: #F9F9F9;
width: 306px;
}
&:last-child{
font-size: 16px;
color: var(--tp-text-body);
}
& p{
margin-bottom: 0;
font-size: 14px;
}
}
}
}
}
.product-additional-info-title{
margin-bottom: 15px;
}
.woocommerce-message {
background: #F3F5F6;
padding: 9px 20px;
margin-bottom: 20px;
border-top: 3px solid #007CF5;
color: var(--tp-text-body);
& a{
float: right;
color: #007CF5;
font-weight: 600;
&:hover{
color: #3653EB;
}
}
}
.product-type-variable{
& .tp-product-details-wrapper .product-percentage-badges{
transform: translateY(0px);
}
}
.tp-product-details-wrapper,
.tp-product-details-action-wrapper {
& .tp-shop-details__quantity-wrap {
& .variations {
& tr {
align-items: center;
}
& label{
color: #232323;
font-family: var(--tp-ff-heading);
font-size: 16px;
font-weight: 600;
margin-bottom: 0!important;
}
& .reset_variations {
right: -40px;
}
}
}
& .variations_form {
& table {
position: relative;
margin-bottom: 30px;
& td {
padding: 12px 12px;
}
& tr{
& .nice-select{
width: 100%;
background-color: #F9F9F9;
border: 1px solid rgba(1, 15, 28, 0.1);
border-radius: 0;
font-size: 14px;
color: var(--tp-common-black);
height: 40px;
line-height: 38px;
padding: 0 25px;
min-width: 204px;
float: none;
&::after{
position: absolute;
content: "\f107";
top: 50%;
right: 15px;
font-family: 'Font Awesome 6 Pro';
color: var(--tp-common-black);
font-weight: 500;
pointer-events: none;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
margin-top: 0;
transform-origin: center;
@include transform(translateY(-50%));
width: auto;
height: auto;
border: none;
}
&.open{
&::after{
@include transform(translateY(-50%) rotate(-180deg));
}
& .list{
@include transform(scale(1) translateY(0px));
}
}
& .list{
margin-top: 0;
border-radius: 0;
transform-origin: center center;
@include transform(scale(0.9) translateY(0px));
width: 100%;
padding: 10px 0;
& .option{
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
&:hover{
color: #007CF5;
}
}
}
}
}
}
& .disabled {
opacity: .5;
cursor: not-allowed;
}
& .reset_variations{
color: red;
position: absolute;
margin-top: 10px;
}
}
& .reset_variations {
display: none;
}
& .single_variation_wrap {
& .single_variation {
margin-bottom: 30px;
& .amount {
font-weight: 600;
font-size: 24px;
color: var(--tp-common-black);
margin-left: 1px;
}
& .woocommerce-variation-price{
& span{
font-weight: 500;
font-size: 24px;
letter-spacing: -0.02em;
color: var(--tp-common-black);
}
& del{
text-decoration: none;
& span{
font-weight: 400;
font-size: 16px;
text-decoration-line: line-through;
color: #767A7D;
}
}
& ins{
text-decoration: none;
& span{
color: var(--tp-common-black);
}
}
}
}
}
}
// compare popup css start
.woosw-popup{
transition: all .3s;
& .added_to_cart {
font-size: 0!important;
}
}
// popup css here
.woosc-area{
& .woosc-inner{
& .woosc-bar .woosc-bar-btn{
background-color: #007CF5 !important;
}
& .woosc-table{
& .woosc-table-inner{
& .woosc-table-items{
& table{
& thead{
& th{
.woosc-remove,
.woosc-table-settings{
@include transition(.3s);
&:hover{
color: #007CF5;
}
}
}
}
& tbody{
& tr{
& td{
// add to cart btn
& .woocommerce a.button.add_to_cart_button,
& .added_to_cart.wc-forward {
font-size: 14px;
color: var(--tp-common-white);
background-color: #007CF5;
width: 100%;
padding: 5px 15px;
display: inline-block;
text-align: center;
font-weight: 500;
& svg{
@include transform(translateY(-2px));
}
& svg,
& i{
margin-right: 4px;
}
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
&.loading{
&::before{
color: var(--tp-common-white) !important;
}
&:hover{
&::before{}
}
}
&.added{
display: none;
}
}
& .added_to_cart.wc-forward{
&::before{
font-size: 15px;
font-weight: 400;
margin-right: 4px;
}
}
& p{
margin-bottom: 0;
}
& span{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: var(--tp-text-1);
}
& .star-rating{
& span{
font-size: 0;
&::before{
font-size: 11px;
}
}
}
& del{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
& .woocommerce-Price-amount ,
& span{
font-size: 13px;
color: #c2c2d3;
}
}
& ins{
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
& .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
& span{
color: var(--tp-common-black);
}
}
&:first-child{
padding-left: 30px;
}
}
}
}
}
}
}
}
}
}
// quick table css here
.woosc-quick-table{
margin-bottom: 60px;
& h2{
margin-bottom: 25px;
}
& table{
& thead{
& th{
padding: 15px;
}
}
& tbody{
& tr{
& td{
z-index: 1;
// add to cart btn
& .add_to_cart_button ,
& .product_type_grouped,
& .product-action-btn{
font-size: 14px;
color: var(--tp-common-white);
background-color: #007CF5;
width: 100%;
padding: 5px 15px;
display: inline-block;
text-align: center;
font-weight: 500;
& svg{
@include transform(translateY(-2px));
}
& svg,
& i{
margin-right: 4px;
}
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
}
& p{
margin-bottom: 0;
}
& span{
font-weight: 500;
font-size: 11px;
display: inline-block;
}
& del{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
& .woocommerce-Price-amount ,
& span{
font-size: 13px;
color: #c2c2d3;
}
}
& ins{
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
& .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
& span{
color: var(--tp-common-black);
}
}
&:first-child{
padding-left: 30px;
}
}
&:not(:first-child){
& td{
padding: 15px 10px;
}
}
&:nth-child(2n){
background-color: var(--tp-grey-16);
}
}
}
}
}
// for group products
.tp-product-details-wrapper{
& .grouped_form{
& .tp-product-details-quantity{
margin-bottom: 0;
}
& tbody{
& tr{
& td{
border: 1px solid #E7E8EB;
&:first-child{
padding: 15px;
}
&:not(:first-child){
padding: 15px 15px;
}
& span{
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 15px;
color: var(--tp-text-1);
}
& del{
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 15px;
color: #c2c2d3;
& .woocommerce-Price-amount ,
& span{
font-size: 15px;
color: #c2c2d3;
}
}
& ins{
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
& .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
& span{
color: var(--tp-common-black);
}
}
}
}
}
& .woocommerce-grouped-product-list{
margin-bottom: 35px;
}
& .woocommerce-grouped-product-list-item__label{
& a{
color: var(--tp-common-black);
font-weight: 600;
&:hover{
color: #007CF5;
}
}
}
}
}
// compare btn
.tp-product-action {
& .woosc-btn{
font-size: 0;
&::before{
font-size: 16px;
content: '\f0ec';
font-family: 'Font Awesome 6 Pro';
margin: 0;
font-weight: 400;
display: inline-block;
}
&.woosc-btn-added{
&::before{
content: '\f00c';
font-family: 'Font Awesome 6 Pro';
}
}
}
& .product-add-wishlist-btn{
& button{
font-size: 0;
color: #09052F;
&::before{
font-size: 16px;
content: '\f004';
font-family: 'Font Awesome 6 Pro';
margin: 0;
font-weight: 400;
display: inline-block;
@include transform(translate(0px, 2px));
height: 35px;
line-height: 41px;
}
&.woosw-btn-added{
&::before{
font-weight: 700;
color: #735CFC;
}
}
&:hover {
&::before {
color: #fff;
}
}
}
}
}
// wishlist css
.woosw-item--time{
display: none !important;
}
.woosw-item--price{
& span{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: var(--tp-text-1);
}
& del{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 15px;
color: #c2c2d3;
& .woocommerce-Price-amount ,
& span{
font-size: 13px;
color: #c2c2d3;
}
}
& ins{
text-decoration: none;
font-family: var(--tp-ff-inter);
font-weight: 500;
& .woocommerce-Price-amount {
font-size: 16px;
color: var(--tp-common-black);
}
& span{
color: var(--tp-common-black);
}
}
}
.woosw-item--add{
& .add_to_cart_button,
& .added_to_cart,
& .product-action{
font-weight: 600;
color: var(--tp-common-black);
background-color: #fff;
display: inline-block;
text-align: center;
font-size: 0;
border: 1px solid #E7E8EB;
width: 50px;
height: 50px;
line-height: 55px;
&.added_to_cart {
line-height: 50px;
}
&:hover{
background-color: #007CF5;
color: var(--tp-common-white);
}
& svg,
& i{
font-size: 14px;
margin-right: 0;
}
& svg{
@include transform(translate(0px, -3px));
}
& .product-action-tooltip{
display: none;
}
}
& .woocommerce a.added_to_cart{
font-size: 14px;
&::before{
color: var(--tp-common-black);
@include transition(.3s);
}
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border-color: var(--tp-common-black);
&::before{
color: var(--tp-common-white);
}
}
}
& .woocommerce a.button.loading{
&::before{
color: black;
}
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border-color: var(--tp-common-black);
&::before{
color: var(--tp-common-black);
}
}
}
}
.woosw-item--name{
& a{
color: var(--tp-common-black);
&:hover{
color: #007CF5;
}
}
}
.woosw-popup-content-bot{
& .woosw-popup-content-bot-inner{
& a{
color: var(--tp-common-black);
&:hover{
color: #007CF5 !important;
border-color: #007CF5 !important;
}
}
}
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top{
background-color: var(--tp-common-white);
border-bottom: 1px solid #E7E8EB;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close{
&:hover{
color: #007CF5;
}
}
.product_meta{
padding-top: 34px;
border-top: 1px solid #DADCE0;
margin-top: 32px;
}
/* cart page css */
.woocommerce-cart{
& .woocommerce-cart-form{
& table{
width: 100%;
border: 0;
@media #{$lg, $md, $sm, $xs}{
width: 840px;
}
& thead{
border-bottom: 1px solid var(--tp-border-1);
font-weight: 600;
& th{
border: 0;
text-align: left;
font-family: var(--tp-ff-inter);
font-weight: 600;
font-size: 14px;
color: var(--tp-common-black);
&.product-name{
padding-left: 30px;
}
}
}
& tbody{
& tr{
&:not(:last-child){
border-bottom: 1px solid var(--tp-border-1);
}
& td{
border: 0;
text-align: left;
&.product-thumbnail{
width: 80px;
padding: 12px;
& img{
width: 100%;
}
}
&.product-name{
padding: 12px 12px 12px 20px;
& a{
text-align: left;
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
&:hover{
color: #007CF5;
}
}
}
&.product-price{
& span{
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
}
}
&.product-subtotal{
& span{
font-weight: 400;
font-size: 16px;
color: var(--tp-common-black);
}
}
&.product-quantity{
& .tp-product-details-quantity{
margin-bottom: 0;
}
& .tp-product-quantity{
width: 100px;
& .tp-cart-plus,
& .tp-cart-minus{
height: 34px;
line-height: 34px;
width: 40px;
left: 5px;
&::after{
display: none;
}
& svg{
width: 10px;
}
& i{
font-size: 12px;
@include transform(translateY(-2px));
}
}
& .tp-cart-plus{
right: -5px;
left: auto;
}
& .tp-cart-input[type="text"]{
padding: 0 25px;
height: 34px;
}
}
}
&.product-remove{
& a{
color: #818487;
font-size: 25px;
&:hover{
color: #007CF5;
}
}
}
}
}
}
}
& .shop_table_wrapper{
@media #{$lg, $md, $sm, $xs}{
overflow-x: auto;
}
}
& .actions{
padding-left: 0;
padding-top: 35px;
& .coupon{
float: left;
@media #{$lg}{
float: none;
}
& label{
display: block;
font-size: 14px;
color: var(--tp-common-black);
font-weight: 500;
margin-bottom: 7px;
}
& #coupon_code{
padding: 0px 20px;
font-size: 14px;
width: 55%;
height: 45px;
line-height: 45px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 14px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
border-radius: 6px;
margin-left: 0;
@media #{$lg}{
width: 68%;
}
@media #{$xs}{
width: 100%;
}
&:focus {
border-color: #007CF5;
}
}
}
& button{
transform: translateY(-1px);
margin-top: 10px;
@media #{$lg, $md, $sm, $xs} {
margin-top: 10px;
}
&[name="update_cart"]:disabled{
color: #C2C2D3;
background-color: #F3F3F6;
cursor: not-allowed;
transform: translateY(0);
border-color: #F3F3F6;
}
}
& > button{
float: right;
margin-top: 30px;
}
}
}
& .select2-container {
& .select2-selection--single{
height: 46px;
line-height: 44px;
border: 1px solid #E7E8EB;
background-color: #EFF0F2;
border-radius: 0;
&:focus{
background-color: var(--tp-common-white);
.select2-selection--single{
background-color: var(--tp-common-white);
border-color: #007CF5;
}
}
}
& .select2-selection__rendered{
line-height: 44px;
padding-left: 29px;
padding-right: 29px;
}
& .select2-selection__arrow{
height: 46px;
right: 25px;
}
}
& .cart_totals{
background-color: var(--tp-common-white);
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
padding: 20px 24px 24px;
& > h2{
font-weight: 600;
font-size: 26px;
margin-bottom: 25px;
}
& table{
width: 100%;
border: 0;
& tbody{
& tr{
&:not(:last-child){
border-bottom: 1px solid #E0E2E3;
}
& th{
border: 0;
text-align: left;
font-weight: 500;
font-size: 15px;
color: var(--tp-common-black);
padding-left: 0;
}
& td{
border: 0;
text-align: right;
font-size: 15px;
font-weight: 500;
color: var(--tp-common-black);
&:last-child{
padding-right: 0;
}
&[data-title="Shipping"]{
text-align: left;
line-height: 1.3;
padding-left: 15px;
}
&[data-title="Total"]{
font-size: 16px;
font-weight: 400;
}
& .woocommerce-shipping-calculator{
& .shipping-calculator-button{
margin-top: 7px;
display: inline-block;
color: #007CF5;
&:hover {
color: #007CF5;
}
}
& .shipping-calculator-form{
margin-top: 14px;
}
& input{
border-width: 1px;
height: 46px;
border: 1px solid #e7e7e7;
padding: 0 10px;
width: 100%;
font-size: 16px;
background-color: transparent;
&:focus{
border-color: #007CF5;
background-color: var(--tp-common-white);
}
}
& .select2.select2-container{
width: 215px !important;
}
& .nice-select{
min-width: 100%;
font-family: var(--tp-ff-space);
color: var(--tp-common-black);
font-size: 14px;
border: 0;
padding-left: 10px;
padding-right: 50px;
font-weight: 500;
border-radius: 0;
border: 1px solid #e7e7e7;
float: none;
height: 46px;
line-height: 44px;
background-color: var(--tp-grey-15);
color: var(--tp-common-black);
width: 100%;
@media #{$sm, $xs}{
width: 100%;
border-radius: 40px;
border: 1px solid var(--tp-border-2);
height: 50px;
line-height: 50px;
}
&::after{
right: 25px;
position: absolute;
top: 50%;
@media #{$sm, $xs}{
right: 25px;
}
}
& .list{
margin-top: 0;
border-radius: 0;
width: 100%;
padding-bottom: 10px;
padding-top: 9px;
@media #{$xs}{
margin-top: 0;
}
& .option{
line-height: 29px;
min-height: 29px;
padding-left: 18px;
padding-right: 18px;
&:hover{
color: #007CF5;
}
}
& .option.selected{
color: #007CF5;
}
}
&:focus{
border-color: #007CF5;
background-color: var(--tp-common-white);
}
}
}
}
&.order-total{
& td{
color: var(--tp-common-black);
}
}
}
}
}
}
& .woocommerce-billing-fields__field-wrapper,
& .woocommerce-shipping-fields__field-wrapper{
& .select2-selection--single{
height: 46px;
line-height: 44px;
border: 1px solid #E7E8EB;
background-color: #fff;
border-radius: 0;
&:focus{
background-color: var(--tp-common-white);
.select2-selection--single{
background-color: var(--tp-common-white);
border-color: #007CF5;
}
}
}
& .select2-selection__rendered{
line-height: 44px;
padding-left: 29px;
padding-right: 29px;
}
& .select2-selection__arrow{
height: 46px;
right: 25px;
}
}
& .woocommerce-shipping-totals{
& .woocommerce-shipping-methods{
padding-left: 0;
& li{
list-style: none;
& label{
margin-left: 5px;
&:hover{
cursor: pointer;
}
}
}
}
}
}
/* checkout css start */
.woocommerce-checkout{
.tp-page-area{
background-color: var(--tp-grey-4);
}
& .woocommerce-form-coupon-toggle{
position: relative;
& .showcoupon {
color: #6f7172;
cursor: pointer;
transition: 0.3s;
font-weight: 500;
color: #007CF5;
&:hover {
color: #007CF5;
}
}
& .woocommerce-info {
background-color: #F3F5F6;
border-top: 3px solid #007CF5;
font-size: 14px;
font-weight: 500;
margin: 0 0 0;
padding: 1em 2em 1em 3.5em;
position: relative;
width: auto;
}
}
& .checkout_coupon {
margin-bottom: 30px;
& p{
font-size: 14px;
color: var(--tp-common-black);
margin-bottom: 0;
&:first-child{
font-size: 14px;
margin-bottom: 10px;
color: #6f7172;
font-weight: 500;
}
}
#coupon_code{
width: 350px;
height: 46px;
line-height: 46px;
margin-bottom: 15px;
border: 1px solid #E7E8EB;
background-color: transparent;
color: #09052F;
&:focus{
border-color: #007CF5;
}
}
}
#customer_form_details{
border: 1px solid #E7E8EB;
border-radius: 0;
padding: 30px;
@media (max-width: 600px) {
padding: 15px;
}
& .woocommerce-billing-fields{
& h3{
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
& .validate-state {
& .nice-select{
&.state_select {
display: none!important;
}
}
& .state_select {
display: inline-block!important;
}
}
}
& .woocommerce-billing-fields__field-wrapper{
& .country_to_state {
display: inline-block!important;
&.nice-select {
display: none!important;
}
}
& .form-row{
& > label{
line-height: 2;
margin-left: 0;
margin-top: 10px;
color: #6f7172;
font-size: 14px;
margin-bottom: 4px;
}
& input,
& textarea{
background: #ffffff;
border: 1px solid #E7E8EB;
height: 45px;
padding: 5px 22px;
width: 100%;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
&::placeholder {
color: #6f7172;
}
&:focus{
border-color: #007CF5;
}
}
& textarea{
padding-top: 15px;
padding-bottom: 15px;
resize: none;
line-height: 1.2;
}
}
& .select2-container {
& .select2-results__options {
& .select2-results__option {
font-weight: 400;
padding-left: 18px;
padding-right: 29px;
text-align: left;
}
}
& .select2-selection--single{
border: 1px solid #E7E8EB;
}
& .select2-selection__rendered{
height: 45px;
padding: 0 22px;
width: 100%;
color: #6f7172;
margin-bottom: 20px;
}
}
& .woocommerce-form__input{
&[type="checkbox"]{
width: 20px;
height: 20px;
border: 1px solid #E7E8EB;
}
}
}
& .woocommerce-additional-fields{
& .woocommerce-additional-fields__field-wrapper{
& .form-row{
&.notes {
margin-bottom: 0;
}
& > label{
margin-bottom: 10px;
margin-left: 0;
}
& input{
background: var(--tp-common-white);
border: 1px solid #E7E8EB;
&:focus{
border-color: #007CF5;
}
}
& input,
& textarea{
border: 1px solid #E7E8EB;
height: 46px;
padding: 5px 22px;
width: 100%;
outline: 0;
font-size: 14px;
&::placeholder {
color: #6f7172;
}
&:focus{
border-color: #007CF5;
}
}
& textarea{
background-color: transparent;
line-height: 1.3;
resize: none;
padding-top: 15px;
padding-bottom: 15px;
height: 150px;
}
}
}
}
}
.woocommerce-form-login-toggle{
& .woocommerce-info{
margin-bottom: 15px;
display: block;
border: 1px dashed #AAB0B2;
font-weight: 400;
font-size: 14px;
color: var(--tp-common-black);
padding: 8px 25px;
& a{
color: #007CF5;
text-decoration: underline;
}
}
}
& .woocommerce-form-login{
margin-bottom: 30px;
& p{
font-size: 14px;
color: var(--tp-common-black);
margin-bottom: 0;
&:first-child{
margin-bottom: 15px;
}
}
& label{
margin: 0;
display: block;
height: auto;
&.woocommerce-form-login__rememberme{
& input{
border: 1px solid #E7E8EB;
background-color: transparent;
margin-right: 5px;
height: auto;
}
&:hover{
cursor: pointer;
}
}
}
& .lost_password{
margin-top: 15px;
padding-bottom: 15px;
& a{
&:hover{
color: #007CF5;
}
}
}
input{
height: 54px;
background-color: var(--tp-common-white);
border-color: var(--tp-common-white);
margin-bottom: 15px;
border-width: 1px;
&:focus{
border-color: #007CF5;
}
}
& .tp-btn{
padding: 14px 30px;
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
}
& .woocommerce-button{
display: inline-block;
font-size: 16px;
font-weight: 700;
color: var(--tp-common-white);
background: #007CF5;
text-align: center;
font-family: var(--tp-ff-space);
padding: 14px 30px;
position: relative;
z-index: 1;
overflow: hidden;
letter-spacing: -0.02em;
&:hover{
background-color: var(--tp-common-black);
}
}
}
& .tp-free-progress-bar{
background-color: var(--tp-common-white);
}
& #ship-to-different-address{
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
}
/* wishlist css start */
.woosw-list{
& .woosw-items{
width: 100%;
& .woosw-item--add .add_to_cart_button{
font-size: 16px;
font-weight: 500;
& i,
& svg{
margin-right: 7px;
}
& svg{
@include transform(translateY(-2px));
}
}
}
}
/* product details */
.single-product{
& .tp-shop-area{
& .related.products{
& h2{
margin-bottom: 25px;
}
}
}
}
.tp-login-wrapper{
& .tp-btn{
background-color: var(--tp-common-black);
&:hover{
background-color: #007CF5;
}
}
}
/* order details css start */
.woocommerce-order{
& .woocommerce-notice--success.woocommerce-thankyou-order-received{
font-size: 24px;
font-weight: 600;
color: var(--tp-common-black);
border: 2px dashed var(--tp-common-green-2);
padding: 35px 30px;
text-align: center;
margin-bottom: 25px;
}
& .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
padding-left: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 20px 0;
box-shadow: 1px 6px 19px rgba(3, 4, 28, 0.1);
margin-bottom: 55px;
@media #{$sm, $xs}{
justify-content: start;
}
& li{
list-style: none;
display: inline-block;
margin-bottom: 20px;
margin-right: 30px;
& strong{
display: block;
}
}
}
}
.woocommerce-order-received{
& .tp-page-area{
background-color: transparent;
}
}
.tp-order-details-wrapper{
display: flex;
@media #{$sm, $xs}{
display: block;
}
& .woocommerce-order-details{
flex: 50%;
margin-right: 50px;
@media #{$sm, $xs}{
flex: 100%;
margin-right: 0;
margin-bottom: 50px;
}
& .woocommerce-order-details__title{
margin-bottom: 15px;
font-size: 22px;
}
}
& .woocommerce-customer-details{
flex: 50%;
@media #{$sm, $xs}{
flex: 100%;
}
& [class*="col-"]{
width: inherit;
}
& .woocommerce-column__title{
margin-bottom: 15px;
font-size: 22px;
}
& .woocommerce-column--billing-address{
margin-bottom: 35px;
}
}
& .shop_table {
width: 100%;
& thead{
& tr{
& th{
text-align: left;
padding: 8px 12px;
color: var(--tp-heading-primary);
font-weight: 700;
border-color: var(--tp-border-5);
}
}
}
& tbody{
& tr{
& td{
padding: 8px 12px;
border-color: var(--tp-border-5);
&.product-name{
text-align: left;
& a{
color: var(--tp-heading-primary);
}
}
&.product-total{
text-align: left;
}
}
}
}
& tfoot{
& tr{
& th{
padding: 8px 12px;
text-align: left;
font-weight: 700;
color: var(--tp-heading-primary);
border-color: var(--tp-border-5);
}
& td{
border-color: var(--tp-border-5);
padding: 8px 12px;
text-align: left;
}
}
}
}
}
.tp-empty-cart{
text-align: center;
margin-bottom: 35px;
& img{
max-width: 450px;
}
}
.cart-empty.woocommerce-info{
font-size: 20px;
font-weight: 500;
margin-bottom: 35px;
}
/* my account css */
div.woocommerce{
.woocommerce-MyAccount-navigation{
& ul{
padding-left: 0;
border-bottom: 1px solid #E7E8EB;
& li{
list-style: none;
display: inline-block;
margin-bottom: 0;
margin-right: 20px;
&.is-active{
& a{
&::after{
width: 100%;
left: 0;
right: auto;
}
}
}
& a{
font-size: 16px;
padding: 8px 0;
display: inline-block;
position: relative;
&:hover{
color: #007CF5;
}
&::after{
position: absolute;
content: '';
left: auto;
right: 0;
height: 2px;
width: 0;
bottom: 0;
background-color: #007CF5;
}
}
}
}
}
& .woocommerce-MyAccount-content{
& > p{
& a{
color: #007CF5;
}
}
& .my_account_orders {
width: 100%;
}
& .woocommerce-order-downloads{
& .shop_table {
width: 100%;
}
}
& .woocommerce-Addresses{
&.u-columns{
display: flex;
flex-wrap: wrap;
}
& .woocommerce-Address{
width: 50%;
.woocommerce-Address-title {
display: flex;
align-items: center;
& > a{
color: #007CF5;
font-weight: 500;
font-size: 16px;
margin-left: 40px;
margin-bottom: 5px;
}
}
}
}
& .woocommerce-MyAccount-orders{
& th{
font-weight: 700;
}
}
& .edit-account{
& fieldset{
margin-top: 35px;
}
& legend{
font-size: 22px;
color: var(--tp-common-black);
font-weight: 500;
}
& label{
color: var(--tp-common-black);
}
& input{
height: 46px;
line-height: 46px;
}
& .tp-btn{
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
}
}
& .woocommerce-address-fields__field-wrapper{
& input{
height: 46px;
line-height: 46px;
}
}
& .tp-btn{
&:hover{
background-color: var(--tp-common-black);
}
}
}
}
/* tp progress bar */
.tp-free-progress-bar{
padding: 20px 30px 30px;
border: 1px solid #E7E8EB;
width: 100%;
margin-bottom: 30px;
& .free-shipping-notice{
color: var(--tp-common-black);
font-size: 13px;
margin-bottom: 5px;
font-weight: 500;
& a{
color: #007CF5;
}
& span{
color: #007CF5;
font-weight: 700;
}
}
.tp-progress-bar{
height: 6px;
background-color: #f2f3f5;
border-radius: 10px;
overflow: hidden;
& .progress{
background-color: #007CF5;
height: 6px;
}
}
& .progress-bar-striped{
background-image: linear-gradient(45deg,rgba(255,255,255,1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
}
}
.cartmini__widget{
.woocommerce-mini-cart__total{
padding: 20px;
margin-bottom: 0;
& span{
float: right;
}
}
& .product_list_widget {
max-height: 700px;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: thin;
scrollbar-color: rgba($color: #F50963, $alpha: .5) #fff;
&::-webkit-scrollbar {
display: thin; /* for Chrome, Safari, and Opera */
}
}
& .woocommerce-mini-cart__buttons{
padding: 20px;
& .button{
display: inline-block;
font-weight: 500;
color: var(--tp-common-black);
font-family: var(--tp-ff-space);
padding: 10px 30px;
font-size: 15px;
text-transform: capitalize;
border: 1px solid #E7E8EB;
text-align: center;
width: 100%;
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
}
& .button:not(.checkout){
background-color: var(--tp-grey-1);
color: var(--tp-common-black);
margin-bottom: 15px;
&:hover{
color: var(--tp-common-white);
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
}
}
}
}
.woosq-open .select2-container{
z-index: 9;
}
/* product sidebar */
div.product__widget{
& .product__widget-title{
font-family: var(--tp-ff-roboto);
font-weight: 400;
font-size: 17px;
line-height: 12px;
color: var(--tp-common-black-solid);
border-bottom: 1px solid #DADCE0;
padding: 10px 0;
margin-bottom: 25px;
position: relative;
&::after{
position: absolute;
content: "\f107";
font-family: 'Font Awesome 6 Pro';
background-image: none;
top: 37%;
right: 0;
@include transform(rotate(180deg));
color: var(--tp-common-black-solid);
width: auto;
height: auto;
font-weight: 500;
@include transition(.3s);
}
&:hover{
cursor: pointer;
color: #007CF5;
&::after{
color: #007CF5;
}
}
&.tp-widget-active{
&::after{
@include transform(rotate(0deg));
}
}
}
& .select2-container {
margin-bottom: 20px;
& .select2-selection--single{
height: 40px;
line-height: 38px;
border: 1px solid #E7E8EB;
background-color: var(--tp-common-white);
border-radius: 0;
&:focus{
background-color: var(--tp-common-white);
.select2-selection--single{
background-color: var(--tp-common-white);
border-color: #007CF5;
}
}
}
& .select2-selection__rendered{
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
}
& .select2-selection__arrow{
height: 40px;
right: 20px;
}
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
padding-right: 4px;
z-index: 2;
background-color: var(--tp-common-white);
top: -2px;
}
/* rating filter */
&.widget_rating_filter{
& ul{
& li{
list-style: none;
}
}
}
/* product filter by color list*/
.woocommerce-widget-layered-nav-list{
& li{
list-style: none;
font-size: 14px;
color: #998f8f;
margin-bottom: 5px;
& span{
font-weight: 400;
}
& a{
position: relative;
padding-left: 15px;
color: var(--tp-text-1);
&:hover{
color: #007CF5;
}
&::after{
position: absolute;
content: '';
left: 0;
top: 53%;
height: 4px;
width: 4px;
background-color: var(--tp-text-1);
border-radius: 50%;
@include transform(translateY(-50%));
}
&:hover{
color: #007CF5;
}
}
}
}
/* filter categories */
&.widget_product_categories{
& li{
list-style: none;
& a{
position: relative;
padding-left: 15px;
&:hover{
color: #007CF5;
}
&::after{
position: absolute;
content: '';
left: 0;
top: 53%;
height: 4px;
width: 4px;
background-color: var(--tp-text-1);
border-radius: 50%;
@include transform(translateY(-50%));
}
}
& .children{
padding-left: 15px;
padding-top: 0;
padding-bottom: 0;
}
}
}
&.widget_top_rated_products,
&.widget_recent_reviews,
&.widget_products{
& ul{
& li{
list-style: none;
&:not(:last-child){
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #E7E8EB;
}
}
}
}
& .tp-product-sidebar{
&-rating{
&-thumb{
& img{
max-width: inherit;
width: 90px;
}
}
&-title{
font-size: 16px;
& a{
&:hover{
color: #007CF5;
}
}
}
&-price{
& span{
font-family: var(--tp-ff-inter);
font-weight: 500;
font-size: 13px;
color: var(--tp-text-1);
}
& del{
color: #c2c2d3;
& .woocommerce-Price-amount ,
& span{
font-size: 13px;
color: #c2c2d3;
}
}
& ins{
text-decoration: none;
& .woocommerce-Price-amount {
font-size: 14px;
color: var(--tp-common-black);
}
& span{
color: var(--tp-common-black);
}
}
}
&-content{
.star-rating{
display: block;
}
& .reviewer{
& span{
font-weight: 400;
& span{
font-weight: 500;
}
}
}
}
}
}
&.widget_product_tag_cloud{
& .tagcloud a{
border: 1px solid #EAEAEF;
box-shadow: none;
}
}
}
.tp-shop-sidebar {
/* price range slider */
.price_slider_wrapper{
padding-top: 5px;
}
.ui-widget-content {
position: relative;
height: 4px;
background-color: #ECECEC;
margin-bottom: 1.5625rem;
.ui-slider-range {
position: absolute;
display: block;
width: 100%;
height: 4px;
border: 0;
background-color: #007CF5;
border-radius: 8px;
z-index: 1;
}
.ui-slider-handle {
left: 0%;
position: absolute;
z-index: 2;
outline: 0;
cursor: pointer;
background-color: #007CF5;
border-radius: 100%;
border: 2px solid #fff;
height: 14px;
top: -5px;
width: 14px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translateX(0px);
transform: translateX(0px);
&:last-child{
left: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
}
.price_slider_amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
& .button{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
height: auto;
margin-left: auto;
padding: 0;
border: 0;
background-color: transparent;
color: var(--tp-heading-primary);
&:hover{
color: #007CF5;
}
}
& .price_label{
font-size: 14px;
& span{
font-weight: 500;
color: var(--tp-heading-primary);
}
}
}
}
.woocommerce-ordering {
& .nice-select {
ul.list {
width: auto;
left: auto;
right: 0;
}
}
}
.tp-product-details-price {
& del {
& .woocommerce-Price-amount, & .woocommerce-Price-currencySymbol {
& bdi {
margin-right: 7px;
}
}
}
& .price {
& ins {
text-decoration: none;
}
}
}
.tp-product-content-price {
& ins {
color: #ED1D24;
text-decoration: none;
}
& del {
& span {
&.woocommerce-Price-amount {
color: #9695A0!important;
}
}
}
}
.woosc-quick-table-products {
& .woosc_table {
& td {
& img {
width: 100px;
}
}
& .star-rating {
display: inline-block;
}
& a {
&.added_to_cart {
&.wc-forward {
background: #007CF5;
padding: 5px 20px;
color: #fff;
}
}
&.ajax_add_to_cart {
&.added {
display: none!important;
}
}
}
}
}
.woocommerce-product-gallery {
& ol {
&.product-thumbnails {
padding-left: 0;
margin-top: 20px;
}
}
}
.outofstock {
& .woocommerce-grouped-product-list-item__quantity {
& .cart-button {
display: none;
}
}
}
.stock {
&.out-of-stock {
text-decoration: underline;
color: #007CF5;
}
}
.product-filter-area {
.nice-select.open {
& .list {
width: auto;
}
}
}
@media (max-width: 575px){
.woocommerce-ordering {
& .nice-select {
ul.list {
left: auto;
}
}
}
}
.tpproduct-details__list-img {
& .tpproduct__thumb-topsall {
left: 25px;
right: auto;
position: absolute;
top: 25px;
padding: 10px 12px 10px;
background-color: #007CF5;
color: var(--tp-text-body);
font-size: 13px;
line-height: 1;
z-index: 2;
}
}
/*mini cart */
.tp-woo-header {
position: relative;
cursor: pointer;
& div.mini_shopping_cart_box {
position: absolute;
top: 110%;
right: 0;
width: 300px;
background: #fff;
padding: 1.25rem;
background-color: #fff;
-webkit-box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
border: 1px solid #edeef5;
border-radius: 10px;
transition: .3s;
opacity: 0;
visibility: hidden;
z-index: 10;
text-align: left;
@media (max-width: 767px){
display: none;
}
& .total {
& span {
padding: 0;
}
}
&.cart_mini_opened{
opacity: 1;
visibility: visible;
}
& .cartmini__empty {
& .tp-btn {
margin-left: 0;
font-size: 14px;
}
}
& .mini_cart_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 1px solid #EDEEF5;
padding-bottom: 10px;
margin-bottom: 10px;
& .cartmini__thumb {
& a {
margin-left: 0;
& img {
width: 60px;
}
}
}
& .mini-cart-remove {
& a {
&:hover {
color: #007CF5;
}
}
}
& .cartmini__content {
position: static;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
& h5 {
margin-bottom: 0;
}
& a {
font-size: 14px;
margin-left: 10px;
font-weight: 600;
display: inline-block;
&:hover {
color: #007CF5;
}
}
& .cartmini__price-wrapper {
margin-left: 10px;
& .quantity {
display: inline-block;
margin-right: 0;
margin-bottom: 0;
font-size: 14px;
& .woocommerce-Price-amount {
&.amount {
color: #735CFC;
}
}
}
}
}
}
& .woocommerce-mini-cart__total {
margin-top: 20px;
& > strong {
font-size: 15px;
font-weight: 600;
color: #6c6c6c;
}
& .woocommerce-Price-amount {
float: right;
& bdi {
font-weight: 600;
color: #735CFC;
}
}
}
& .woocommerce-mini-cart__buttons {
& .wc-forward {
float: none;
color: #222;
display: block;
border: 1px solid #ddd;
text-align: center;
padding: 7px 15px;
margin-top: 10px;
background: none;
margin-left: 0;
font-size: 20px;
&.checkout {
background: #735CFC;
border-color: #735CFC;
color: #fff;
}
}
}
}
}
.tp-mini-card:hover .mini_shopping_cart_box{
opacity: 1!important;
visibility: visible;
top: 105%;
}
#woosq-popup {
& .variations {
& select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
}
& .star-rating {
display: inline-block;
}
}
#review_form {
& .comment-input {
& label {
font-size: 15px;
color: var(--tp-text-body);
font-weight: 500;
margin-bottom: 10px;
}
}
& .comment-respond{
& > h3{
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 26px;
line-height: 26px;
letter-spacing: -0.02em;
color: #0E1331;
margin-bottom: 20px;
}
}
}
.woocommerce-cart-form {
& .tpproduct-details__quantity {
padding: 10px 15px;
}
& input {
width: 100px;
margin: 0 5px;
}
}
// my account form
#customer_login {
display: flex;
@media (max-width: 768px){
display: block;
}
& .u-column{
&1 ,
&2{
width: 50%;
display: inline-block;
padding: 20px;
@media (max-width: 768px){
width: 100%;
}
& h2 {
font-size: 28px;
font-weight: 600;
color: var(--tp-common-black);
margin-bottom: 15px;
}
& label {
margin-left: 0;
font-size: 16px;
margin-bottom: 10px;
&.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
& span {
font-size: 16px;
cursor: pointer;
}
}
}
& input {
border-radius: 6px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
&[type='checkbox'] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
&:focus{
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #6B14FA;
}
}
& .woocommerce-form-login__submit,
& .woocommerce-form-register__submit {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 16px;
line-height: 1;
color: var(--tp-common-white);
background-color:#007CF5;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
border: 2px solid #007CF5;
&:hover {
color: #007CF5;
background-color: transparent;
}
}
& .lost_password {
font-size: 16px;
color: #6f7172;
text-decoration: underline;
&:hover {
color: #007CF5;
}
}
}
}
}
.woocommerce-ResetPassword {
& label {
margin-left: 0;
font-size: 14px;
margin-bottom: 10px;
&.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
& span {
font-size: 16px;
cursor: pointer;
}
}
}
& input {
border-radius: 12px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
&[type='checkbox'] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
&:focus{
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF;
}
}
& .woocommerce-Button {
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 20px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
&:hover {
background: var(--tp-common-black);
color: #fff;
}
}
}
.woocommerce-notices-wrapper {
& .woocommerce-error {
list-style: none;
& li {
background: #F3F5F6;
padding: 9px 20px;
margin-bottom: 20px;
border-top: 3px solid rgba(213, 18, 67, 0.3);
color: var(--tp-text-body);
}
}
}
.woocommerce-form-login {
& label {
margin-left: 0;
margin-bottom: 0;
font-size: 14px;
&.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
& span {
font-size: 14px;
}
}
}
& input {
background: #ffffff;
border: 1px solid #E7E8EB;
border-radius: 0;
height: 45px;
padding: 0 0 0 10px;
width: 100%;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
display: block;
&[type='checkbox'] {
width: 15px;
margin-right: 8px;
}
}
& .woocommerce-form-login__submit {
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 22px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
&:hover {
background: #007CF5;
color: var(--tp-common-white);
}
}
}
.edit-account {
& label {
margin-left: 0;
font-size: 14px;
margin-bottom: 10px;
&.woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
& span {
font-size: 16px;
cursor: pointer;
}
}
}
& input {
border-radius: 12px;
padding: 0px 20px;
font-size: 14px;
width: 100%;
height: 55px;
border: 0;
outline: 0;
font-weight: 500;
font-size: 15px;
color: #87888A;
box-shadow: inset 0 0 0 1px #E5E5E5;
transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
color: var(--tp-common-black);
&[type='checkbox'] {
width: 15px;
margin-right: 8px;
cursor: pointer;
}
&:focus{
box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF;
}
}
& .woocommerce-Button{
background: #007CF5;
border-radius: 6px;
color: var(--tp-common-white);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
padding: 20px 50px;
text-align: center;
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
&:hover {
background: var(--tp-common-black);
color: #fff;
}
}
}
.woosw-copy-label {
color: #6f7172;
}
#woosw_copy_btn {
padding: 3px 20px;
background: #007CF5;
color: #fff;
font-weight: 500;
border: none;
margin-left: 10px;
}
// from style css
.tp-product-action .tinvwl_add_to_wishlist-text{
display: none;
}
a.icon-btn.woosq-btn {
display: none;
}
.product__list-action span.tinvwl_add_to_wishlist-text {
display: none;
}
.tp-product-action a.icon-btn.woosq-btn,.product__list-action a.icon-btn.woosq-btn {
display: inline-block;
}
.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper {
display: none;
}
/*rating*/
.product__rating .star-rating {
margin-bottom: 0;
}
.star-rating {
position: relative;
font-size: 11px;
width: 105px;
overflow: hidden;
line-height: 1;
display: flex;
}
.tpproduct-details__tag-area .star-rating {
margin-left: 15px;
}
.star-rating::before {
font-family: "Font Awesome 5 Pro";
content: '\f005\f005\f005\f005\f005';
text-transform: uppercase;
letter-spacing: 3px;
color: #D9D9EA;
font-size: 16px;
line-height: 1.2;
}
.star-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
font-size: 0;
}
.star-rating span::before {
font-family: "Font Awesome 5 Pro";
content: '\f005\f005\f005\f005\f005';
text-transform: uppercase;
letter-spacing: 3px;
color: #ffb21d;
font-weight: 900;
display: inline-block;
font-size: 16px;
line-height: 1.2;
}
/*rating end*/
a.ajax_add_to_cart.added {
display: none!important;
}
.woocommerce p.stars a {
position:relative;
height:1em;
width:1em;
text-indent:-999em;
display:inline-block;
text-decoration:none;
color: #ffb21d;
}
.woocommerce p.stars a::before {
display:block;
position:absolute;
top:0;
left:0;
width:1em;
height:1em;
line-height:1;
font-family: 'Font Awesome 6 Pro';
content:"\f005";
text-indent:0
}
.woocommerce p.stars a:hover~a::before {
content:"\f005"; //31
font-weight: 400;
}
.woocommerce p.stars:hover a::before {
content:"\f005";
font-weight: 700;
}
.woocommerce p.stars.selected a.active::before {
content:"\f005";
font-weight: 700;
}
.woocommerce p.stars.selected a.active~a::before {
content:"\f005"; //31
font-weight: 400;
}
.woocommerce p.stars.selected a:not(.active)::before {
content:"\f005";
font-weight: 700;
}
/*spinner */
@-webkit-keyframes spin{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.woocommerce a.button.loading::before,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after{
font-family: 'Font Awesome 6 Pro';
content:"\f110";
vertical-align:top;
font-weight:400;
top:.618em;
font-size: 14px;
right:1em;
-webkit-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
color: var(--tp-common-black);
display: inline-block;
@include transition(.3s);
}
.tp-product-action .added_to_cart.wc-forward {
font-size: 0;
&:hover {
&::before {
color: #fff;
}
}
}
.loading svg{
display: none;
}
/*compare*/
.woosc-area {
background: no-repeat !important;
}
/* archive */
.tpproduct__rating .star-rating span::before {
color: #007CF5;
}
.product__item .added_to_cart.wc-forward {
font-size: 0;
}
.tp-core-product:hover {
position: relative;
z-index: 10;
}
section.woosc-quick-table > h2 {
font-size: 26px;
color: var(--tp-text-body);
font-weight: 600;
}
a.cart-button.icon-btn.button.stock-out {
cursor: not-allowed;
}
.tpproduct-details__pera {
margin-bottom: 30px;
}
.tpproduct-details__title-area {
margin-bottom: 7px;
}
.tpproduct-details__tag-area.d-flex.align-items-center.mb-5 {
margin-bottom: 8px!important;
}
.grouped_form {
& a {
color: var(--tp-text-body);
&:hover {
color: #007CF5;
}
}
& .variations {
& .nice-select {
float: none;
}
}
& .tpproduct-details__quantity {
padding: 5px 13px;
margin-right: 5px;
margin-top: 0;
margin-bottom: 0;
& .tp-cart-minus, & .tp-cart-plus {
font-size: 14px;
}
& input {
font-size: 14px;
}
}
& del {
font-size: 16px;
color: var(--tp-grey-6);
font-weight: 600;
& .woocommerce-Price-amount {
font-size: 15px;
color: var(--tp-grey-6);
font-weight: 500;
}
}
& ins {
text-decoration: none;
& .woocommerce-Price-amount {
color: var(--tp-text-body);
font-weight: 600;
font-size: 16px;
}
}
& .woocommerce-Price-amount {
color: var(--tp-text-body);
font-weight: 600;
font-size: 16px;
}
}
.footer-logo {
& img {
width: 115px;
}
}
.woocommerce-shop {
.woocommerce-notices-wrapper {
display: none;
}
.tpproduct__thumb-topsall {
position: absolute;
right: 25px;
top: 15px;
span {
background-color: #007CF5;
color: var(--tp-text-body);
padding: 10px 12px 10px;
}
}
.tp-shop-list-title {
font-weight: 500;
font-size: 16px;
color: #818487;
margin-bottom: 0;
}
}
.tp-shop-listing-popup {
& .nice-select {
border: 1px solid #e6e9e9;
}
& .orderby {
& .current {
margin-right: 15px;
}
}
}
a.added_to_cart.wc-forward::before {
content: '\f00c';
font-family: 'Font Awesome 6 Pro';
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 40px;
margin-right: 10px;
}
.tp-product-price {
.woocommerce-Price-amount {
font-weight: 400;
font-size: 16px;
color: #007CF5;
}
ins {
text-decoration: none;
}
del {
.woocommerce-Price-amount {
font-weight: 400;
font-size: 16px;
color: var(--tp-text-1);
}
}
}
.tp-product-filterby-rating-widget {
& .woocommerce-Price-currencySymbol {
color: #007CF5;
}
& del {
& .woocommerce-Price-currencySymbol {
color: var(--tp-text-1);
}
}
}
.tpproduct-details__cart {
& .product-add-cart-btn{
margin-right: 5px;
& svg{
@include transform(translateY(-2px));
margin-right: 3px;
}
}
& .product-action-btn {
& .woosw-btn {
font-size: 0;
width: 48px;
height: 48px;
line-height: 47px;
text-align: center;
color: var(--tp-common-black);
border: 1px solid #DADCE0;
border-radius: 4px;
&:hover {
color: var(--tp-common-white);
background-color: #007CF5;
border-color: #007CF5;
}
&::before {
font-size: 16px;
content: "\f005";
font-family: 'Font Awesome 6 Pro';
margin: 0;
}
&.woosw-btn-added {
&::before {
font-weight: 700;
}
}
}
& .woosc-btn {
font-size: 0;
width: 48px;
height: 48px;
line-height: 47px;
text-align: center;
color: var(--tp-common-black);
border: 1px solid #DADCE0;
border-radius: 4px;
&:hover {
color: var(--tp-common-white);
background-color: #007CF5;
border-color: #007CF5;
}
&::before {
font-size: 16px;
content: "\f0ec";
font-family: 'Font Awesome 6 Pro';
margin: 0;
}
&.woosc-btn-added {
&::before {
font-size: 16px;
content: "\f00c";
font-family: 'Font Awesome 6 Pro';
margin: 0;
font-weight: 700;
}
}
}
}
}
#review_form_wrapper {
& .stars {
margin-top: 5px;
margin-bottom: 0;
}
}
.related-products {
& .tpsection__title {
font-family: var(--tp-ff-jakarta);
font-weight: 600;
font-size: 26px;
line-height: 26px;
letter-spacing: -0.02em;
color: #0E1331;
margin-bottom: 30px;
}
}
.related-products {
.woocommerce-notices-wrapper {
display: none;
}
.tpproduct__thumb-topsall {
position: absolute;
right: 25px;
top: 15px;
span {
background-color: #007CF5;
color: var(--tp-text-body);
padding: 10px 12px 10px;
}
}
}
.flex-control-thumbs.product-thumbnails {
& .slick-list{
margin: 0 -6px;
}
& .slick-slide{
margin: 0 6px;
}
& .slick-slide{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
cursor: pointer;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
&.slick-active{
& img {
&.flex-active {
border: 1px solid #007CF5;
}
}
}
&:hover{
cursor: pointer;
}
}
}
.product-thumbnails{
padding-left: 0;
margin-top: 15px;
}
.woocommerce-checkout {
& .cart-wrapper {
padding: 30px 40px 45px;
background-color: var(--tp-common-white);
border: 1px solid #E7E8EB;
}
}
.cart-wrapper{
& .cart_totals {
@media #{$md, $sm, $xs}{
margin-top: 40px;
}
& table {
& tr, & tbody {
border: none;
}
}
.tp-btn{
&:hover{
background-color: #3653EB;
color: var(--tp-common-white);
}
}
}
@media (max-width: 600px) {
padding: 15px;
}
& .wc_payment_methods {
padding-left: 0;
list-style: none;
& .woocommerce-notice {
list-style: none;
color: #007CF5;
}
}
& #order_review_heading{
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
& .order-review-wrapper{
& table {
& tbody, & td, & tfoot, & th, & thead, & tr {
border: none;
}
}
& table{
width: 100%;
border: 0;
& thead{
& th{
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
padding-bottom: 0.75rem;
text-align: left;
font-size: 15px;
font-weight: 700;
color: var(--tp-common-black);
&:last-child{
text-align: right;
padding-right: 0;
}
}
}
& tbody{
& tr{
border-bottom: 1px solid #E7E8EB;
&.cart_item{
& td{
font-size: 15px;
&:first-child{
border-top: medium none;
color: #6f7172;
font-weight: normal;
text-align: left;
vertical-align: middle;
white-space: nowrap;
width: 250px;
}
&:last-child{
padding-right: 0;
text-align: right;
color: var(--tp-common-black);
}
& strong{
color: var(--tp-common-black);
}
}
}
& td{
border: 0;
padding: 15px 0;
}
}
}
& tfoot{
& tr{
border-bottom: 1px solid #E7E8EB;
&.woocommerce-shipping-totals.shipping{
& th{
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: var(--tp-common-black);
padding-bottom: 0.75rem;
text-align: left;
font-size: 14px;
font-weight: 600;
}
& td{
text-align: right;
padding: 10px 0 10px;
}
}
&.cart-subtotal{
& th{
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: var(--tp-common-black);
padding-bottom: 0.75rem;
text-align: left;
font-size: 14px;
font-weight: 600;
}
& td{
border: none;
border-bottom: 1px solid #EDEEF5;
padding-left: 0;
color: #6f7172;
padding-bottom: 0.75rem;
text-align: right;
font-size: 14px;
}
}
&.order-total{
& th{
text-align: left;
}
& td{
text-align: right;
}
}
& th{
border: 0;
padding-left: 0;
}
& td{
border: 0;
padding-right: 0;
}
}
}
}
}
}
.tp-checkout-billing{
&-wrapper{
background-color: var(--tp-common-white);
& label{
position: static;
border: 0;
margin-bottom: 7px;
display: block;
width: auto;
color: var(--tp-common-black);
margin-left: 0;
& abbr{
&.required{
color: red;
text-decoration: none;
}
}
& span {
font-size: 16px;
}
}
& .woocommerce-input-wrapper{
& span{
display: block;
}
}
& input{
&[type="text"],
&[type="email"],
&[type="tel"],
&[type="url"],
&[type="password"]{
outline: 0;
height: 46px;
background: #FFFFFF;
border: 1px solid #E0E2E3;
font-size: 14px;
color: var(--tp-common-black);
padding: 0 25px;
line-height: 46px;
width: 100%;
@media #{$md, $sm, $xs}{
width: 100%;
}
&:focus{
border-color: #007CF5;
}
}
}
& select {
display: inline-block!important;
}
& .nice-select{
display: none;
height: 50px;
line-height: 48px;
border-radius: 0;
border: 1px solid #D5D8DB;
color: var(--tp-common-black);
float: none;
padding: 5px 22px;
&::after{
right: 26px;
}
&.open{
& .list{
@include transform(scale(1) translateY(0px));
}
}
& .list{
margin-top: 0;
border-radius: 0;
transform-origin: center center;
@include transform(scale(.9) translateY(0px));
width: 100%;
padding: 12px 0;
& .option{
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
&:hover{
color: #6B14FA;
}
}
}
}
.select2-container .select2-selection--single {
height: 46px;
margin-bottom: 28px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #E0E2E3;
border-radius: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 25px;
padding-right: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 17px;
height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--tp-common-black);
line-height: 46px;
}
& button[name="save_address"],
& button[name="save_account_details"] {
border-radius: 0;
border: 0;
outline: 0;
font-size: 16px;
font-weight: 500;
color: var(--tp-common-white);
padding: 11px 45px;
background-color: var(--tp-common-black);
margin-bottom: 15px;
text-transform: capitalize;
&:hover{
background-color: #007CF5;
color: var(--tp-common-white);
}
}
& button[name="save_account_details"] {
margin-top: 20px;
}
& .woocommerce-form-row{
margin-bottom: 0;
}
& button.woocommerce-form-login__submit[type="submit"],
& button.woocommerce-form-register__submit[name="register"]{
border-radius: 0;
border: 0;
outline: 0;
font-size: 16px;
font-weight: 500;
color: var(--tp-common-white);
padding: 11px 45px;
background-color: #007CF5;
margin-bottom: 15px;
display: block;
&:hover{
background-color: var(--tp-common-black);
color: var(--tp-common-white);
}
}
& .woocommerce-privacy-policy-text{
& p{
& a{
color: #007CF5;
&:hover{
text-decoration: underline !important;
}
}
}
}
}
&-existing-login,
&-coupon{
margin-bottom: 15px;
& label{
position: static;
border: 0;
margin-bottom: 7px;
display: inline-block;
width: auto;
color: var(--tp-common-black);
& abbr{
&.required{
color: red;
text-decoration: none;
}
}
}
& .woocommerce-info{
font-size: 15px;
color: var(--tp-common-black);
display: inline-block;
padding: 8px 26px;
width: 100%;
& a{
color: #007CF5;
position: relative;
border-bottom: 1px solid #007CF5;
}
}
& .checkout_coupon.woocommerce-form-coupon,
& .woocommerce-form.woocommerce-form-login{
margin-top: 14px;
background-color: var(--tp-common-white);
position: relative;
}
& input{
&[type="text"],
&[type="email"],
&[type="tel"],
&[type="url"],
&[type="password"]{
outline: 0;
border-radius: 0;
height: 46px;
background: #FFFFFF;
border: 1px solid #E0E2E3;
font-size: 14px;
color: var(--tp-common-black);
padding: 0 25px;
line-height: 46px;
margin-bottom: 0;
margin-right: 0;
@media #{$md, $sm, $xs}{
width: 100%;
}
&:focus{
border-color: #007CF5;
}
}
}
& .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme{
margin-bottom: 15px;
& input{
display: none;
&:checked{
& ~ span{
&::after{
background-color: #007CF5;
border-color: #007CF5;
}
&::before{
visibility: visible;
opacity: 1;
}
}
}
}
& span{
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
&::after{
position: absolute;
content: '';
top: 2px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid #C3C7C9;
z-index: -1;
}
&::before{
position: absolute;
content: url('../icons/check.svg');
top: 2px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
}
& a{
&:hover{
color: #007CF5;
}
}
&:hover{
cursor: pointer;
}
}
}
& .lost_password{
& a{
color: var(--tp-common-black);
@include transition(.3s);
&:hover{
color: #007CF5;
}
}
}
}
}
.woocommerce-form.woocommerce-form-login{
& .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme{
margin-bottom: 15px;
& input{
display: none;
&:checked{
& ~ span{
&::after{
background-color: #007CF5;
border-color: #007CF5;
}
&::before{
visibility: visible;
opacity: 1;
}
}
}
}
& span{
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
&::after{
position: absolute;
content: '';
top: 4px;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border: 1px solid #C3C7C9;
z-index: -1;
border-radius: 4px;
}
&::before{
position: absolute;
content: "\f00c";
left: 4px;
top: -1px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--tp-common-white);
font-family: "Font Awesome 6 Pro";
font-size: 10px;
}
& a{
&:hover{
color: #007CF5;
}
}
&:hover{
cursor: pointer;
}
}
}
& .lost_password{
& a{
color: var(--tp-common-black);
@include transition(.3s);
&:hover{
color: #007CF5;
}
}
}
}
.woocommerce-MyAccount-content .woosw-list .woosw-items .woosw-item--add .add_to_cart_button{
font-size: 0;
& svg{
margin-right: 0;
}
}
.woocommerce-checkout-payment{
& .wc_payment_methods{
padding-left: 0;
padding-bottom: 26px;
margin-bottom: 24px;
border-bottom: 1px solid #E0E2E3;
& .wc_payment_method{
list-style: none;
&:not(:last-child){
margin-bottom: 10px;
}
& input{
display: none;
&:checked{
& ~ label{
&::after{
border-color: #007CF5;
}
&::before{
opacity: 1;
visibility: visible;
}
}
}
}
& label{
font-size: 14px;
position: relative;
padding-left: 27px;
font-weight: 500;
color: var(--tp-common-black);
&:hover{
cursor: pointer;
}
&::after{
position: absolute;
content: '';
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #BCBCBC;
}
&::before{
position: absolute;
content: '';
left: 3px;
top: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #007CF5;
visibility: hidden;
opacity: 0;
}
& img{
margin-left: 14px;
@include transform(translateY(-2px));
}
& a{
margin-left: 20px;
position: relative;
&::after{
position: absolute;
content: '';
left: 0;
bottom: 3px;
width: 100%;
height: 1px;
background-color: var(--tp-common-black);
}
}
}
& .payment_box{
position: relative;
padding-top: 10px;
display: none;
&::after{
position: absolute;
content: '';
left: 57px;
top: 0;
width: 16px;
height: 16px;
background-color: #F6F7F9;
@include transform(translateY(3px) rotate(45deg));
}
& p{
background-color: #F6F7F9;
padding: 19px 30px;
margin-left: 27px;
font-size: 14px;
line-height: 1.57;
color: #55585B;
margin-bottom: 0;
}
}
}
}
}
.tp-product-details-thumb-wrapper {
position: relative;
overflow: hidden;
& .tp-product-on-sale {
& span {
border-radius: 40px;
background: #FF111F;
position: absolute;
top: 10px;
left: 10px;
color: var(--tp-common-white);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 3px 15px;
display: inline-block;
z-index: 1;
}
}
}
body.woocommerce-cart {
& table {
& th {
&.wc-block-cart-items__header-image,
&.wc-block-cart-items__header-total {
& span {
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
display: inline;
}
}
&.wc-block-cart-items__header-image {
& span {
float: left;
}
}
}
& .wc-block-cart-items__row {
@media(max-width: 991px){
display: flex!important;
}
}
& td {
&:last-child {
padding-right: 0!important;
}
&.wc-block-cart-item__image {
width: 200px;
padding-left: 0!important;
}
&.wc-block-cart-item__product {
& .wc-block-components-product-name,{
font-size: 20px;
color: var(--tp-common-black);
display: inline-block;
margin-bottom: 5px;
&:hover {
color: var(--tp-common-pink-4);
}
}
& .price {
font-size: 14px;
color: #696A7E;
margin-bottom: 10px;
}
& .wc-block-cart-item__quantity {
& .wc-block-components-quantity-selector {
height: 40px;
& input {
height: 40px;
}
}
& button {
font-size: 20px;
}
& .wc-block-cart-item__remove-link {
color: #F43278;
font-size: 15px;
margin-top: 5px;
}
}
}
&.wc-block-cart-item__total {
& .wc-block-formatted-money-amount {
font-size: 16px;
color: var(--tp-common-black);
display: inline-block;
margin-bottom: 5px;
}
}
}
}
& .wc-block-cart__sidebar {
& .wp-block-woocommerce-cart-order-summary {
&-block{
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
padding: 30px;
& .wc-block-components-totals-coupon-link {
&:hover {
color: var(--tp-common-pink-4);
}
}
& .wc-block-components-totals-coupon__button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
}
&-heading-block {
&.wc-block-cart__totals-title {
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
}
}
}
}
& .wc-block-cart__submit-container {
& a {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
transition: .3s;
&:hover{
background-color: #FF8717;
color: var(--tp-common-white);
}
}
}
& .wc-block {
&-components-sale-badge {
& span {
font-size: 12px!important;
margin-bottom: 0!important;
color: #72747C!important;
}
}
}
& .tp-shop-details__quantity {
width: 100px;
height: auto;
}
}
body.woocommerce-checkout {
& .wc-block {
&-components-form {
padding: 45px 40px 24px;
background-color: #F6F6F6;
& input[type='text'] {
border: 1px solid #E0E2E3!important;
border-radius: 0!important;
padding: 25px!important;
&:focus {
border: 1px solid var(--tp-theme-2)!important;
box-shadow: none!important;
}
}
& label {
&.components-base-control__label {
padding-left: 19px;
}
}
& textarea {
width: 100%;
background: #FFFFFF;
color: var(--tp-common-black);
border: 1px solid #E0E2E3;
border-radius: 0;
padding: 25px;
height: 200px;
&:focus {
border: 1px solid var(--tp-theme-2);
box-shadow: none;
}
}
}
&-components-title {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
&-components-text-input {
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="search"],
& input.components-combobox-control__input[aria-expanded=true],
& textarea {
width: 100%;
background: #FFFFFF;
color: var(--tp-common-black);
height: 64px;
border: 1px solid #E0E2E3;
border-radius: 0;
padding: 0 25px;
&:focus {
border: 1px solid var(--tp-theme-2);
box-shadow: none;
}
}
& label {
padding-left: 19px;
}
}
&-components-checkout-return-to-cart-button {
color: var(--tp-common-purple-2);
&:hover {
color: #FF8717;
}
}
&-components-checkout-place-order-button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
&-components-totals-coupon__button {
background: var(--tp-common-purple-2);
color: var(--tp-common-white);
}
}
& .wp-block-woocommerce-checkout-order-summary-block {
padding: 40px 20px;
background: #F6F6F6;
& .wc-block-components-product-name {
font-size: 20px;
color: #060728;
margin-bottom: 5px;
}
& p {
font-size: 13px;
}
}
}
.woocommerce-checkout{
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
top: 4px;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label {
transform: translateY(5px) scale(.7);
}
}
.archive {
&.woocommerce-page {
& .woocommerce-notices-wrapper{
display: none;
}
}
}
.tp-pro-tab1, .tp-pro-slider-el {
& .tp-fea {
&-product__star {
& .star-rating {
margin: auto;
}
}
}
}