/* To make the banner on home page hero carousel to fit, I added the code below */ 


/* Fix Navigation Sub Category Font */

.cs-navbar ul li .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action
{
    text-transform: uppercase;
}

/* Footer Font */
.main-footer .account-menu ul .navBar-item

{
    text-transform: lowercase;
}

@media screen and (max-width: 768px) {
    .tabs-container {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important; /* ✅ Ensures tabs stay in a row */
        -webkit-overflow-scrolling: touch !important;
        width: 100%;
    }

    .tabs {
        display: flex !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        min-width: 100% !important; /* ✅ Ensures tabs don't shrink */
        margin-bottom: 0 !important;
    }

    /* ✅ Individual Tab Styling */
    .tabs li {
        flex: 0 0 auto;
        padding: 8px 12px; /* ✅ Slightly bigger padding */
        margin-right: 6px; /* ✅ Reduce spacing */
        min-width: 80px; /* ✅ Ensures tabs are large enough */
        text-align: center;
        background-color: #f9f9f9;
        color: #333;
        border: 1px solid #ddd;
        border-bottom: none;
        border-radius: 3px 3px 0 0;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
    }

    /* ✅ Active Tab */
    .tabs li.is-active {
        background-color: #fff;
        color: #000;
        font-weight: bold;
        border-color: #ddd #ddd transparent;
    }

    /* ✅ Underline Fix */
    .tabs li.is-active::after {
        content: "";
        display: block;
        border-bottom: 1px solid #333;
        margin-top: -1px;
    }
}


@media (max-width: 992px) {
  .mob-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px;
    z-index: 9999;  /* Very high so it’s on top */
    background: #fff;
  }
  .mobileMenu-toggle {
    position: relative;
    z-index: 10000;  /* Ensure the menu icon is above the header */
    pointer-events: auto;
  }
}


/* Targeting footer h4 headings on product pages */
.product-page footer h4 {
    font-size: 15px !important; /* Adjust the font size as needed */
    color: #333 !important; /* Ensure consistent color */
    font-weight: bold !important; /* To make the text bold */
    text-transform: uppercase !important; /* Optional, for uppercase text */
    font-family: Arial, Helvetica, "Open Sans", sans-serif;
    margin-top: 10px !important; /* Adds spacing below the heading */
    display: block !important; /* Ensures the heading displays properly */
    text-align: left !important; /* Align text to left if needed */
}

body.hs-clean.product-page .overlay-shop .info-col-3 p {
    font-size: 18px;           /* Adjust the font size */
    color: #333;               /* Change text color */
    line-height: 1.5;          /* Improve readability with line height */
    margin-bottom: 20px;       /* Add space below the paragraph */
    font-family: Arial, Helvetica, 'Open Sans', 'Source Sans Pro', sans-serif
}

.product-page .copyright-info {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #333;  /* Ensure the same background color */
    color: #fff;  /* Ensure the same text color */
    font-family: Arial, Helvetica, "Open Sans", sans-serif;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 0;
}

/* Mobile-specific styles */
@media (max-width: 767px) {
    .main-footer {
        padding-left: 15px; /* Add padding on the left */
        padding-right: 15px; /* You can also adjust the right padding */
        font-size: 14px;  /* Optional: Reduce font size for better readability on smaller screens */
    }
}

.main-footer a

{
    text-transform: none;
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    /*font-size:14px !important;*/
    
}

h3 {
    font-family: 'Helvetica Now', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
}

/* General fix for all h4 headings */
h4.col-title {
    font-size: 18px; /* Adjust the size as needed */
    color: #333; /* Consistent color */
    font-weight: bold; /* To ensure uniformity */
    margin-bottom: 15px;
    text-transform: uppercase; /* For uniform styling */
    display: block;
}

/* Specific fix for product page overlay h4 headings */
.product-page .overlay-shop h4.col-title {
    font-size: 18px !important;
    color: #333 !important;
    font-weight: bold !important;
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif !important;
    display: block !important;
}

/* Specific fix for product page footer h4 headings */
.product-page footer h4.col-title {
    font-size: 16px !important;
    color: #333 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    display: block !important;
    line-height: inherit;
}

}

