/*
Theme Name: Custom Theme
Author: ZH
Description: Custom Starter Theme CMS Team (Website)
Version: 2.0
License: MIT
Tags: wordpress, html, javascript, sass, css, postcss, webpack, babel, PHP, LD
Text Domain: Custom Theme
*/

/*
This CSS file is needed for WordPress to recognize the theme and display its info.
Please use the ../src/assets/styles/main.scss as an entry point for your SASS code.
*/

.defpage h1 {display: block;
font-size: 3em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
color:#333;   
}   
.defpage h2 {display: block;
font-size: 2em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;color:#333;   }
.defpage h3 {display: block;
font-size: 1.75em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;color:#333;   }
.defpage h4 {display: block;
margin-top: 1.5em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;color:#333; }
.defpage h5 {display: block;
font-size: 1.25em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;color:#333;   }
.defpage h6 {display: block;
font-size: 1em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;color:#333; }


.defpage ul {display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;color:#333; }

.defpage u  {text-decoration: underline;}

.defpage p {display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
line-height: normal;    
}

.defpage ol {display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;color:#333; }

.defpage li {display: list-item;}

.defpage{padding: 100px 0;}

section.blogsSec { padding: 70px 0; }
.detailWrp { }
.detailWrp img { display: block; width: 100%; margin-bottom: 40px; }
.publish_author { font-size: 0; }
.publish_author span { font-size: 17px; font-style: italic; line-height: 1.53; color: #888; margin-right: 20px; margin-bottom: 18px; }
.publish_author span.date { color: #6CA437; }
.detailWrp h5 { font-size: 23.8px; line-height: 1.25; color: #333333; text-transform: capitalize; margin-bottom: 30px; }



.extra .row #main
{
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}






.productSize ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
}

.productSize li a.size-option {
    padding: 8px 16px;
    border: 2px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    background-color: #fff;
    text-align: center;
}

.productSize li a.size-option:hover {
    border-color: #000;
}

.productSize li a.size-option.active {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.footerLogo .wpcf7-response-output {
  color: white !important;
}

.woocommerce-products-header {
  display: none;
}
.productImage a img {
  height: 250px !important;
  object-fit: contain;
}

tr:has(#pa_flavors),tr:has(#pa_size),tr:has(#pa_color) {
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute;
}

ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    list-style: none !important;
    gap: 10px;
    padding: 1rem 0;
    margin: auto;
    flex-wrap: wrap !important;
}
 
ol.flex-control-nav.flex-control-thumbs li img {
    width: 100%;
}
ol.flex-control-nav.flex-control-thumbs li {
    border: 1px solid #b1b1b1;
    border-radius: 5px;
}
 
.detailoneImages .flex-viewport {
    text-align: center;
}
.woocommerce-variation-add-to-cart{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}
form.variations_form.cart {
    display: contents !important;
}
.product-cart form.cart{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.woocommerce .quantity .qty {
    width: 120px;
    height: 50px;
    border-radius: 5px;
    outline: unset;
    box-shadow: unset;
    border: 1px solid var(--black);
}
 
.single_add_to_cart_button {
    padding: 1.08rem 1rem !important;
    width: 80% !important;
    background: #003B6B !important;
}
.single_variation_wrap {
  width: 100%;
}

.productSize li a.size-option.selected,.productSize ul li a.color-option.active  {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

.woocommerce #customer_login .u-column1.col-1, .woocommerce #customer_login .u-column2.col-2 {
    max-width: 50% !important;
}
.woocommerce #customer_login p.form-row {
    display: flex;
    flex-direction: column;
}
.woocommerce #customer_login .button {
    background: var(--secondary) !important;
    color: var(--white) !important;
    border:2px solid var(--secondary) !important;
}
.woocommerce #customer_login .button:hover {
    background: var(--white) !important;
    color: var(--secondary) !important;
    border:2px solid var(--secondary) !important;
}

.quiz-control input {
  height: auto;
}
.quiz p
{
    margin:0;
}
.quiz .form-group {
  text-align: left;
}
.quiz .col-md-12 {
  padding: 0;
}
.wpcf7-list-item {
  display: block;
}
#menu-mobile-menu {
        display: none !important;
    }
.menuWrap #mega-menu-wrap-top {
    gap: 0 !important;
}
.woocommerce-widget-layered-nav-list li:before,.woocommerce-widget-layered-nav-list li:after
{
    display:none !important;
}
ul.product-categories li,.woocommerce-widget-layered-nav-list li {
    display: flex;
    justify-content: space-between;
}
 
.cat-parent {
    display: block !important;
    padding: 0 0 !important;
}
 
 
.cat-parent a {
    width: 91%;
    display: inline-flex;
}
 
 
.shopLeftBar h2 {
    font-size: 26px;
}

.offcanvas a img {
  width: 48px;
}


.detailfiveSec {
    position: relative;
    overflow: hidden;
}

.detailfiveSec .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.detailfiveSec .container {
    position: relative;
    z-index: 1;
}

.detailfiveSec .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* 🔥 yahan opacity change karke dark/light set karein */
    z-index: 1;
}

button.cr-nosummary-add {
    background-color: #003B6B !important;
}

@media (max-width: 768px) {
    #mega-menu-top {
        display: none !important;
    }

    /* Normal WordPress menu ko show karo */
    #menu-mobile-menu {
        display: block !important;
    }
}
/*.product-categories li {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  font-size: 0.875rem;*/
/*}*/
.product-categories li a,.woocommerce-widget-layered-nav-list li a
{
    color: #173446 !important;
}


@media (max-width:768px)
{
    #mega-menu-wrap-top ul {
  background: transparent !important;
  width: 100% !important;
}
#mega-menu-wrap-top ul li a {
  text-align: center !important;
}
 #mega-menu-wrap-top {
    height: initial;
  }
nav.menuWrap, #mega-menu-wrap-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10;
}
}

.productImage img {
    height: 335px;
    width: 100%;
    object-fit: contain;
}
/*contact form 7*/
.quiz-options input[type="radio"] {
  display: none;
}


.quiz-options label {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 14px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 18px
}


.quiz-options label:hover {
  border-color: #4fc3f7;
}


.quiz-options label:has(input[type="radio"]:checked) {
  background-color: #4fc3f7;
  color: #fff;
  border-color: #4fc3f7;
}

.cf7mls-btns {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.cf7mls-btns button {
  width: 45% !important;
  margin: 2% !important;
}

.woocommerce-product-gallery__wrapper {
    transition: none !important;
}
.tilt-img {
    will-change: tranform;
    transition: transform 0.2s ease;
}

/**/