@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@200');
.dashicons-cart:before{font-family: 'Material Symbols Outlined';content:'shopping_bag' !important;
  font-variation-settings:'FILL' 0,'wght' 0,'GRAD' 0,'opsz' 24;    font-size: 30px;
}
.whb-general-header .reset-last-child li::marker{content:" ";}
.whb-general-header .reset-last-child{margin-top: -11px; padding-left: 3px;}
li.quote-li ul.quote_list{    padding: 2em 1em 0 1em !important;}
.totalitems{display: inline-block;padding: 14px 15px;}
.wd-nav>li>a{    letter-spacing: 0.47px;}
.whb-mobile-center, .whb-col-center {
    background: none !important;
}
header .wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color:#fff !important;
    text-decoration:underline;
}
.mini-quote-dropdown li.addify-rfq-mini-cart-item a,.mini-quote-dropdown p.addify-rfq-mini-cart__empty-message{
       color:#323232 !important;
}
.coll-head{
    letter-spacing:14px;
}
.tch-gal .wd-gallery-item{border:1px solid #ccc;}
#chaty-widget-0 .chaty-widget {
    right: 23px !important;
    bottom: 84px !important;
}
@media (min-width: 1025px) {
    .thumbs-position-left .wd-gallery-thumb .wd-carousel-item {margin-bottom:7px;}
}
@media (max-width: 768px) {
.coll-head{
    letter-spacing: 8px;
    font-size: 50px !important;
}
}
/*
Default state for the TARGET ROW.
This selector needs to precisely match the element you want to change.
The transition should be on this element.
*/
body:not(.single-product) .whb-header.whb-overcontent:not(.whb-sticked) .whb-main-header .whb-row.whb-general-header:not(.whb-with-bg) {
  background-color: transparent; /* Or your desired default background for this row, e.g., #yourDefaultRowColor */
  transition: background-color 0.5s ease-in-out; /* Adjust timing as needed */
}
.whb-color-light:not(.whb-with-bg) {
      background-color: transparent ; /* Or your desired default background for this row, e.g., #yourDefaultRowColor */
  transition: background-color 0.5s ease-in-out; /* Adjust timing as needed */
}
/*
Hovered state for the TARGET ROW.
This is when the .menu-mega-dropdown is hovered, and we add a class to the target row.
*/
body:not(.single-product) .whb-header.whb-overcontent .whb-main-header .whb-row.whb-general-header.target-row-mega-hover {
  background-color: #212121d4; /* Set the desired background color on hover */
}
body.single-product .whb-header.whb-overcontent .whb-main-header .whb-row.whb-general-header.target-row-mega-hover {
  background-color: transparent; /* Set the desired background color on hover */
}
body.single-product.product-cat-collections  .whb-header.whb-overcontent .whb-main-header .whb-row.whb-general-header.target-row-mega-hover  {
  background-color: #212121d4; /* Set the desired background color on hover */
}
.whb-header.whb-overcontent .whb-main-header .whb-row.whb-general-header.target-row-mega-hover{
    background-color: #212121d4; /* Set the desired background color on hover */
}
.whb-header.whb-overcontent .whb-main-header .whb-row.whb-general-header.target-row-mega-hover{
    background-color: #212121d4; /* Set the desired background color on hover */
}
.whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: #212121d4;
}
.wd-dropdown {
    background-color: #212121d4 !important;
}
header .wd-dropdown-menu .wd-sub-menu li>a{
    color:inherit !important;
}
header .wd-dropdown-menu .wd-sub-menu .nav-link-text{color:#fff;}
.wd-nav-main>li>a, .wd-nav-secondary>li>a{height:80px !important;}
header .wd-dropdown{top:77px !important;}
header .wd-dropdown.wd-dropdown-my-account {top:30px !important;}
.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
    margin-top: 3px !important;
}
.wd-loop-footer{margin-top:100px !important;}
.tax-product_cat .shop-content-area{    margin-top: 45px;margin-bottom: 125px !important;}
.single-product .whb-overcontent:not(.whb-custom-header){padding-top:105px !important;/*padding:0 !important;*/margin-bottom:0 !important; background: #212121d4;
}
.single-product.product-cat-collections .whb-overcontent:not(.whb-custom-header){    height: unset;padding:0 !important;margin-bottom:0 !important; background: transparent;
}
.single-product .single-product-content{    margin-top: 65px;}

.newsletter-wrapper {
    display: flex;
    margin: 0;
    justify-content: flex-end;
    padding: 0px 10px 10px 10px;
}

.newsletter-wrapper input[type="email"] {
  flex: 1;
  padding: 10px;
  border: 1px solid #999;
  background-color: #2e2e2e;
  color: #fff;
  font-size: 14px;
  border-right: none;
}

.newsletter-wrapper input[type="submit"] {
  background-color: #f4f4f4;
  color: #000;
  font-weight: bold;
  padding: 10px 20px;
  border: 1px solid #999;
  cursor: pointer;
  transition: background 0.3s;
}

.newsletter-wrapper input[type="submit"]:hover {
  background-color: #e0e0e0;
}
.hidden-fields-container{padding:0 !important;margin:0 !important;border:0 !important;}
.whb-general-header :is(.whb-mobile-left,.whb-mobile-right){flex:inherit !important;}
.mobile-nav .wd-sub-menu li>a{color: #ffffff !important;}
.title-design-centered .wd-back-btn{display:none !important;}
.tax-product_cat .wd-sub-menu li>a {
    color: #ffffff !important;
}