/*Bottom Copyright Footer Bar*/

.copyright-info p
{
    font-size: 12px;
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
    line-height: 1.5;
}

/* Font */
.body
{
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

body
{
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

/*Footer Font*/

.main-footer h4 
{
    font-family: Arial,Helvetica, "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    color: #444;
}

/* Pricing */

.product .card-body .card-title
{
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 15px;
}

/* ✅ Default size for desktop */
.product .card-body .card-text .price {
    font-size: 17px;
    color: #996D00;
    margin-top: 3px;
    font-weight: 700; /* Adjust this if needed */
}

/* ✅ Responsive: Adjust for Mobile */
@media screen and (max-width: 768px) {
    .product .card-body .card-text .price {
        font-size: 16px; /* ← ✅ Missing semicolon added */
        color: #996D00;
        margin-top: 3px;
        font-weight: 700;
    }
}


.product .card-body .card-text 
{
	padding-top: 5px;
}

.product .card-body {
	padding: 0;
	margin: 15px 0 5px 0;
	text-align: center;
}
.product .card-body .card-title {
    font-size: 14px;
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    line-height: 1.3;
    min-height: 37px;
}

/* Grey Background on Category Page Heading*/

body .page-heading {
    margin: 0px 0 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    background: #F1F1F1;
    font-size: 20px;
    padding: 12px 0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: 300 !important;
    color: #333;
    box-sizing: border-box;
    overflow-wrap: break-word; /* Ensures text breaks if too long */
}

/* Remove float on smaller screens */
@media (max-width: 768px) {
    body .page-heading {
        float: none;
    }
}


.main-footer input[type=email]
{
    background:#f9dc60;
}

/* ✅ Desktop: Default Styling */
.card-title a {
    font-size: 18px !important;
    text-decoration: none !important;
    color: #333 !important;
}

/* ✅ Ensure uniform height for product titles */
.card-body .card-title {
    font-size: 16px !important; 
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    line-height: 1.3 !important;
    min-height: 3.9em !important; /* ✅ Ensures at least 3 lines of space */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* ✅ Limits to max 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* ✅ Adds "..." if the text overflows */
}

/* ✅ Ad

}
.section-heading .section-title
{
    color: #444;
    font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
}

/*Home Page Welcome to Zest Lighting Paragragraph*/
.Welcome {
  text-align: center ;
  font-size: 14px;
  font-family: "Arial",Helvetica,"Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
  line-height: 1.5;
}


.card-figcaption-button {
    font-family: "Arial", Helvetica, "Helvetica Neue", 'Open Sans', 'Source Sans Pro', sans-serif;
    font-size: 15px; /* ✅ Slightly larger, but smaller than .price */
    text-align: center;
    text-decoration: underline;
    background-color: white;
    padding: 0;
}

/* ✅ Ensure responsive scaling on mobile */
@media screen and (max-width: 768px) {
    .card-figcaption-button {
        font-size: 14px; /* ✅ Slightly smaller on mobile */
    }
}


/* Underline under Heading Menu */
div#menu nav.navPages.nav-deep-3 {
    border-bottom: 1px solid #e5e5e5;
}
.heroCarousel-slide {
    margin-top: 20px;
}

/*Fix Hover Issues with Product Card Buttons*/
.card-figcaption-button:hover {
    background-color: transparent;
}
.epic-product-card .card-figcaption .card-figcaption-body .btn-wishlist:hover:after, .epic-product-card .card-figcaption .card-figcaption-body .quickview:hover:after, .epic-product-card .card-figcaption .card-figcaption-body .btn-compare:hover:after {
    background-color: transparent;
}
.epic-product-card .card-figcaption .card-figcaption-body .btn-wishlist:hover, .epic-product-card .card-figcaption .card-figcaption-body .quickview:hover, .epic-product-card .card-figcaption .card-figcaption-body .btn-compare:hover {
    color: #444444;
    background-color: transparent;
}

.quickview
{
text-align: center;
text-decoration: none !important;
line-height: 1.7;
}

.ul.footer-info-list, .navBar-section
{
    text-transform: none;
}

.tab-title {
    text-transform: uppercase;
}

.overlay-shop .col-title {
    text-transform: uppercase;
}

#tab-description table td p {
	padding: 10px 5px 0 5px;
	line-height: 1.3;
	text-align: center;
}
#tab-description table td{
	border: 1px solid #333;	
}
#tab-description table{
	border-collapse: initial;
    border-spacing: 3px;
}

