/*
Theme Name: GoGoFresh Theme
Theme URI: https://gogofresh.in
Description: GoGoFresh Custom Theme
Author: VK Sheyad
Author URI: https://upento.com
Template: generatepress
Version: 0.1
*/
:root {
--white: #ffffff;
--black: #131921;
--black-lite: #232f3e;
--green: #108910;
--green-hover: #007200;
--green-lite: #318616;
--yellow: #FFDC23;
--text-color: #0f1111;
--border-color: rgb(238, 238, 238);
}
html{
overflow-x: hidden;
width: 100%;
}
body {
background: #fff;
overflow-x: clip;
width: 100%;
}
a {
text-decoration: none;
}
h3 {
font-size: 24px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.45;
text-transform: none;
color: #222;
margin-bottom: 0.5rem;
}
form.woocommerce-checkout input[type="email"], form.woocommerce-checkout input[type="number"], form.woocommerce-checkout input[type="password"], form.woocommerce-checkout input[type="search"], form.woocommerce-checkout input[type="tel"], form.woocommerce-checkout input[type="text"] {
outline: 0;
margin-bottom: 0;
border: 1px solid #d2d6dc!important;
border-radius: 0.3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
height: 40px;
padding: 0 0.7em;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding-top:0 !important;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
margin-top:0 !important;
}
/* For entire home section */
.woocommerce-homepage {
background-color: rgb(255, 255, 255);
height: 100%;
max-width: 95%;
position: relative;
margin: 0 auto;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
display: flex;
flex-direction: column;
}
@media (max-width: 1020px) {
.woocommerce-homepage {
padding: 0 12px !important;
max-width: 100% !important;
width: 100% !important;
}
}
/* Hero Section Home Page */
.hero-section {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
width: 100%;
background-color: rgb(255, 255, 255);
}
.hero-div {
flex: 1 1 0%;
width: 100%;
}
/* Hero Desktop */
.hero-desktop, .hero-tablet, .hero-mobile, .hero-smallmobile {
width: 100%;
border-radius: 0px;
display: none;
margin-bottom:0;
}
.hero-desktop .desktop-hero-img, .hero-tablet .tablet-hero-img, .hero-mobile .mobile-hero-img, .hero-smallmobile .small-mobile-hero-img {
border-radius: 16px;
object-fit: fill;
width: 100%;
}
/* Hero desktop */
@media (min-width: 1024px) {
.hero-desktop {
display: block !important;
}
}
/* Hero tablet */
@media (min-width: 768px) and (max-width: 1023px) {
.hero-tablet {
display: block !important;
}
}
/* Hero mobile */
@media (min-width: 640px) and (max-width: 767px) {
.hero-mobile {
display: block !important;
}
}
/* Hero small mobile */
@media (max-width: 639px) {
.hero-smallmobile {
display: block !important;
}
}
/* Three Columns Banner */
.three-column-banner {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
width: 100%;
background-color: rgb(255, 255, 255);
margin-top: 20px;
margin-bottom: 20px;
}
.banner-div {
flex: 1 1 0%;
width: 100%;
}
.banner-sales-coupon {
display: flex;
flex-direction: column;
}
.coupon-list-banner {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
display: flex;
-webkit-box-align: center;
align-items: center;
column-gap: 20px;
}
.banner-sales-coupon-img-div {
max-height: 195px;
min-width: 215px;
max-width: 335px;
}
.banner-sales-coupon-img-div .banner-coupon-image {
border-radius: 16px;
object-fit: fill;
border-style: none;
}
@media (max-width: 767px) {
.coupon-list-banner {
column-gap: 16px;
}
}
/* Category section Home */
.cats-div-full {
width: 100%;
}
.categories {
grid-column-start: span 12!important;
grid-column-end: auto!important;
width: 100%!important;
height: 100%!important;
background-color: rgb(255, 255, 255)!important;
}
.categories ul.products {
display: grid!important;
grid-template-columns: repeat(8, 1fr)!important;
place-items: start!important;
gap: 12px!important;
margin:0 !important;
}
.categories ul.products::before, .categories ul.products::after {
display: none !important;
content: none !important;
}
.categories ul.products li.product-category {
width: 100%!important;
display: flex!important;
justify-content: center!important;
align-items: center!important;
flex-direction: column!important;
margin: 0!important;
margin-bottom: 4px!important;
border: none!important;
}
.categories ul.products li.product-category a {
width: 100%!important;
}
.categories ul.products li.product-category a img {
object-fit: contain!important;
width: 100%!important;
max-height: 100%!important;
height: 100px!important;
margin-bottom: 0!important;
border-radius: 12px!important;
background-color: rgb(229 243 243)!important;
}
.categories ul.products li.product-category .woocommerce-loop-category__title {
padding: .35em .25rem .25rem .25rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
text-align: center;
font-weight: 600;
color: #1f1f1f;
font-size: 14px;
line-height: 18px;
display: flex;
align-self: stretch;
justify-content: center;
background: #fff;
}
@media (min-width: 1280px) {
.categories ul.products {
grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
gap: 16px !important
}
}
@media (max-width: 299px){
.categories ul.products li.product-category {
grid-column: span 4!important;
margin:0;
width: 100% !important;
}
}
@media (max-width: 1023px){
.categories ul.products {
grid-template-columns: repeat(12, minmax(0, 1fr))!important;
width: 100%!important;
gap: 8px!important;
}
.categories ul.products li.product-category {
grid-column: span 3!important;
margin:0!important;
width: 100% !important;
}
.categories ul.products li.product-category a img {
max-height: 90px!important;
border-radius: 8px!important;
}
.categories ul.products li.product-category .woocommerce-loop-category__title {
font-size: 13px!important;
line-height: 17px!important;
}
.categories ul.products li.product-category {
margin-bottom: 4px!important;
}
}
/* Home Sub Titles */
.home-header-title-div {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
background: rgb(255, 255, 255);
}
.home-title {
display: flex;
flex: 1 1 0%;
background: transparent;
}
.home-title-text-box {
display: flex;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
padding: 1rem 0px;
}
.home-title-text {
color: rgb(28, 28, 28);
font-size: 21px;
font-weight: 700;
line-height: 1.3em;
}
@media (max-width: 1023px){
.home-title-text {
color: rgb(28, 28, 28);
font-size: 17px;
font-weight: 700;
line-height: 1.3334;
}
.see-all-text-right a {
line-height: 23px!important;
font-size: 13px !important;
color: rgb(12, 131, 31)!important;
font-weight: 500!important;
}
}
.header-login-logout-div {
line-height: 20px;
font-size: 13px;
padding-bottom: 0;
letter-spacing: .1px;
font-weight: 500;
color: #666;
margin-top: 15px;
margin-left: 2px;
}
.header-login-logout-div a {
color: #2162a1;
padding-right: 5px;
}
.header-login-logout-div span.access-your,
.header-login-logout-div span.or-text {
padding-right: 5px;
}
.header-login-logout-div span.or-text {
color: #999;
font-size: 10px;
}
/* See all right side*/
.see-all-home-header {
display: flex;
gap: 4px;
flex-direction: row;
max-width: 50%;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
}
.see-all-text-right a {
line-height: 26px;
font-size: 16px;
color: rgb(12, 131, 31);
font-weight: 500;
}
.see-all-text-right a:hover,
.see-all-text-right a:focus,
.see-all-text-right a:active {
color: #2162a1;
}
.products-bottom-section {
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
/* Home page featured products*/
.featured-products-home {
width: 100%;
background-color: rgb(255, 255, 255);
margin-top: 20px;
}
@media (min-width: 1200px) {
.featured-products-home {
max-width: 3000px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
}
}
.featured-products-home .featured-products-div {
width: 100%;
}
.featured-products-wrapper {
flex: 1 1 0%;
max-width: 100%;
}
.product-size-custom .product-size-amount {
color: #666;
font-weight: 400;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
@media (max-width: 768px) {
.product-size-custom .product-size-amount {
font-size: 10px;
}
}
@media (max-width: 420px) {
.product-size-custom .product-size-amount {
font-size: 9px;
}
}
@media (max-width: 320px) {
.product-size-custom .product-size-amount {
display: none;
}
}
/*.woocommerce ul.products li.product .price ins .woocommerce-Price-currencySymbol,
.woocommerce-LoopProduct-link .woocommerce-Price-currencySymbol{
font-size: 10px;
line-height: 16px;
top: -5.25px;
box-sizing: border-box;
position: relative;
}*/
.woocommerce ul.products li.product .price ins {
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin-right: .25em;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
font-size: 13px;
line-height: 18px;
color: #565959;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
margin-top: 2px;
}
/* Swiffy Slider CSS */
.slider-nav {
background: transparent !important;
height: 100%;
width: 40px;
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: center;
opacity: 1;
filter: none !important;
}
.slider-nav:hover, .slider-nav:focus {
background: transparent !important;
}
.slider-nav-round .slider-nav::before, .slider-nav-square .slider-nav::before {
box-sizing: border-box;
font-size: 0px;
height: 34px;
width: 34px;
background: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
border-radius: 50%;
position: absolute;
top: auto;
left: unset;
display: initial;
border: 4px solid transparent;
align-self: center;
padding:1px !important;
}
.slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after {
margin: 0;
box-sizing: border-box;
position: absolute;
width: 18px;
height: 18px;
border-top: 0px;
border-left: 0px;
font-size: 13.5px;
color: rgb(42 35 35);
}
.slider-container li {
flex: 0 1 0%;
min-width: 178px;
max-width: 178px;
float: none !important;
margin: 0 !important;
background: rgb(255, 255, 255);
border: 0.5px solid rgb(232, 232, 232);
box-shadow: rgba(0, 0, 0, 0.04) 2px 2px 8px;
border-radius: 8px;
scroll-snap-align: start;
}
.swiffy-slider .products .product .woocommerce-LoopProduct-link {
min-width: 100%;
grid-column: span 6;
margin-bottom: 6px;
gap: 0.125rem;
align-items: flex-start;
flex-direction: column;
display: flex!important;
position: relative;
justify-content: center;
}
/*
Swiffy Slider WooCommerce Homepage
*/
.woo-home-products {
display: flex ;
position: relative;
flex-direction: column;
background: rgb(255, 255, 255);
}
.swiffy-slider .woocommerce {
overflow-x: auto !important;
}
/* Add this new rule to handle the last item */
.swiffy-slider .woocommerce ul.products li.slide-visible:last-child:after {
content: " ";
position: absolute !important;
right: 0 !important;
width: 8px !important;
height: 100%;
margin-left: 4px !important;
display: block!important;
left: 100%!important;
background: transparent!important;
border-radius: 8px!important;
}
.swiffy-slider .woocommerce ul.products li.slide-visible:first-child:before {
content: " ";
position: absolute !important;
left: 0 !important;
width: 8px !important;
height: 100%;
margin-right: 4px !important;
display: block!important;
right: 100%!important;
background: transparent!important;
border-radius: 8px!important;
}
.swiffy-slider .woocommerce ul.products {
max-width: 100%!important;
overflow: auto hidden!important;
scrollbar-width: none!important;
scroll-padding: 0 20px; /* Add this to improve scroll snap at ends */
-webkit-overflow-scrolling: touch; /* Add for smoother mobile scrolling */
display: flex!important;
flex-direction: row!important;
-webkit-box-align: center!important;
align-items: center!important;
padding-bottom: 0px!important;
column-gap: 20px!important;
scroll-snap-type: x mandatory!important;
/*margin-left: 12px;
margin-right: 12px;*/
}
.swiffy-slider .woocommerce ul.products li.product {
scroll-snap-align: start!important; /* Add snap alignment */
scroll-snap-stop: always!important; /* Force snap points */
flex: 0 1 0%!important; /* Change from 0 1 0% to 0 0 172px */
min-width: 179px!important ;
max-width: 179px!important;
grid-column: span 6!important;
padding-bottom: 0!important;
gap: 0.125rem!important;
align-items: flex-start!important;
flex-direction: column!important;
display: flex!important;
position: relative!important;
cursor: pointer!important;
background: rgb(255, 255, 255)!important;
border: 0.5px solid rgb(232, 232, 232)!important;
box-shadow: rgba(0, 0, 0, 0.04) 2px 2px 8px!important;
border-radius: 8px!important;
margin: 0!important;
}
@media screen and (max-width: 767px) {
.swiffy-slider .woocommerce ul.products li.product {
min-width: 35%!important ;
max-width: 35%!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.swiffy-slider .woocommerce ul.products li.product {
min-width: 27%!important ;
max-width: 27%!important;
}
}
@media screen and (max-width: 1023px) {
.swiffy-slider .woocommerce ul.products {
column-gap: 12px!important;
}
.swiffy-slider .woocommerce ul.products li.product {
border: none!important;
box-shadow: none!important;
}
.swiffy-slider .woocommerce ul.products li.product .woocommerce-loop-product__title,
.swiffy-slider .woocommerce ul.products li.product .price,
.swiffy-slider .woocommerce ul.products li.product .cart-size-wrapper {
padding-left: 0!important;
padding-right: 0!important;
}
.swiffy-slider .woocommerce ul.products li.product a img {
overflow: hidden!important;
border: 1px solid rgb(232 232 232)!important;
width: 100%!important;
height: 100%!important;
border-radius: 12px!important;
aspect-ratio: 1 / 1!important;
object-fit: contain!important;
}
.swiffy-slider .slider-nav {
display: none!important;
}
}
/* Woocommerce Onsale ribbon */
.onsale, .featured-products-home .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .swiffy-slider .products .product span.onsale {
top: 0 !important;
left: 0.75rem !important;
right: auto !important;
margin: 0!important;
color: #ffffff !important;
font-weight: 700 !important;
font-size: 12px !important;
text-align: center !important;
position: absolute !important;
background: rgb(83 140 238)!important;
border-bottom-left-radius: 4px!important;
border-radius: 0;
-webkit-box-align: center;
align-items: center;
display: flex;
max-width: 29px;
max-height: 29px;
padding: 5px;
overflow: hidden;
line-height: 11px;
justify-content: center;
min-width: 29px;
min-height: 29px;
z-index: 2;
}
/**
** Custom Site Header
**/
/*////////////////MOBILE HEADER////////////////*/
@media (max-width: 1020px) {
.custom-header-custom {
position: relative!important; /* cancels sticky */
}
.custom-header-custom .site-header .site-logo {
border-right: none !important;
}
.custom-header-custom .site-branding-custom {
padding: 0 16px !important;
max-height: 100% !important;
height: auto !important;
flex-wrap: wrap !important;
}
.home .custom-header-custom .site-branding-custom {
padding: 0 12px !important;
max-width: 100% !important;
}
.custom-header-custom .inside-header {
height: 60px !important;
}
.custom-header-custom .site-header .header-image {
height: 67px !important;
}
.custom-header-custom .header-cart-container {
height: 68px !important;
}
.location-picker-section {
max-height: 67px !important;
height: auto !important;
flex: 1 1 100% !important;
order: 3;
margin-right: 0;
margin-left: 0;
padding-bottom: 10px;
padding-top: 8px;
}
.location-picker-section .location-picker-header {
margin-bottom:0 !important;
font-size: 14px !important;
color: rgb(0, 0, 0) !important;
font-weight: 500 !important;
}
.custom-header-custom .site-branding-custom {
justify-content: space-between;
}
.custom-header-custom .login-cart-section .login-section {
height: 68px !important;
}
.custom-header-custom .login-cart-section .login-section .login-txt {
height: 67px !important;
margin-left: 0px!important;
margin-right: 0px!important;
}
/*.site-branding-section {
display: none !important;
}*/
/*.location-picker-section {
display: none !important;
}*/
.custom-header-custom .custom-search-header {
flex: 1 1 100%!important;
margin: 0px !important;
padding-bottom: 5px;
padding-top: 5px;
order: 2;
}
/*.cart-link-mobile {
right: 60px !important;
position: absolute;
top: 0 !important;
}*/
.location-picker-section .location-picker-address .location-picker-address-text {
max-width: 250px!important;
}
}
@media (max-width: 767px) {
.location-picker-section .location-picker-header {
display: none;
}
.location-picker-section .location-picker-address::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 6px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
}
.custom-header-custom .grid-container .site-branding {
height: 100%;
display: flex;
align-items: center;
}
@media (max-width: 1020px) {
.custom-header-custom .login-cart-section .login-section .login-txt .mobile-icon {
display: inline;
width: 24px;
height: 24px;
}
.custom-header-custom .header-cart-box {
position: relative;
height: auto !important;
background: transparent !important;
border-radius: none !important;
width: auto !important;
}
.custom-header-custom .header-cart-box .price-itemno {
position: absolute;
color: rgb(255, 231, 251);
background: rgb(49, 134, 22) !important;
display: flex;
justify-content: start;
border-radius: 50%;
height: 16px;
width: 16px;
right: 0;
top: -12px;
}
.custom-header-custom .header-cart-icon {
margin-right: 0px !important;
}
.custom-header-custom .header-cart-icon .cart-icon-icon {
color: #333 !important;
height: 24px!important;
width: 24px!important;
}
.custom-header-custom .header-cart-box .price-itemno .amount {
display: none !important;
}
.custom-header-custom .header-cart-box .price-itemno:before {
content: '₹';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(49, 134, 22);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
line-height: 10px;
}
.location-picker-section .location-picker-address .location-picker-address-text {
max-width: 215px !important;
}
.cart-link-mobile {
right: 16px !important;
}
/*.custom-header-custom .login-cart-section {
position: absolute!important;
margin-left: auto!important;
right: 48px !important;
}*/
.account-text {
display: none;
}
.location-picker-section .location-picker-div {
display: flex;
gap: 8px;
align-items: center;
width: 100%;
justify-content: flex-start;
}
}
@media (max-width: 370px) {
.location-picker-section .location-picker-address .location-picker-address-text {
max-width: 165px !important;
}
}
/* Show the text on desktop */
@media (min-width: 1021px) {
.account-text {
display: inline;
}
.mobile-icon {
display: none!important;
}
}
/* Menu hide here */
.custom-header-custom .main-nav {
display: none !important;
}
.custom-header-custom .header-widget {
display: none !important;
}
.custom-header-custom .inside-header {
padding: 0!important;
}
.has-inline-mobile-toggle .mobile-menu-control-wrapper {
display: none !important;
}
.custom-header-custom .grid-container {
margin-left: 0!important;
margin-right: 0!important;
max-width: 100%!important;
}
.custom-header-custom {
position: -webkit-sticky;
position: sticky;
top: 0px;
width: 100%;
z-index: 1000;
border-bottom: 1px solid rgb(238, 238, 238);
}
.custom-header-custom .site-branding-custom {
background-color: white;
height: 85px;
position: relative;
width: 100%;
z-index: 1000;
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow:hidden;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
padding: 0 30px;
}
.site-branding-section {
-webkit-box-align: center;
align-items: center;
display: flex;
width: auto;
}
.custom-header-custom .site-branding-container {
-webkit-box-align: center;
align-items: center;
display: flex;
width: auto;
gap:8px;
}
.custom-header-custom .site-branding-container .site-branding {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
flex-direction: column;
cursor: pointer;
margin-right: 0;
}
.custom-header-custom .site-branding .main-title {
color: rgb(0, 0, 0);
font-weight: 600;
font-size: 18px;
}
.custom-header-custom .site-branding .site-description {
font-size: 13px;
width: 100%;
}
.custom-header-custom .custom-search-header {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex: 1 1 0%;
position: relative;
background-color: #fff;
margin: 0px 12px;
}
.custom-header-custom .site-header .site-logo {
max-height: 100%;
height: 84px;
max-width:178px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0;
padding-right: 8px;
border-right: 1px solid rgb(242, 242, 242);
}
.custom-header-custom .site-header .header-image {
overflow: hidden;
object-fit: contain;
height: 84px;
width: 100%;
max-height: 100%;
}
.header-right-section {
display: flex;
-webkit-box-pack: center;
justify-content: center;
top: 0px;
right: 0px;
padding: 0px;
gap: 12px;
}
@media (max-width: 1020px) {
.header-right-section {
margin-right: 8px;
}
}
@media (min-width: 1020px) and (max-device-width: 1260px) {
.header-right-section {
margin: 0px 20px 0px auto;
}
}
/**
Header Location Section
**/
.location-picker-section {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 86px;
display: flex;
font-size: 16px;
flex-direction: column;
cursor: pointer;
margin-right: 5px;
margin-left: 8px;
}
@media (min-width: 1260px) {
.location-picker-section {
width: 320px;
}
}
.location-picker-section .location-picker-header {
color: rgb(0, 0, 0);
font-weight: 700;
margin-bottom: 3px;
font-size: 18px;
line-height: 20px;
}
.location-picker-section .location-picker-address {
display: flex;
flex-direction: row;
}
.location-picker-section .location-picker-address .location-picker-address-text {
font-size: 13px;
color: rgb(0, 0, 0);
font-weight: 400;
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: auto;
max-width: 215px;
text-overflow: ellipsis;
}
/* Location Picker Right Icon */
.location-picker-right-icon {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.location-picker-right-icon .location-picker-option-icon {
width: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgb(0, 0, 0);
margin-left: 8px;
}
.location-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 2002;
}
.popup-content {
position: relative;
background-color: white;
width: 90%;
margin: 10vh auto;
padding: 24px;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px 0px;
max-width: 420px;
}
.close-popup {
position: absolute;
right: 10px;
top: 10px;
border: none;
background: transparent;
color: #333;
padding: 0;
font-size: 24px;
cursor: pointer;
}
.close-popup:hover, .close-popup:focus {
color: #333;
background: transparent;
}
.location-option {
height: 35px;
display: flex;
margin: 0;
width: 100%;
max-width: 100%;
}
.location-status {
margin-top: 15px;
padding: 10px;
display: none;
font-size: 13px;
}
.detect-location-btn, .search-location-btn {
border-radius: 4px;
background-color: #0c831f;
max-width: 130px;
justify-content: center;
align-items: center;
height: 35px;
display: flex;
margin: 0;
border: none;
color: white;
cursor: pointer;
font-size: 12px;
padding: 0 10px;
}
.location-or {
height: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.location-or-text {
width: 26px;
height: 26px;
border: solid 1px #ccc;
background-color: #f9f9f9;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 15px;
position: relative;
}
.location-or-text span {
width: 15px;
height: 13px;
font-size: 10px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #666;
text-align: center;
}
.search-location-btn {
margin-left: 6px;
}
#locationSearch {
padding: 8px;
margin-right: 0;
height: 35px;
width: 100% !important;
max-width: 100% !important;
font-size: 12px;
box-sizing: border-box;
}
#locationSearch:hover,
#locationSearch:focus {
background: #f7f8f9!important;
border: 1px solid #f0f0f0!important;
}
#locationSearch:-webkit-autofill,
#locationSearch:-webkit-autofill:hover,
#locationSearch:-webkit-autofill:focus,
#locationSearch:-webkit-autofill:active {
background-color: #f7f8f9!important;
border: 1px solid #f0f0f0!important;
}
.saved-address-show {
padding: 12px;
background: #f4f6fc;
margin-top: 12px;
margin-bottom:0;
}
.saved-address-show:before {
content: 'Your saved address: ';
font-style: normal;
font-size: 14px;
color: #333;
font-weight: 500;
}
.location-popup-welcome {
font-size: 14px;
color: #666;
}
.location-popup-welcome p {
margin-bottom: 0px;
margin-top:6px;
font-size: 13px;
line-height: 18px;
}
.location-popup-welcome span {
font-weight: 500;
color: #333;
display: inline-block;
font-size: 16px;
}
.welcome-long-text-request {
display: flex;
margin-top: 5px;
margin-bottom: 20px;
}
.welcome-popup-location-icon {
display: flex;
align-items: center;
position: relative;
}
.welcome-popup-location-icon .svg-location-icon {
height: 100%;
width: 26px;
color: #333;
margin-right: 4px;
}
.welcome-long-text-request .welcome-popup-location-text {
color: #333;
font-size: 14px;
margin-left: 2px;
vertical-align: middle;
display: flex;
align-items: center;
max-width: 350px;
}
.location-popup-detect {
display: flex;
width: 100% !important;
max-width: 100% !important;
height: auto;
justify-content: space-between;
margin-top: 15px;
overflow: hidden;
box-sizing: border-box;
}
/* Mobile styles */
@media screen and (max-width: 450px) {
.location-popup-detect {
flex-direction: column;
max-height: none;
height: auto;
gap: 15px;
max-width: 300px;
margin: 20px auto 0;
}
.location-or {
height: 20px;
margin: 5px 0;
}
.location-option {
width: 100%;
}
.detect-location-btn,
.search-location-btn {
width: 100%;
max-width: 100%;
}
.search-location-btn {
max-width: 65px;
}
#locationSearch {
max-width: 300px;
flex: 1;
width: 100%;
}
}
.woocommerce-product-search {
width: 100%;
padding: 0;
height: 46px;
display: flex;
gap: 8px;
border: 1px solid rgb(139, 139, 163);
border-radius: 12px;
background: var(--white);
color: rgb(130, 130, 130);
box-shadow: none;
}
.search-field {
width: 100%;
padding: 0 !important;
border: none !important;
background: transparent !important;
margin-right: 6px;
}
.search-field:-webkit-autofill,
.search-field:-webkit-autofill:focus {
transition: background-color 0s 600000s, color 0s 600000s !important;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
.search-field:hover, .search-field:focus {
border: none !important;
outline: none !important;
}
.woocommerce-product-search .search-button {
background: transparent !important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
padding: 0 !important;
padding-left: 10px!important;
}
.woocommerce-product-search .search-button .icon-search-search {
color: #333 !important;
}
.custom-header-custom .login-cart-section {
display: flex;
-webkit-box-pack: center;
justify-content: center;
top: 0px;
right: 0px;
padding: 0px;
gap: 5px;
}
@media (min-width: 1020px) and (max-device-width: 1260px) {
.login-cart-section {
margin-right: 12px;
}
}
.custom-header-custom .login-cart-section .login-section {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 86px;
display: flex;
cursor: pointer;
transition: background-color 0.5s;
}
/* Header Login Section */
@media (min-width: 1200px) {
.custom-header-custom .login-cart-section .login-section {
width: 125px;
}
}
.custom-header-custom .login-cart-section .login-section .login-txt {
font-size: 18px;
font-weight: 400;
color: rgb(54, 54, 54);
transition: font-size 0.5s;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 86px;
display: flex;
cursor: pointer;
margin-left: 0;
}
.custom-header-custom .login-cart-section .login-section .login-txt a {
text-decoration: none;
color: rgb(54, 54, 54);
font-size: 18px;
font-weight: 400;
}
/* Header Cart Section */
.custom-header-custom .header-cart-container {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 86px;
display: flex;
}
@media (min-width: 1260px) {
.custom-header-custom .header-cart-container {
margin-right: 32px;
margin-left: 12px;
}
}
.custom-header-custom .header-cart-box {
background-color: rgb(12, 131, 31);
border-radius: 8px;
cursor: pointer;
height: 52px;
width: 112px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.custom-header-custom .header-cart-icon {
margin-right: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-header-custom .header-cart-icon .cart-icon-icon {
color: #fff;
stroke: #fff !important;
width: 32px;
height: 32px;
}
.custom-header-custom .header-cart-box .cart-price-final {
display: flex;
justify-content: center;
flex-direction: column;
overflow: hidden;
gap: 0;
max-width: 60%;
}
.custom-header-custom .header-cart-box .price-itemno {
font-size: 14px;
color: rgb(255, 255, 255);
font-weight: 500;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* WOOCOMMERCE ViewCart Remove */
.woocommerce a.added_to_cart {
display: none;
text-decoration: none;
color: #666;
font-weight: 400;
font-size: 12px;
padding: 0;
}
/* Cart Plus Minus */
/* Chrome, Safari, Edge, Opera */
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.quantity input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
/* QTY Limit Popup */
.qty-popup {
display: flex;
align-items: center;
justify-content: center;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.quantity input.qty[type=number] {
appearance: textfield;
-webkit-appearance: none;
-moz-appearance: textfield;
}
.woocommerce .quantity .qty {
background: none;
margin-right: 0;
}
input.qty_button {
height: 100%;
padding: 8px 9px;
min-width: 56px;
width: 3.631em;
font-size: 14px;
border: 1px solid #d3ced2;
outline: none;
font-family: inherit;
resize: none;
border-radius: 4px;
text-shadow: 1px 1px 1px #fff;
cursor: pointer;
}
.woocommerce div.product form.cart div.quantity {
margin-right: 15px;
}
/* WooCommerce Added Cart After */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added::after {
content: "+1";
margin-left: 0.02em;
vertical-align: baseline;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
color: #318616;
}
.quantity {
user-select: none !important;
border: 1px solid #e1e0e0 !important;
border-radius: 7px !important;
width: 82px !important;
height: 31px !important;
padding: 4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.qty_button {
width: 26px !important;
height: 25px !important;
padding: 0 !important;
border: 0px solid #ddd !important;
background: #ffffff !important;
cursor: pointer !important;
font-weight: bold !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
position: relative !important;
z-index: 1 !important;
color: #444!important;
margin: 0 !important;
transition: none !important;
animation: none !important;
}
.qty_button:hover, .qty_button:focus {
background: #fff !important;
color: #444!important;
}
.quantity .qty {
width: 24px !important;
height: 25px !important;
box-shadow: none;
padding: 0 !important;
z-index: 1 !important;
border: none;
text-align: center !important;
font-size: 14px;
color: #111!important;
background: #fff!important;
margin: 0 !important;
}
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* Popup Styles */
.qty-popup {
display: none;
position: fixed;
top: 20px !important;
background-color: #333 !important;
color: white !important;
padding: 15px 25px !important;
border-radius: 5px !important;
z-index: 9999 !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.3s, visibility 0.3s !important;
font-size: 14px !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
margin: 0 auto;
left:10px;
right: 10px;
max-width: 350px;
}
.qty-popup.show {
opacity: 1 !important;
visibility: visible !important;
display: block;
}
.max-qty {
font-weight: bold !important;
margin-left: 5px;
}
/* WooCommerce Cart Page Customize */
.woocommerce-cart-form {
float: left;
width: 62%;
margin-bottom: 0;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 33%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
}
@media (max-width: 992px) {
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.woocommerce-cart-form {
float: none;
width: 100%;
}
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table td {
border-top: none;
}
.woocommerce table.cart thead {
display: none;
}
table.cart td {
border-bottom: 1px solid #f2f2f2;
border-right: 0;
border-left: 0;
font-size: clamp(.8125rem, .749rem + .2033vw, .875rem);
}
.cart_totals h2 {
display: none;
}
.woocommerce table.shop_table td {
padding: 1em 0;
}
table.cart tr td.product-thumbnail {
width: 75px;
padding-left: 10px;
padding-right: 10px;
}
table.cart .product-thumbnail img {
max-width: 50px;
height: auto;
display: block;
width: 100%;
}
@media (min-width: 768px) {
.woocommerce a.remove {
width: 20px;
padding-right: 0;
}
}
.woocommerce a.remove {
font-size: 0;
display: flex;
justify-content: center;
align-items: center;
text-indent: -9999px;
}
.woocommerce a.remove:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-trash-2'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E");
width: 14px;
height: 14px;
content: "";
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
table.cart td.actions {
padding-top: 1.5em;
padding-bottom: 0;
border: 0;
}
@media (min-width: 769px) {
table.cart td.actions .coupon .input-text {
max-width: 200px;
width: auto !important;
}
}
table.cart td.actions .coupon .input-text {
border: 1px solid #d2d6dc;
border-radius: .3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
font-size: 16px;
padding: 0 12px!important;
margin-right: 5px!important;
height: 40px;
margin: 0;
line-height: 40px;
color: #444;
}
table.cart td.actions button, table.cart td.actions .button {
font-size: 14px;
padding: 0 22px!important;
color: #111!important;
background-color: #f8f8f8;
font-weight: 400;
height: 40px;
margin: 0;
line-height: 40px;
}
table.cart tr td.product-name {
max-width: 120px;
font-size: 15px;
padding-right: 1rem;
}
table.cart tr td.product-name a {
color: #111;
}
/**
Woocommerce Cart Page mobile
**/
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tr.cart_item, .woocommerce-page table.shop_table_responsive tr.cart_item {
position: relative;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left: 110px;
min-height: 130px;
}
.woocommerce table.cart .product-thumbnail {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
margin-bottom: 0;
padding: 5px 0 0 0;
max-height: 120px;
border-bottom: none;
width: 100px;
display: flex!important;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
table.cart .product-thumbnail:before {
content: none !important;
}
table.cart .product-thumbnail img {
width: 100px;
max-width: 100px;
}
.woocommerce a.remove {
display: flex!important;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
position: absolute;
padding: 0;
top: 0;
right: 0;
z-index: 1;
width: 14px;
}
.woocommerce table td.product-remove {
border-bottom: none!important;
display: flex!important;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
position: absolute;
padding: 0;
top: 0;
right: 0;
z-index: 1;
width: 14px;
}
table.cart tr td.product-name {
border: none!important;
width: 100%;
max-width: 100%!important;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
display: flex;
align-items: top;
flex-direction: row;
flex-wrap: wrap;
padding: 0!important;
text-align: left !important;
}
table.cart tr td.product-name::before {
display: none !important;
}
table.cart tr td.product-name a {
padding-right: 40px;
display: block;
line-height: 1.5;
}
table.cart tr td.product-price {
padding-top: 2px;
padding-bottom: 0;
border-bottom: none;
text-align: left !important;
}
table.cart tr td.product-price::before {
display: none;
}
table.cart tr td.product-quantity,
table.cart tr td.product-subtotal {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0;
}
table.cart tr td.product-quantity::before,
table.cart tr td.product-subtotal::before {
flex: 1 1 auto;
padding-top: 0;
text-align: left;
font-size: 12px;
}
table.cart tr td.product-subtotal {
border-bottom: none !important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: #fff !important;
}
table.cart td.actions .coupon .input-text {
max-width: 100%;
width: 100% !important;
}
table.cart td.actions button, table.cart td.actions .button {
width: 100%!important;
margin-top: 8px;
}
}
.cart_totals table.shop_table {
border: 1px solid #e2e2e2;
border-bottom: none;
table-layout: fixed;
background-color: #f9f9f9;
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
border-top: none;
vertical-align: middle;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total td {
font-size: clamp(0.875rem, 0.6209rem + 0.813vw, 1.125rem);
}
.checkout-button, .checkout-button:hover {
background: #0c831f !important;
font-size: 16px !important;
font-weight: 600 !important;
border-radius: 6px !important;
}
.woocommerce-cart .entry-header .entry-title,
.woocommerce-checkout .entry-header .entry-title {
font-size: 24px;
margin-bottom: 18px;
line-height: 26px;
font-weight: 500;
}
input#coupon_code {
background: #fff;
}
table.cart td.actions button:hover {
background-color: #111!important;
color: #fff !important;
}
table.cart td.actions button:hover {
background-color: #111!important;
color: #fff!important;
}
ul#shipping_method li {
margin-bottom: 0.25rem!important;
}
td.product-name dl.variation dt {
font-size: 14px;
}
@media (max-width: 767px) {
.cart_totals .shop_table td, .cart_totals .shop_table th {
padding-left: 15px!important;
padding-right: 15px!important;
}
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
text-align: right;
padding: 1em 22px;
color: #111;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td {
text-align: left !important;
}
#shipping_method > li > input[type=radio]:checked + label, ul#shipping_method li:only-child {
font-weight: 600;
}
/**
Woocommerce main CSS
**/
.woocommerce {
overflow-x: clip;
}
.woocommerce ul.products {
gap: 8px;
position: relative;
z-index: 0;
width: 100%;
display: grid ;
grid-template-columns: repeat(6, 1fr);
margin: 0 !important;
}
.woocommerce .related ul.products {
gap: 12px;
}
@media (max-width: 768px) {
.woocommerce .related ul.products {
gap: 8px;
}
}
/* Desktop and large screens */
@media (min-width: 1024px) {
.woocommerce ul.products {
grid-template-columns: repeat(6, 1fr);
}
}
/* Tablet landscape */
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce ul.products {
grid-template-columns: repeat(4, 1fr);
}
}
/* Tablet portrait */
@media (min-width: 576px) and (max-width: 767px) {
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
/* Mobile */
@media (min-width: 425px) and (max-width: 575px) {
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
/*Small Mobile */
@media (max-width: 424px) {
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
}
}
.woocommerce ul.products li.product {
width: 100% !important;
min-width: 100%;
background: rgb(255, 255, 255);
border: 0.5px solid rgb(232, 232, 232);
box-shadow: rgba(0, 0, 0, 0.04) 2px 2px 8px;
border-radius: 8px;
padding-bottom: 0;
gap: 0.125rem;
align-items: flex-start;
flex-direction: column;
display: flex;
position: relative;
margin: 0 auto !important;
}
.woocommerce ul.products li.product-category {
box-shadow: none !important;
}
.archive ul.products li.product-category {
background: rgb(229 243 243) !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.archive ul.products li.product-category a {
display: grid;
grid-column: span 6;
cursor: pointer;
width: 100%;
}
.archive ul.products li.product-category a {
align-items: center;
height: 100%;
}
.woocommerce ul.products li.product a img {
height: 140px;
width: 140px;
border-radius: 0px;
object-fit: fill;
margin: 0 auto;
overflow: hidden;
}
.archive ul.products li.product-category a img {
height: 100px;
width: 100px;
border-radius: 0px;
object-fit: fill;
margin: 0 auto;
overflow: hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0;
padding-top: 0px;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 13px !important;
line-height: 18px !important;
font-weight: 400;
width: 100%;
color: rgb(31, 31, 31);
display: -webkit-box;
align-items: center;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 36px;
height: 36px;
margin-bottom: 4px;
margin-top: 7px;
overflow: hidden;
}
.archive ul.products li.product-category .woocommerce-loop-category__title {
padding: 0;
padding-top: 0px;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 16px !important;
line-height: 18px !important;
font-weight: 500;
width: 100%;
color: rgb(31, 31, 31);
overflow: hidden;
text-overflow: ellipsis;
max-height: 36px;
height: 36px;
margin-bottom: 4px;
margin-top: 4px;
text-align: center;
background: #fff;
height: 100%;
display: flex;
align-items: center;
border-radius: 8px;
justify-content: center;
}
.woocommerce ul.products li.product .price {
padding-left: 0.75rem;
padding-right: 0.75rem;
color: #0f1111;
display: flex;
gap: 0.25em;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
margin-bottom: 0;
width: 100%;
font-size: 15px;
line-height: 21px;
font-weight: 500;
}
.woocommerce ul.products li.product .cart-size-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0.75rem;
margin-top: auto;
gap: 4px;
}
.product-size-custom {
width: 64%;
background: #fff;
display: flex;
align-items: center;
overflow: hidden;
}
.woocommerce ul.products li.product .button {
margin-top: 0 !important;
margin-left: auto;
max-width: 66px;
border: 1px solid rgb(49, 134, 22);
height: 31px;
color: rgb(49, 134, 22);
font-weight: 600;
font-size: 13px;
background-color: rgb(247, 255, 249);
border-radius: 0.375rem;
gap: 0.125rem;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
content: none !important;
display: none !important;
}
/*
Archive Page WooCommerce
*/
.archive ul.products {
padding: 8px;
background: rgb(248, 248, 251);
grid-template-columns: repeat(5, 1fr);
gap: 12px;
}
@media only screen and (max-width: 1020px) {
.archive ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 768px) {
.archive ul.products {
grid-template-columns: repeat(2, 1fr);
padding: 8px 6px;
gap: 6px;
}
}
/*
* Header Location Editor
*/
.address-container {
position: relative;
width: 100%;
}
.edit-address-icon {
transition: color 0.3s ease;
cursor: pointer;
color: #666;
display: flex;
align-items: center;
width: 100%;
margin-top: 10px;
border-radius: 50%;
border: 1px solid rgba(214, 214, 214, 0.9);
height: 19px;
max-width: 19px;
padding: 2px;
}
.edit-address-icon:hover {
color: #333;
}
.edit-address-icon svg {
width: 24px;
height: 24px;
color: rgb(12, 131, 31)
}
.woocommerce-account .addresses .title .edit {
float: left;
}
span.deliver-here {
margin-top: 10px;
font-size: 13px !important;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
color: #ff3269;
}
/**
* Location Popup Animation
**/
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.shake {
animation-name: shake;
-webkit-animation-duration: calc(1s); /* For Safari */
animation-duration: calc(1s);
-webkit-animation-fill-mode: both; /* For Safari */
animation-fill-mode: both;
animation-iteration-count: 1;
}
/**
* Saved Address
**/
.saved-billing-wrapper {
margin: 10px 0 20px 0;
padding: 15px;
background: #f9f9f9;
border: 1px solid #d2d6dc !important;
border-radius: 0.3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.saved-address-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.saved-address-header h3 {
margin: 0;
}
.saved-address-details {
line-height: 1.6;
margin-bottom: 15px;
}
.toggle-billing-form {
background: #fff;
border: 1px solid #ddd;
padding: 8px 15px;
border-radius: 4px;
cursor: pointer;
width: 100%;
text-align: left;
position: relative;
}
.woocommerce-billing-fields__field-wrapper {
margin-top: 40px;
border: 1px solid #eee;
padding: 12px;
background: #fff;
border: 1px solid #d2d6dc !important;
border-radius: 0.3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
/**
** WOOCOMMERCE SINGLE
***/
@media (min-width: 769px) {
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width:60%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 38%;
}
}
/* Variation */
.woocommerce div.product form.cart .variations tr{
width: 100%;
display: block;
}
.woocommerce div.product form.cart .variations th.label {
display:flex;
width: 100%;
line-height:0;
padding-left: 0;
margin-bottom: 4px;
margin-top: 4px;
color: #222;
font-size: 14px;
font-weight: 500;
}
.woocommerce div.product form.cart .variations td.value {
padding-top: 2px;
}
.woocommerce div.product form.cart .variations select {
padding: 0 40px 0 0.7em;
border: 1px solid #d2d6dc;
border-radius: 0.3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
height: 30px;
font-weight: 400;
color: #444;
font-size: 14px;
margin-bottom: 0.25rem;
background-color: #fff;
padding-right: 40px;
}
.woocommerce-variation-price {
margin: 0 0 0.75rem;
}
.woocommerce-variation-price span.price ins {
font-size: 20px;
font-weight: 600 !important;
color: #000;
}
.woocommerce-variation-price span.price del {
font-size: 14px;
color: #72767c;
margin-left: 0.25rem;
}
.woocommerce-variation-price span.price {
display: flex;
align-items: center;
}
.woocommerce div.product form.cart .variations {
margin-bottom:10px !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #0f1111 !important;
font-size: 20px;
font-weight: 600;
line-height: 20px;
display: flex;
align-items: center;
white-space: pre;
margin-bottom: 18px;
}
.single-product h1.product_title {
color: #212121;
font-size: 18px;
font-weight: 400;
display: contents;
line-height: 1.4;
margin-bottom: 8px;
display: block;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
font-size: 12px;
color: #878787;
}
.woocommerce div.product form.cart {
margin-bottom: 24px;
}
.woocommerce div.product form.cart .variations label {
font-size: 14px;
font-weight: 600;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
color: #0f1111 !important;
font-size: 22px;
font-weight: 600;
line-height: 22px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price del, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price del {
font-size: 18px;
color: #72767c;
margin-left: 0.45rem;
line-height: 18px;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
margin-top: 0 !important;
max-width: 100%;
border: 1px solid rgb(49, 134, 22);
height: 31px;
color: rgb(49, 134, 22);
font-weight: 600;
font-size: 13px;
background-color: rgb(247, 255, 249);
border-radius: 0.375rem;
gap: 0.125rem;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.woocommerce div.product form.cart .disabled {
border: 1px solid rgb(49, 134, 22);
background: rgb(49, 134, 22);
color: #fff;
}
.woocommerce div.product form.cart .disabled:hover {
border: 1px solid rgb(49, 134, 22);
background: rgb(49, 134, 22);
color: #fff;
}
.woocommerce-product-details__short-description p {
line-height: 1.5em;
margin-bottom: 8px;
color: #212121;
font-size: 15px;
}
.product_meta {
font-size: 14px;
color: #878787;
}
.product_meta a {
font-size: 14px;
color: #2874f0;
}
@media (max-width: 768px) {
.woocommerce-product-gallery {
padding-left: 44px;
padding-right: 44px;
}
body.single-product .onsale {
left: 50px !important;
}
body.single-product .woocommerce-product-gallery__trigger {
right: 50px!important;
}
body.single-product .woocommerce-breadcrumb {
margin-right: 44px;
margin-left: 44px;
}
}
.archive .woocommerce-products-header__title {
font-weight: 500;
font-size: 17px;
margin-bottom: 6px;
color: #212121;
line-height: 1.4;
}
.archive .woocommerce-result-count {
color: #878787;
font-size: 14px;
margin-bottom: 0;
}
.archive .woocommerce-breadcrumb {
margin-bottom: 6px;
}
.woocommerce .woocommerce-ordering select {
padding: 4px;
font-size: 13px;
border-radius: 6px;
}
@media (max-width: 768px) {
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: right;
margin-left: auto;
}
}
@media (max-width: 375px) {
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: left;
}
.archive .woocommerce-result-count {
font-size: 11px;
margin-bottom: 4px;
padding-left: 4px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.related h2 {
font-size: 21px;
}
/**
** Checkout Page
**/
@media (max-width: 992px) {
.woocommerce .col2-set, .woocommerce-page .col2-set {
margin-bottom: 20px;
}
}
@media (min-width: 993px) {
.woocommerce .col2-set, .woocommerce-page .col2-set {
float: left;
width: 52.9411764706%;
margin-right: 5.8823529412%;
}
#order_review, #order_review_heading {
clear: right;
}
#customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading {
float: right;
width: 41.1764705882%;
margin-right: 0;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
margin-bottom: 1.618em;
}
}
/**
** Coupon Code Checkout
**/
.woocommerce-form-coupon-toggle {
clear: both;
margin-top: 1rem;
padding: 0.75rem 5px;
border-top: 1px solid #eee;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0 0 1rem;
padding: 0;
border: 0;
color: #333;
background: 0 0;
font-size: clamp(0.8125rem, 0.749rem + 0.2033vw, 0.875rem);
font-weight: 400;
line-height: 1.6;
text-transform: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
color: #111;
text-decoration: underline;
text-decoration-thickness: 0.75px;
text-underline-offset: 0.12em;
transition: 0.2s;
font-weight: 600;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
display: none !important;
}
.woocommerce form.checkout_coupon {
width: 53%;
margin: -0.75rem 0 1.5rem 0;
padding: 1.5rem;
border: 2px dashed #eee;
}
@media (max-width: 992px) {
.woocommerce form.checkout_coupon {
float: none;
width: 100%;
margin-right: 0;
}
}
.woocommerce form.checkout_coupon p {
margin-bottom: 0.75rem;
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
}
@media (min-width: 993px) {
.woocommerce form.checkout_coupon p.form-row {
width: 47.0588235294%;
margin-right: 0;
}
}
.checkout_coupon input#coupon_code {
outline: 0;
margin-bottom: 0;
border: 1px solid #d2d6dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
padding: 0 0.7em;
height: 40px;
padding-top: 0;
padding-bottom: 0;
border-radius: 3px;
font-size: 15px;
line-height: 40px;
}
.checkout_coupon .button {
height: 40px!important;
padding-top: 0!important;
padding-bottom: 0!important;
border-radius: 3px!important;
font-size: 15px!important;
line-height: 40px!important;
background-color: #2a8739!important;
color: #fff!important;
font-weight: 500!important;
}
.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table th.product-total {
display: none;
}
.woocommerce-checkout-review-order-table .product-name img {
margin-right: 1em;
}
.woocommerce-checkout-review-order-table .product-name {
font-size: 13px;
}
.woocommerce-checkout-review-order-table .product-quantity {
font-weight: normal;
color: #777;
font-size: 12px;
}
.woocommerce-checkout-review-order-table tbody td {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
border-right: none;
font-size: 14px;
line-height: 1.4;
}
.woocommerce-checkout-review-order-table .product-name dl.variation dt {
display: none!important;
}
.woocommerce-checkout-review-order-table td.product-total {
text-align: right;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal td, .woocommerce-checkout-review-order-table tr.cart-subtotal th {
border-top: 1px solid #e2e2e2;
}
.woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tr.order-total td:first-child, .woocommerce-checkout-review-order-table tr.shipping td {
border-left: 1px solid #e2e2e2;
}
.woocommerce-checkout-review-order-table tfoot th {
border-right:0;
border-top:0 !important;
color: #111;
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
font-weight: 400;
}
.woocommerce-checkout-review-order-table tfoot td, .woocommerce-checkout-review-order-table tfoot th {
padding: 1em 20px;
border-bottom: 1px solid #e2e2e2;
color: #111;
background-color: #f9f9f9;
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
font-weight: 400!important;
}
.woocommerce-checkout-review-order-table tr.order-total td,
.woocommerce-checkout-review-order-table tr.order-total th {
font-weight: 600 !important;
font-size: clamp(1rem, 0.873rem + 0.4065vw, 1.125rem);
}
.woocommerce-checkout-review-order-table tfoot td {
border-top: none !important;
border-left: none !important;
}
.woocommerce-checkout-review-order-table tfoot td {
text-align: right!important;
padding-right: 15px!important;
}
#payment .payment_methods {
margin: 0;
border: 1px solid #e2e2e2;
border-radius: 6px;
background: #fff;
padding: 0!important;
}
#payment .payment_methods li {
position: relative;
list-style: none;
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
}
#payment .payment_methods > .wc_payment_method > label, #payment .payment_methods > .woocommerce-PaymentMethod > label {
display: block;
padding: 0 1.41575em;
cursor: pointer;
color: #222;
font-size: 15px;
font-weight: 600;
box-sizing: initial;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: #ffffff;
border: 1px solid #e2e2e2;
border-left: 0;
border-right: 0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #dcd7e3;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
top: -0.88em;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #fff;
}
#payment .place-order {
float: none;
width: 100%;
margin-top: 1em;
margin-bottom: 0;
padding: 0 !important;
}
.form-row label {
display: block;
margin-bottom: 5px;
color: #111;
font-size: 14px;
font-weight: 400;
}
.form-row .woocommerce-privacy-policy-text p {
color: #111;
font-size: 14px;
font-weight: 400;
margin-bottom: 1.5em;
padding: 0 5px;
}
#payment .place-order .button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 1.5rem;
padding: 0 1em;
height: 52px;
font-size: 17px;
line-height: 52px;
border-radius: 6px;
transition: background 0.2s;
background-color: #3bb54a;
}
@media (min-width: 993px) {
.form-row-first {
float: left;
clear: both;
width: 47.0588235294%;
margin-right: 5.8823529412%;
}
}
@media (max-width: 992px) {
.woocommerce form.checkout_coupon p, .woocommerce form.checkout_coupon .button {
width: 100%;
}
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
outline: 0;
margin-bottom: 0;
border: 1px solid #d2d6dc!important;
border-radius: 0.3rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
height: 40px;
padding: 0 0.7em;
}
.form-row label {
display: block;
margin-bottom: 5px;
color: #111;
font-size: 14px;
font-weight: 600;
}
.woocommerce-billing-fields__field-wrapper {
margin-top: 15px;
}
/**
** Woocommerce Admin
**/
.woocommerce-MyAccount-navigation ul li {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
list-style: none;
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
}
.woocommerce-MyAccount-navigation ul li a {
color: #555;
display: block;
padding: 0.675em 0 0.775em;
}
.woocommerce-MyAccount-navigation ul {
margin-left: 8px;
}
@media (min-width: 993px) {
.woocommerce-MyAccount-navigation {
float: left;
width: 17.6470588235% !important;
margin-right: 5.8823529412%!important;
}
}
.woocommerce-MyAccount-content {
font-size: clamp(0.875rem, 0.8115rem + 0.2033vw, 0.9375rem);
}
@media (min-width: 993px) {
.woocommerce-MyAccount-content {
float: right;
width: 76.4705882353%!important;
padding-top: 0.7rem!important;
}
}
.woocommerce-MyAccount-navigation ul li a:before {
background: #111;
position: relative;
top: 2px;
float: right;
content: "";
width: 20px;
height: 20px;
opacity: 0.35;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: 0.2s;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%207.757v8.486M7.757%2012h8.486M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%2015v2a3%203%200%200%200%203%203h10a3%203%200%200%200%203-3v-2m-8%201V4m0%2012-4-4m4%204%204-4%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%2015v2a3%203%200%200%200%203%203h10a3%203%200%200%200%203-3v-2m-8%201V4m0%2012-4-4m4%204%204-4%22%2F%3E%3C%2Fsvg%3E');
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%204h3a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1h3m0%203h6m-3%205h3m-6%200h.01M12%2016h3m-6%200h.01M10%203v4h4V3h-4Z%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%204h3a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201H6a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1h3m0%203h6m-3%205h3m-6%200h.01M12%2016h3m-6%200h.01M10%203v4h4V3h-4Z%22%2F%3E%3C%2Fsvg%3E');
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7%206H5m2%203H5m2%203H5m2%203H5m2%203H5m11-1a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202M7%203h11a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1Zm8%207a2%202%200%201%201-4%200%202%202%200%200%201%204%200Z%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7%206H5m2%203H5m2%203H5m2%203H5m2%203H5m11-1a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202M7%203h11a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1Zm8%207a2%202%200%201%201-4%200%202%202%200%200%201%204%200Z%22%2F%3E%3C%2Fsvg%3E');
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018Zm0%200a8.949%208.949%200%200%200%204.951-1.488A3.987%203.987%200%200%200%2013%2016h-2a3.987%203.987%200%200%200-3.951%203.512A8.948%208.948%200%200%200%2012%2021Zm3-11a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018Zm0%200a8.949%208.949%200%200%200%204.951-1.488A3.987%203.987%200%200%200%2013%2016h-2a3.987%203.987%200%200%200-3.951%203.512A8.948%208.948%200%200%200%2012%2021Zm3-11a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16%2012H4m12%200-4%204m4-4-4-4m3-4h2a3%203%200%200%201%203%203v10a3%203%200%200%201-3%203h-2%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml,%3Csvg%20class%3D%22w-6%20h-6%20text-gray-800%20dark:text-white%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16%2012H4m12%200-4%204m4-4-4-4m3-4h2a3%203%200%200%201%203%203v10a3%203%200%200%201-3%203h-2%22%2F%3E%3C%2Fsvg%3E');
}
/**
** WooCommerce Table Checkout
**/
.woocommerce-account .woocommerce-orders-table th {
padding: 10px 15px 10px 0;
color: #222;
font-size: 14px;
border-bottom: 1px solid #f2f2f2!important;
border-right:0 !important;
}
.woocommerce-account tr.woocommerce-orders-table__row td {
padding: 10px 15px 10px 0;
border-bottom: 1px solid #f2f2f2!important;
border-right:0 !important;
}
.woocommerce-account table td {
font-size: 14px;
}
/* Remove the top border from .shop_table th */
.woocommerce table.shop_table tbody th {
border-top: none !important;
}
/* Remove the bottom border from .woocommerce-orders-table th */
.woocommerce-account .woocommerce-orders-table th {
border-bottom: 1px solid #f2f2f2!important;
color: #222;
font-size: 14px;
}
.woocommerce-account .woocommerce-orders-table th {
padding: 10px 15px 10px 0 !important;
border-bottom: 1px solid #eee;
color: #222;
font-size: 14px;
font-weight: 600!important;
}
.woocommerce-account .woocommerce-orders-table th a {
color: #222;
}
.woocommerce-account .woocommerce-orders-table tr th:last-child {
text-align: right;
padding-right: 0;
}
.woocommerce-account tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-actions {
text-align: right;
padding-right: 0;
}
.my_account_orders .button, .woocommerce-MyAccount-downloads .button {
margin-right: 0.236em;
padding: 0.6180469716em 0.875em;
font-size: 12px;
background-color: #fb641b !important;
color: #fff !important;
}
.gen-text {
color: #333;
font-size: 13px;
margin-left: 1px;
margin-bottom: 5px;
vertical-align: middle;
display: flex;
align-items: center;
max-width: 100%;
}
body .post-office-button-div button {
background-color: #fff !important;
color: #0f1111!important;
border-top: 1px solid rgb(242, 242, 242);
border-radius: 0px!important;
font-size: 15px!important;
padding: 8px 5px!important;
width: 100%;
text-align: left;
display: flex;
align-items: center;
}
.cart_totals .shop_table tr.shipping td, .cart_totals .shop_table tr.shipping th {
display: block;
width: 286%;
}
.woocommerce-cart .variation {
width: 100%;
}
ul#shipping_method li label:before {
display: inline-block;
position: relative;
top: 1.5px;
width: 7px;
height: 7px;
margin-right: 0.5407911001em;
border-radius: 50%;
border: 3px solid #fff;
content: "";
box-shadow: 0 0 2px 0 #000;
box-sizing: content-box;
}
#shipping_method > li > input[type=radio]:first-child:checked + label:before,
ul#shipping_method li:only-child label:before {
background-color: #dc9814;
}
#shipping_method > li > input[type="radio"]:first-child {
clip: rect(1px 1px 1px 1px);
position: absolute !important;
}
ul#shipping_method li {
margin-bottom: 0.25rem;
}
/***
** woocommerce-order-received
***/
.woocommerce-order-received .entry-header {
display: none;
}
.woocommerce-checkout p.woocommerce-thankyou-order-received {
display: flex;
justify-content: center;
align-items: center;
margin: 1.5em 0 1em;
color: #0d891c;
font-size: clamp(1.25rem, 0.7419rem + 1.626vw, 1.75rem);
letter-spacing: -0.01em;
}
.woocommerce-checkout p.woocommerce-thankyou-order-received:before {
content: "";
display: block;
width: 24px;
height: 24px;
margin-top: 2px;
margin-right: 10px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11.917 9.724 16.5 19 7.5'/%3E%3C/svg%3E") no-repeat center center;
background-color: #1a9c2a; /* Optional: green background behind the white checkmark */
background-size: 16px 16px;
border-radius: 50%; /* Optional: circular shape */
}
.woocommerce-order ul.order_details {
padding: 1em 1.5em;
margin-left: 0;
margin-bottom: 2em;
background-color: #f8f8f8;
text-align: center;
}
.woocommerce-order ul.order_details li {
display: inline-block;
padding: 1em 1.618em;
margin-bottom: 0;
color: #666;
font-size: 13px;
line-height: 1.6;
text-transform: none;
float: none;
}
.woocommerce-order-received .woocommerce-order-details {
padding: 2rem;
margin-bottom: 3rem;
border: 1px solid #e2e2e2;
position: relative;
transition: 180ms;
border-radius: 8px 26px 8px 8px;
}
.woocommerce ul.order_details li strong {
display: block;
color: #111;
font-size: 14px;
font-weight:600;
}
@media (max-width: 768px) {
.woocommerce-checkout .site ul.order_details li {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.woocommerce-checkout .site ul.order_details {
margin-bottom: 2em;
}
}
@media (max-width: 992px) {
.woocommerce-checkout ul.order_details li {
display: block;
text-align: left;
width: 100%;
border: none;
}
.woocommerce-checkout ul.order_details li {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
}
.woocommerce-order-received .woocommerce-order-details table {
margin: 0;
}
table.woocommerce-table--order-details thead th {
border-bottom: 1px solid #eee;
border-right: none;
padding-bottom: 0.75rem;
padding: 0 0 0.75rem 0 !important;
color: #111;
}
.woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details td:last-child, .woocommerce-order-received .woocommerce-order-details table.woocommerce-table--order-details th:last-child {
text-align: right;
}
.woocommerce-order-received table.woocommerce-table--order-details td {
color: #111;
width: 50%;
}
table.woocommerce-table--order-details tbody td {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #eee;
}
/***
*** Custom Category Product Page***
****/
.shop-category-main-section {
display: flex;
height: 75vh;
width: 100%;
border: 0.5px solid rgb(232, 232, 232);
background: rgb(255, 255, 255);
color: rgb(31, 31, 31);
font-size: 13px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px 0px;
padding: 0;
}
@media (max-width: 1020px) {
.shop-category-main-section {
margin-left: -16px;
margin-right: -16px;
overflow: visible;
width: calc(100% + 32px);
border-left: none;
}
}
.shop-category-left-cats {
display: flex;
flex-direction: column;
height: 75vh;
left: auto;
overflow: hidden auto;
position: sticky;
width: 5rem;
z-index: 12;
box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 8px 0px;
}
.shop-cats-inside-flex {
background: white;
display: flex;
flex-direction: column;
align-items: center;
}
.shop-category-right-items {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
flex-grow: 1;
overflow-y: auto;
width: 80%;
background-color: rgb(248, 248, 251);
}
@media (max-width: 1020px) {
.woocommerce ul.products li.product a img {
height: 100%;
width: 100%;
}
}
@media (max-width: 1020px) {
.separate-containers .inside-article {
padding: 0 16px !important;
}
}
/****
** Variation option clickable
******/
.product-size-amount-br-left {
margin-left: 2px;
}
/****
** Product Archive Left Side bar
******/
.shop-cat-item {
padding: 8px 0px;
width: 100%;
}
.shop-cat-item .shop-cat-item-list {
width: 100%;
height: 100%;
}
.shop-cat-item-combine a {
gap: .25rem;
justify-content: center;
align-items: center;
flex-direction: column;
display: flex;
position: relative;
}
.shop-cat-image {
border-radius: .5rem;
height: 2.5rem;
width: 2.5rem;
position: relative;
}
.shop-cat-image-bumber-freeze {
background: #fff;
border-radius: .375rem;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.shop-cat-image-bumber {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
transition-duration: .3s;
bottom:-3px;
}
.shop-cat-title-side-left {
color: #696969;
font-weight: 400;
font-size: 11px;
line-height: 13px;
text-align: center;
overflow-wrap: break-word;
width: 80%;
}
.shop-cat-image-bumber-freeze img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
}
/**
*** Product Archive Description**
**/
.product-archive-description {
padding: 48px 48px 48px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.22);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
margin-top: 0;
}
.product-archive-description h2 {
font-size: 22px;
margin: 20px 0;
line-height: 1.2em;
font-weight: 600;
text-transform: none;
color: #666666;
}
.product-archive-description p {
color: #666666;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
.shop-closed-banner {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #ff4444;
color: white;
padding: 15px;
text-align: center;
font-weight: bold;
z-index: 9999;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
/** Single Product Page **/
.woocommerce div.product div.images .flex-control-thumbs {
display: flex ;
justify-content: flex-start;
gap: 10px;
margin-top: 10px;
}