:root {
  --jcb-yellow: #FECA29;
  --jcb-black: #000;
  --jcb-light: #fff;
  --jcb-charcoal: #1E1E1E;
  --jcb-gray-bar: #333333;
  --jcb-gray: #555555;
  --jcb-light-gray: #dddddd;
  --jcb-mid-light:#424242;
  --jcb-link-color:#c09d43;
}

body {
  font-family: "Roboto", sans-serif !important;
  background-color:var(--jcb-black);
  color: #333333;
  font-size: 15px;
  font-weight: 400;
line-height: 1.7 !important;
}
.sticky-header{
    position: sticky;
    top: -18px;
    z-index: 1020;
}
.container-fluid
{
    width: 90%;
    max-width: 100%;
}
.container
{
   width: 90%;
    max-width: 1080px;
    margin: auto;
    position: relative;
	padding:0;
}
.fs-15{
	font-size:15px;
}
.bg-jcb-yellow {
  background-color: var(--jcb-yellow) !important;
}
.font-small{
	font-size:12px;
	line-height:17px;
}
.bg-jcb-gray {
  background-color: var(--jcb-gray) !important;
}
.bg-jcb-light-grey {
  background-color: var(--jcb-light-gray) !important;
}
.bg-jcb-black {
  background-color: var(--jcb-black) !important;
}
.bg-jcb-mid-light {
  background-color: var(--jcb-mid-light) !important;
}

.text-jcb-yellow,
.text-yellow {
  color: var(--jcb-yellow) !important;
}
.bg-light{
	background:var(--jcb-light) !important;
}
.text-dark{
    color: var(--jcb-black) !important;
}
.text-gray-bar{
	color:var(--jcb-gray-bar) !important;
}
.border-jcb-yellow {
  border-color: var(--jcb-yellow) !important;
}
.border-jcb-black {
  border-color: var(--jcb-black) !important;
}
.border-jcb-light {
  border-color: var(--jcb-light) !important;
}

.rounded-25 {
    border-radius: 25px !important;
}

.btn-jcb-yellow,
.btn-jcb-search,
.btn-jcb-search:hover {
  background-color: var(--jcb-yellow);
  border: 1px solid var(--jcb-black);
  color: var(--jcb-black);
  font-weight: 700;
}
.btn-jcb-yellow:hover,
.btn-jcb-yellow:focus {
  background-color: var(--jcb-light);
  border: 1px solid var(--jcb-light);
  color: var(--jcb-black);
}
.btn-jcb-black {
  background-color: var(--jcb-black);
  border: 1px solid var(--jcb-yellow);
  color: var(--jcb-yellow);
  font-weight: 700;
}
.btn-jcb-black:hover,
.btn-jcb-black:focus {
  background-color: var(--jcb-yellow);
  border: 1px solid var(--jcb-black);
  color: var(--jcb-black);
}
.btn-jcb-gray {
  background-color: var(--jcb-gray);
  border: 1px solid var(--jcb-black);
  color: var(--jcb-light);
  font-weight: 700;
}
.btn-jcb-gray:hover,
.btn-jcb-gray:focus {
  background-color: var(--jcb-black);
  border: 1px solid var(--jcb-gray);
  color: var(--jcb-yellow);
}