.banners, .banners {
    color:#444;
    background-color: white;
}

.additional-links {
    font-size: 15px;
    color: #333;
    line-height: 2.3;
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin-top: 5px;
    border-top: 1px solid #e5e5e5;
}
.button quickview
{
    text-decoration: none;
}
a {
    text-decoration:none ;
}

.top-bar ul.top-bar-menu>li>a
{
    text-decoration: none;
    line-height: 24px;
    text-transform: uppercase;
}

.overlay-shop ul li a
{
    text-decoration: none;
}
.productView-reviewLink>a
{
    text-decoration: none;
}
.cat-desc{
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    height: 89px;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.cat-desc.readmore-js-section.readmore-js-collapsed {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    height: 45px !important;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.cat-desc.readmore-js-section.readmore-js-expanded {
    border-top: 1px solid 
    #f1f1f1;
    padding-top: 20px;
}

/* 19-03-2020 css start here */

.addcart-wishlist-spp {
    position: relative;
    width: 100%;
    padding: 0;
}
.addcart-wishlist-spp .form-action, 
.addcart-wishlist-spp a.button.dropdown-menu-button {    
    margin: 0;
}
.productView-options .form-action .button {
    margin-right: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}
.addcart-wishlist-spp .form-action, .addcart-wishlist-spp a.button.dropdown-menu-button {
    float: none;
    width: 100%;
    margin: 0 !important;
}
.form-field.form-field--increments {
    float: left;
    width: 100%;
}
.addcart-wishlist-spp #wishlist-dropdown {
    left: 0!important;
    width: 100%!important;
    padding-right: 0 !important;
}
@media all and (max-width: 1199px) {
    .form-field.form-field--increments {        
        text-align: center;
    }
    body .addcart-wishlist-spp {        
        width: 100%;
        padding: 0;
        border-bottom: 0;
    }
    .addcart-wishlist-spp #wishlist-dropdown {
        left: 0!important;
        width: 100%!important;
        padding-right: 0 !important;
    }
    /* .addcart-wishlist-spp .form-action, .addcart-wishlist-spp a.button.dropdown-menu-button {        
        padding: 0;
    } */
}
@media all and (max-width: 1924px) {
    .addcart-wishlist-spp .form-action {
        padding: 0;
    }
}
/* 19-03-2020 css start here */
.cs-navbar ul li .navPages-action{
    margin: 0 0px; 
}
.cs-navbar ul li .navPages-action:first-child {
    margin-left: 0;
}
.cs-navbar ul li .navPages-action:last-child{
    margin-right: 0 !important;
}
.page_contact_form-page .page-content .page-heading{
    margin-top: 0;
}

@media all and (max-width: 1199px){
    .cs-navbar ul li .navPages-action {
        margin: 0; padding: 7px 11px;
    }
}
@media all and (max-width: 1024px) {
    .cs-navbar ul li .navPages-action {
        margin: 0; padding: 7px;
    }
}
@media (max-width: 1330px) and (min-width: 1200px){
    .cs-navbar ul li .navPages-action {
        padding: 7px 11px !important;
    }
}

/**/
.main-footer .account-menu ul li.navBar-item a {line-height: 26px;}

.custom-navbar .navPages-list {
  display: flex;
  justify-content: space-between;
}
.container.custom-navbar{
    padding:0;
}
/**/
.custom-navbar .navPages-list {
  @media all and (max-width: 801px){
     display: block; width: 100%;
  }  
}
.site-header{
    .navPages{
        .custom-navbar{
            .navPages-list{
                .navPages-item{
                    
                    &:last-child{
                        .navPage-subMenu{
                                right: 0; left: auto;
                        }
                    }
                }
            }
        }
    }    
}
@media (min-width:801px){
 .cs-navbar .nav-deep-3 ul li .navPage-subMenu {
        left: auto;
        right: 0;
    }
}