.btn-jcb-outline {
  background-color: transparent;
  color: var(--jcb-yellow);
  border: 1px solid var(--jcb-yellow);
  font-weight: 700;
}
.btn-jcb-outline:hover, .btn-jcb-outline:focus {
  background-color: var(--jcb-yellow);
  color: #000000;
  border-color: var(--jcb-yellow);
}
.btn-jcb-card {
	color: var(--jcb-light);
    background:var(--jcb-black);
    border: 2px solid var(--jcb-yellow);
    padding: 10px 20px;
    font-size: 1.2em;
	font-weight: 500;
    margin-top: 20px;
    border-radius: 25px;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.btn-jcb-card:hover,
.btn-jcb-card:focus {
  background-color: var(--jcb-yellow);
  color: var(--jcb-black);
  border-color: var(--jcb-black);
}
.btn-jcb-signup,
.btn-jcb-signup:hover,
.btn-jcb-signup:focus{
  background-color: var(--jcb-black);
  border: 2px solid var(--jcb-light);
  color: var(--jcb-light);
  font-weight: 700;
	padding: 10px 20px;
    border-radius: 5px;
	font-size: 19px;
    clear: both;
    float: left;
    text-transform: uppercase;
    margin-top: 5px;
    width: 125px;
    display: inline-block;
}
.py-40{
	padding-block:40px !important;
}
.g-5{
    --bs-gutter-y: 2.625rem !important;
    --bs-gutter-x: 2.625rem !important;
	--bs-gutter:2.625rem !important;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

h1 {
    font-size: 30px !important;
	letter-spacing:0 !important;
}

h2 {
    font-size: 26px !important;
	letter-spacing:0 !important;
}

h3 {
    font-size: 22px !important;
	letter-spacing:0 !important;
}

h4 {
    font-size: 18px !important;
	letter-spacing:0 !important;
}

h5 {
    font-size: 16px !important;
	letter-spacing:0 !important;
}

h6 {
    font-size: 14px !important;
	letter-spacing:0 !important;
}

header .container{
	font-size:1rem;
	font-weight:600;
}
/* Topbar Links */
.top-link {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.top-link:hover {
  color: var(--jcb-yellow);
}

/* ==========================================================================
   Navigation Bar & Mega Menu
   ========================================================================== */
.main-nav {
  position: relative;
  background-color: var(--jcb-yellow) !important;
}

.main-nav .nav-link {
  color: #000000;
  font-weight: 700;
  font-size: 1.125rem;
      padding: 0.925rem 1.6rem !important;
  transition: background-color 0.2s, color 0.2s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

.main-nav .nav-link:hover,
.main-nav .nav-link:focus,
.main-nav .show > .nav-link,
.main-nav .dropdown:hover > .nav-link,
.main-nav .dropdown:hover > .nav-item-inner > .nav-link,
.main-nav .dropdown.show > .nav-item-inner > .nav-link {
  color: var(--jcb-gray);
}

.main-nav .dropdown-toggle::after {
  margin-left: 0.625rem;
  vertical-align: 0.15em;
  border-top-color: currentColor;
}
.cb-single-product-main .product_title{
	color:var(--jcb-gray-bar) !important;
}
.cb-single-product-main .price .woocommerce-price-suffix{
	color: var(--jcb-yellow) !important;
}
.cb-single-product-main .product_meta{
	font-weight:500 !important;
	color:var(--jcb-gray) !important;
}
.cb-single-product-main .product_meta a,
.cb-single-product-main .product_meta a:hover{
	color:var(--jcb-yellow) !important;
	text-decoration:none;
}
/* Invisible hover bridge to prevent menu closing when moving cursor */
@media (min-width: 992px) {
  .main-nav .dropdown {
    position: relative;
  }
  .main-nav .dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 12px;
    display: none;
    z-index: 1040;
  }
  .main-nav .dropdown:hover::after {
    display: block;
  }

  .main-nav .has-mega-menu {
    position: static !important;
  }

  /* Desktop Hover Display */
  .main-nav .dropdown:hover > .dropdown-menu,
  .main-nav .dropdown:focus-within > .dropdown-menu,
  .main-nav .dropdown.show > .dropdown-menu {
    display: block !important;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Standard Dropdown */
  .main-nav .dropdown-menu:not(.mega-menu) {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 220px;
    background-color: #000000;
    border: 2px solid var(--jcb-yellow);
    border-top: 3px solid var(--jcb-yellow);
    border-radius: 0;
    padding: 0.5rem 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    z-index: 1050;
  }

  /* Mega Menu Dropdown */
  .main-nav .dropdown-menu.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 40px);
    max-width: 1280px;
    margin: 0 auto;
    background-color: #0a0a0a;
    border: 1px solid var(--jcb-light);
    border-top: none;
    border-radius: 0px 0px 20px 20px;
    padding: 1.5rem 2rem 1.75rem;
    z-index: 1050;
  }

  /* Multi-column Layout inside Mega Menu */
  .mega-menu-grid {
    display: block;
  }
  .mega-menu-grid.cols-4 {
    column-count: 4;
    column-gap: 2rem;
  }
  .mega-menu-grid.cols-3 {
    column-count: 3;
    column-gap: 2rem;
  }
  .mega-menu-grid.cols-2 {
    column-count: 2;
    column-gap: 2rem;
  }
  .mega-menu-grid > li {
    break-inside: avoid;
    margin-bottom: 0rem;
    display: block;
    width: 100%;
  }

  /* Medium screen column adjustment */
  @media (max-width: 1199.98px) {
    .mega-menu-grid.cols-4 {
      column-count: 3;
      column-gap: 1.5rem;
    }
    .main-nav .dropdown-menu.mega-menu {
      padding: 1.25rem 1.5rem;
    }
  }
}

/* Dropdown Items (both standard and mega) */

.main-nav .menu-item .dropdown-item {
    color: #f0f0f0;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.8rem 1.5rem;
    border-radius: 0px;
    line-height: 22px;
    white-space: normal;
    display: block;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
	border: transparent solid 1px;
}

.main-nav .menu-item .dropdown-item:hover,
.main-nav .menu-item .dropdown-item:focus {
	background:transparent;
  border: var(--jcb-yellow) solid 1px;
	border-radius:0;
  color:var(--jcb-yellow) ;
  font-weight: 700;
  transform: translateX(3px);
}

/* Mega Menu Header */
.mega-menu-header {
  border-color: rgba(254, 202, 41, 0.25) !important;
}

.mega-menu-header .text-jcb-yellow {
  letter-spacing: 0.05em;
}

/* Mobile Submenu Toggle Button */
.mobile-menu-toggle {
  background: transparent;
  border: none;
  color: #000000;
  padding: 0.6rem 1rem;
  font-size: 1.1rem;
  cursor: pointer;
  line-height: 1;
  transition: transform 0.25s ease;
}

.mobile-menu-toggle.active i,
.dropdown.show > .nav-item-inner .mobile-menu-toggle i {
  transform: rotate(180deg);
}

/* Mobile Navigation (< 992px) */
@media (max-width: 991.98px) {
  .main-nav .navbar-collapse {
    background-color: var(--jcb-yellow);
    padding: 0.5rem 0 1rem;
    max-height: 80vh;
    overflow-y: auto;
  }
  .main-nav .navbar-nav {
    gap: 0.25rem;
  }
  .main-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .main-nav .nav-link {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    flex-grow: 1;
  }
  .main-nav .dropdown-toggle::after {
    display: none; /* Hide default caret on mobile since mobile-menu-toggle arrow is used */
  }
  .main-nav .dropdown-menu {
    display: none;
    background-color: #111111;
    border: none;
    border-left: 4px solid var(--jcb-yellow);
    border-radius: 0;
    margin: 0;
    padding: 0.75rem 1rem;
    box-shadow: none;
  }
  .main-nav .dropdown-menu.show {
    display: block !important;
  }
  .main-nav .dropdown-menu.mega-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .mega-menu-grid.cols-4,
  .mega-menu-grid.cols-3,
  .mega-menu-grid.cols-2 {
    column-count: 1;
  }
  @media (min-width: 576px) {
    .mega-menu-grid.cols-4,
    .mega-menu-grid.cols-3 {
      column-count: 2;
    }
  }
  .main-nav .dropdown-item {
    padding: 0.5rem 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
}

/* Category Cards */
.popular-card {
  border-width: 3px;
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
	padding:30px !important;
}
.popular-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px -3px rgba(0, 0, 0, 0.35);
}

/* All Category Grid Tiles */
.category-tile {
  text-decoration: none;
  background: #ffffff;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.category-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.18);
}
.category-tile .tile-icon {
  width: 100%;
  max-width: 105px;
  aspect-ratio: 1 / 1;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  transition: transform 0.2s;
}
.category-tile:hover .tile-icon i {
  transform: scale(1.1);
}
.tile-badge {
  width: 100%;
  background-color:var(--jcb-black);
  color: var(--jcb-yellow);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.75rem 0.5rem;
  text-align: center;
  line-height: 1;
    min-height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.tile-badge-gray {
  width: 100%;
  background-color:var(--jcb-gray);
  color: var(--jcb-yellow);
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 0.5rem;
  text-align: center;
  line-height: 1;
    min-height: 60px;
    align-items: center;
    display: inline-block;
    justify-content: center;
}
h4.widgettitle {
    padding: 10px 10px;
    text-align: center;
    background: var(--jcb-black);
    color: var(--jcb-light);
    margin-bottom: 20px;
}
.bg-google-reviews{
    background: var(--jcb-black) url(../images/bg-tracks2.jpeg) !important;
    background-repeat: no-repeat !important;
        background-size: cover !important;
}
.main-footer {
    background: var(--jcb-yellow) url(../images/footer-background-5.svg) !important;
    background-repeat: no-repeat !important;
        background-size: cover !important;
}
.footer-text{
    color: var(--jcb-light-gray);
}
.footer-nav-link{
	margin:0;
}
.footer-text{
	color: #bababa;
}
.gamma.widget-title
	{
    padding: 10px 10px !important;
    text-align: center;
    background: #000 !important;
    color: #fff !important;
    margin-bottom: 20px !important;
	font-size: 18px !important;
	font-weight:700 !important;
}
.widget_product_categories ul li{
	padding-left:0 !important;
	font-weight:500 !important;
}
.widget_product_categories ul li::before
{
	display:none !important;
}
.addToBasket{
    font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.product-categories li a{
	color:var(--jcb-gray);
}
.product-categories li a:hover,
#menu-footer-menu li a:hover{
	color:var(--jcb-yellow);
}
#menu-footer-menu li:before{
	content:'';
}
.widget.woocommerce li .count{
	 float: inherit !important;
}
table.shop_table.cart{
	    border: #eee solid 1px !important;
    border-radius: 4px !important;
}
table.shop_table.cart td.actions{
	padding:24px 12px !important;
}
.woocommerce .cart_totals{
	    float: right !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button{
	width:100% !important;
}
.cb-search-input-wrapper {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 2px solid var(--jcb-black) !important;
}
#menu-footer-menu{
	font-weight:500;
}

.welcome-text-section p{
	font-size:1rem;
}

#header .brand-box.logo{
  height: 110px;
	padding: 14px 0 12px 0;
      -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	display:inline-flex;
}
#header.scroll-top .brand-box.logo{
  height: 90px;
	padding: 12px 0 14px 0;
  -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.contact-box{
  width: 500px;
  max-width: 100%;
}
ul.list-gray{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
}
ul.list-gray li,
ul.list-gray li a{
  text-decoration: none;
  font-weight: 600;
  color: var(--jcb-gray);
  padding-bottom: 8px;
}

ul.list-gray li a:hover{
  text-decoration: none;
  
  color: var(--jcb-yellow);

}
ul.list-gray li .count,
ul.list-gray li a .count{
  color: var(--jcb-black);
}
ul.list-gray li ul{
  padding: 0;
  margin: 0;
  padding-left: 16px;
}
ul.list-gray li ul li,
ul.list-gray li ul li a{
  padding-bottom: 4px;
  list-style-type: none;
}

/* Breadcrumbs bar on standard pages (Matches Live Site: #dddddd bar) */
.cb-breadcrumbs-bar {
  background-color: #dddddd !important;
  border-bottom: 1px solid #cccccc;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 10px 0 !important;
  width: 100% !important;
}

.cb-breadcrumbs-bar .container {
  width: 100%;
}

.cb-breadcrumbs-bar .breadcrumbs {
  font-size: 14px !important;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cb-breadcrumbs-bar .breadcrumbs a {
  color: #333333 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  transition: color 0.15s ease;
}

.cb-breadcrumbs-bar .breadcrumbs a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

.cb-breadcrumbs-bar .breadcrumbs .current-item {
  color: #333333 !important;
  font-weight: 400 !important;
}

.cb-breadcrumbs-bar .woocommerce-breadcrumb,
.woocommerce-cart .cb-breadcrumbs-bar .woocommerce-breadcrumb,
.woocommerce-checkout .cb-breadcrumbs-bar .woocommerce-breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline !important;
}

/* ==========================================================================
   WooCommerce Catalog Breadcrumb Banner (Yellow Banner for Shop / Product pages)
   ========================================================================== */
.woocommerce-shop .woocommerce-breadcrumb,
.woocommerce-product-category .woocommerce-breadcrumb,
.cb-single-product-main .woocommerce-breadcrumb,
.cb-shop-content .woocommerce-breadcrumb {
  background-color: var(--jcb-yellow, #feca29);
  color: #000000;
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 24px;
  border-radius: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a {
  color: #000000;
  text-decoration: none;
  font-weight: 500;
  transition: text-decoration 0.15s ease;
}

.woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:hover {
  color: #000000;
  text-decoration: underline;
}

a, .et-db #et-boc .et-l a {
    color: var(--jcb-link-color);
}
p a,
.cart_item .product-name a{
    color: var(--jcb-link-color) !important;
}
/* ==========================================================================
   WooCommerce Result Count & Catalog Ordering Toolbar (Matches Live Site)
   ========================================================================== */
.cb-product-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.cb-product-toolbar .woocommerce-result-count {
  font-size: 0.875rem;
  color: #777777;
  font-weight: 400;
  margin: 0 !important;
  float: none !important;
  line-height: 1.5;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.cb-product-toolbar .woocommerce-ordering {
  margin: 0 !important;
  float: none !important;
}

.woocommerce .woocommerce-ordering select.orderby,
.woocommerce-page .woocommerce-ordering select.orderby,
.cb-product-toolbar .woocommerce-ordering select.orderby {
  font-size: 0.875rem;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #d3d3d3 !important;
  border-radius: 3px !important;
  padding: 6px 32px 6px 12px !important;
  height: 38px;
  line-height: 1.5;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M8 11.5l-6-6h12z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 10px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease-in-out;
}

.woocommerce .woocommerce-ordering select.orderby:hover,
.woocommerce .woocommerce-ordering select.orderby:focus,
.cb-product-toolbar .woocommerce-ordering select.orderby:hover,
.cb-product-toolbar .woocommerce-ordering select.orderby:focus {
  border-color: #999999 !important;
  outline: none !important;
}

/* ==========================================================================
   WooCommerce Pagination (Center Aligned like Category Page)
   ========================================================================== */
.woocommerce-pagination {
  float: none !important;
  clear: both !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 1.5rem !important;
}

.woocommerce-pagination .pagination {
  justify-content: center !important;
  margin-bottom: 0 !important;
}

/* ==========================================================================
   Product Sale Badge (Matches Live Site)
   ========================================================================== */
.onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  background-color: #ef8f61 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 5px 10px !important;
  border-radius: 3px !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  z-index: 9 !important;
  display: inline-block !important;
  min-height: auto !important;
  min-width: auto !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Quantity Increment Buttons (Matches Live Site)
   ========================================================================== */
.qib-container {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.qib-container input[type='number'] {
  -moz-appearance: textfield;
}

.qib-container input[type='number']::-webkit-outer-spin-button,
.qib-container input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
  margin: 0;
}

form.cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

form.cart .qib-container + button[type='submit'],
form.cart .qib-container + div {
  margin-left: 0.5rem;
}

form.cart button.single_add_to_cart_button {
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

.qib-container div.quantity {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  width: auto;
  height: 40px;
}

.qib-button {
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  color: #ffffff !important;
  background: #000000 !important;
  border: 1px solid #000000 !important;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
  border-radius: 0 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  user-select: none;
}

.qib-button:focus {
  outline: none;
}

.qib-button:hover {
  background: #42413f !important;
  border-color: #42413f !important;
}

.qib-container .quantity input.qty {
  line-height: 1;
  background: #ffffff !important;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 40px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

.qib-container .quantity input.qty:focus {
  border-color: #000000 !important;
  outline: none;
  background: #ffffff !important;
}

.woocommerce table.cart td.product-quantity {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

.woocommerce table.cart td.product-quantity .qib-container {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
}

.quantity .minus:not(.qib-button),
.quantity .plus:not(.qib-button) {
  display: none !important;
}

/* Cart Product Remove Cell & Red 'x' Delete Icon */
.woocommerce-cart table.shop_table.cart th.product-remove,
.woocommerce table.shop_table.cart th.product-remove,
.woocommerce-cart table.shop_table.cart td.product-remove,
.woocommerce table.shop_table.cart td.product-remove {
  width: 36px !important;
  max-width: 36px !important;
  text-align: center !important;
  padding: 16px 8px !important;
  vertical-align: middle !important;
}

.woocommerce-cart table.shop_table.cart a.remove,
.woocommerce table.shop_table.cart a.remove,
.woocommerce-cart a.remove,
.woocommerce a.remove,
a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-family: Arial, Helvetica, -apple-system, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #d9534f !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  position: static !important;
  float: none !important;
  cursor: pointer !important;
  transition: color 0.15s ease !important;
}

.woocommerce-cart table.shop_table.cart a.remove::before,
.woocommerce table.shop_table.cart a.remove::before,
.woocommerce-cart a.remove::before,
.woocommerce a.remove::before,
a.remove::before,
.woocommerce-cart table.shop_table.cart a.remove::after,
.woocommerce table.shop_table.cart a.remove::after,
.woocommerce-cart a.remove::after,
.woocommerce a.remove::after,
a.remove::after {
  content: none !important;
  display: none !important;
}

.woocommerce-cart table.shop_table.cart a.remove:hover,
.woocommerce table.shop_table.cart a.remove:hover,
.woocommerce-cart a.remove:hover,
.woocommerce a.remove:hover,
a.remove:hover {
  color: #b30000 !important;
  background: transparent !important;
  text-decoration: none !important;
}


.product-extra-text-hb {
    padding: 20px;
    background: #f4f4f4;
}

/* Active / Current Page Navigation Styles */
#menu-main-mega-menu .current-menu-item a.nav-link,
#menu-main-mega-menu .current-menu-item > a.nav-link,
#menu-main-mega-menu .current_page_item a.nav-link,
#menu-main-mega-menu .current_page_item > a.nav-link,
#menu-main-mega-menu .current_page_parent a.nav-link,
#menu-main-mega-menu .current-menu-parent a.nav-link,
#menu-main-mega-menu .current-menu-ancestor a.nav-link,
#menu-main-mega-menu .nav-item.active a.nav-link,
#menu-main-mega-menu a.nav-link.active,
.main-nav .nav-link.active,
.main-nav .current-menu-item > a.nav-link,
.main-nav .current_page_item > a.nav-link,
.main-nav .current-menu-item .nav-link,
.main-nav .current_page_item .nav-link,
.main-nav .current-menu-ancestor .nav-link,
.main-nav .current_page_parent .nav-link {
  color: #706d6d !important;
}

.mega-menu-grid .current-menu-item a.dropdown-item,
.mega-menu-grid .current-menu-item > a.dropdown-item,
.mega-menu-grid a.dropdown-item.active {
    background-color: var(--jcb-yellow);
    color: #000000 !important;
    font-weight: 700;
    transform: translateX(3px);
}
.widget_custom_html{
	margin-bottom:1.875rem !important;
}
.widget_nav_menu ul li{
	padding-left:0 !important;
}
.added_to_cart{
	margin: 10px auto !important;
    display: block !important;
    text-align: start;
    color: var(--jcb-link-color) !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.add_to_cart_button,
.button.product_type_simple,
.woocommerce-mini-cart__buttons a{
	    background:transparent url('../images/arrow-right.png') no-repeat !important;
	background-position: calc(100% - 15px) 10px !important;
    border: solid 2px #000 !important;
    width: auto !important;
    padding: 10px 45px 10px 20px !important;
    color: #000 !important;
	transition: all 0.2s ease-in-out;
	font-size:1.125rem;
}
.add_to_cart_button:hover,
.add_to_cart_button.active,
.button.product_type_simple:hover,
.button.product_type_simple.active,
.woocommerce-mini-cart__buttons a:hover,
.woocommerce-mini-cart__buttons a.active{
	 background:var(--jcb-yellow) url('../images/arrow-right.png') no-repeat !important;
	background-position: calc(100% - 10px) 10px !important;
    border: solid 2px #000 !important;
    width: auto !important;
    padding: 10px 45px 10px 20px !important;
    color: #000 !important;
	transition: all 0.2s ease-in-out;
}
.woocommerce-mini-cart__buttons.buttons{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.page-link{
	color:var(--jcb-link-color) !important;
	border-color:var(--jcb-light-gray) !important;
}
.page-link.current,
.page-link:hover{
	background:var(--jcb-light-gray) !important;
	color:var(--jcb-gray) !important;
	border-color:var(--jcb-light-gray) !important;
}
.page-item .page-link{
	border-radius:0 !important;
	padding: 0px 8px !important;
}
.pagination, .woocommerce-pagination
{
	border:none !important;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
  padding: 5px 0 !important;
  position: relative;
}

.wpforms-container .wpforms-field.newsletter-common input[type="text"],
.wpforms-container .wpforms-field.newsletter-common input[type="email"],
.footer-signup input[type="text"],
.footer-signup input[type="email"]
{
  background-color: var(--jcb-yellow) !important;
  color: #43454b;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
  --bs-border-opacity: 1;
  border:var(--jcb-black) solid 2px;
	border-radius:0 !important;
}
.wpforms-container .wpforms-field.newsletter-common input::placeholder,
.footer-signup input::placeholder,
input::placeholder{
    color: #000 !important;
    opacity: 1 !important;
	font-size:14px !important;
	font-weight:400 !important;
}

.wpforms-container .wpforms-submit.btn-jcb-signup{
  background-color: var(--jcb-black) !important;
  border: 2px solid var(--jcb-light);
  color: var(--jcb-light);
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 19px;
  clear: both;
  float: left;
  text-transform: uppercase;
  margin-top: 5px;
  width: 125px;
}

.wpforms-container.newsletter-common .cb-recaptcha-disclaimer{
  display: none !important;
}
.woocommerce-breadcrumb{
	font-weight:500;
}
.woocommerce-breadcrumb a:before{
	display:none;
	content:'' !important;
}
.woocommerce-breadcrumb a{
	color:var(--jcb-gray) !important;
	
}
.woocommerce-form-login-toggle .woocommerce-info{
	background:var(--jcb-yellow) !important;
}
.woocommerce-form-login-toggle .woocommerce-info:before{
	content: '' !important;
}
.woocommerce-product-gallery__trigger{
	position: absolute;
    right: 30px;
    top: 10px;
    z-index: 3;
}
.woocommerce-product-gallery__trigger span img{
	display:none !important;
}

.woocommerce-product-gallery__trigger:before{
	border: 2px solid #000;
    border-radius: 100%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 10px;
    left: 9px;
    top: 9px;
    position: absolute;
    width: 10px;
}
.woocommerce-product-gallery__trigger:after{
	background: #000;
    border-radius: 6px;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 8px;
    left: 22px;
    position: absolute;
    top: 19px;
    transform: rotate(-45deg);
    width: 2px;
}
.product-extra-text-hb{
	font-weight:500;
	    color: #333;
}
.product-extra-text-hb h3{
	font-weight:700;
	
}
.cb-contact-info{
	font-size:18px !important;
	font-weight:700;
}
.cb-contact-info p a,
.cb-contact-info p a:hover,
.entry-content a,
.entry-content a:hover{
	color: var(--jcb-link-color);
	text-decoration:none !important;
	font-weight:500;
}
.footer-text{
	font-weight:700;
}
.footer-text a,
.footer-text a:hover{
	color:#bababa !important;
}
.footer-text .font-small.power-text{
	    text-wrap: nowrap;
}
.copyright-section{
	position:absolute;
}
#navbarSupportedContent #menu-main-mega-menu{
	margin:0 !important;
}
.paypal-button-container {
	max-width: 100% !important;
}
.img-aspect-ratio-crop{
	width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (max-width: 1399px) {
	.main-nav .nav-link {
		padding: 0.925rem 0.75rem !important;
		font-size: 1.125rem;
	}
}
@media (max-width: 1199px) {
	.main-nav .nav-link {
		padding: 0.925rem 0.5rem !important;
		font-size: 0.95rem;
	}
}
/* mobile Nav */
@media (max-width: 991px) {
	.brand-logo{
		border:none !important;
	}
	.main-nav{
		background-color:transparent !important;
	}
	.main-nav > .container-fluid{
		width:80% !important;
		background-color: var(--jcb-yellow) !important;
		margin-bottom:16px;
	}
	.main-nav .navbar-toggler{
		display: flex;
        justify-content: center;
        gap: 8px;
        margin: 0 auto;
		
	}
	.main-nav .navbar-toggler:hover,
	.main-nav .navbar-toggler:focus{
		box-shadow:none !important;
		color:#000 !important;
		background:transparent !important;
	}
	.main-nav .navbar-toggler .Nav-menu-text{
		color:#000 !important;
	}
	
	.main-nav .navbar-toggler[aria-expanded="false"] .Nav-menu-text{
		display:block;
	}
	.main-nav .navbar-toggler[aria-expanded="true"] .Nav-menu-text{
		display:none;
		
	}
	.main-nav .navbar-toggler[aria-expanded="true"] .bi-list::before{
		content: "\f659";
	}
	.main-nav .navbar-toggler span.Nav-menu-text{
    font-size: 1rem;
    line-height: 1.5;
	}
	#navbarSupportedContent{
		background:var(--jcb-charcoal);
	}
	#navbarSupportedContent #menu-main-mega-menu{
		margin:0 !important;
	}
	#navbarSupportedContent #menu-main-mega-menu .nav-link,
	#navbarSupportedContent #menu-main-mega-menu .nav-item-inner button{
		color:var(--jcb-light);
		display:block;
	}
	#navbarSupportedContent #menu-main-mega-menu .nav-item-inner button:hover{
		background:transparent;
	}
	.main-nav .menu-item .dropdown-item{
		font-weight: 400;
    	font-size: 1rem;
    	padding: 0.5rem 0rem;
		line-height: 20px;
	}
	#header{
		position: inherit;
	}
	.main-footer {
		background-size: contain !important;
		background-position-x: left;
		background-position-y: bottom !important;
	}
}
/* mobile Nav end */
/* Small devices */
@media (max-width: 767px) {
	
	.pswp__scroll-wrap,
	.pswp__zoom-wrap{
		width:80% !important;
	}
	.footer-text .font-small.power-text {
    	text-wrap: inherit;
	}
	.copyright-section{
		position:inherit;
	}
	.main-footer{
		padding-bottom: 0 !important;
	}
	
	.brand-logo > div{
		 display: flex;
    	justify-content: center;
	}
	.brand-logo > div .brand-box.logo{
		margin-top: -20px;
	}
	.product-list-sidebar{
		    background: var(--jcb-light-gray);
    padding: 16px;
	}
	.widget {
    margin: 0 0 2em;
	}
	.cb-single-product-main div.product .woocommerce-tabs ul.tabs,
	.woocommerce-tabs ul.tabs {
		flex-direction: column !important;
	}
	.woocommerce table.cart td.product-quantity .qib-container{
		float: right;
	}
	.woocommerce .cart_totals {
		max-width: 100% !important;
		float: inherit;
		text-align: start !important;
	}
	.woocommerce .cart_totals h2 {
    font-size: 24px !important;
    text-align: start !important;
	}
}
/* Extra small devices */
@media (max-width: 575px) {
	.cb-header-cart-link{
		display: inline-block !important;
		position: inherit !important;
		transform: inherit !important;
		float: right;
		top: -24px !important;
	}
}

/* very Extra small devices */
@media (max-width: 398px) {
	.cb-header-cart-link{
		display: inline-block !important;
		position: inherit !important;
		transform: inherit !important;
		float: right;
		top: -68px !important;
	}
}