/***********
  ** Override CSS goes here
  ** Typically added to live sites that aren't compiled anymore
************/

.btn-secondary{
	border: 3px solid black;
}
.site-footer ul li{
	padding-top: 7.5px;
}

@media(max-width:575px) {
	.shop .page-container {
		padding-left:0px;
		padding-right:0px;
	}
}

.list-cart-mobile svg {
	fill: #000;
}
.cp-0 {
	padding-left:0px!important;
	padding-right:0px!important;
}
.cp-0 > .row{
	margin-left:0px!important;
	margin-right:0px!important;
}
.cp-0 .splide__track {
	margin-left:0px!important;
	margin-right:0px!important;
}
.cp-0 .range-splider .splide__slider .rpb-slider-arrows .splide__arrow--prev {
  left: .5em;
}
.cp-0 .range-splider .splide__slider .rpb-slider-arrows .splide__arrow--next {
  right: .5em;
}
.cp-0 .range-splider .splide__slider .rpb-slider-arrows .splide__arrow {
	background: #fff !important;
  height: 2.5em;
  width: 2.5em;
	padding:.5em;
	top: calc(50% - 1.25em);
}
.cp-0 .range-splider .splide__slider .rpb-slider-arrows .splide__arrow svg {
	color:#000!important;
	fill:#000!important;
	padding:.33em;
}
@media (max-width:767px) {
	.cp-0 .range-splider .splide__slider .rpb-slider-arrows .splide__arrow {
	  transform: scale(.5);
	}
}
@media (min-width: 992px) and (max-width:1799px) {
  .menu-head .nav-link {
    font-size: 1.05vw;
	}
}

.absolute-buttons {
	position:relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.absolute-buttons .btn {
	font-size:1.25rem;
}
.btn.btn-accent {
	background: #E6AC13;
  width: 100%;
	color:#000;
}
/*.btn.btn-accent:hover {
	background: linear-gradient(45deg, #95822c, gold, #d8b154);
  width: 100%;
	color:#000;
	filter:brightness(1.1);
}*/
.background-accent-gradient {
	background: #E6AC13;
}
@media (max-width:767px) {
	.custom-topbar .sub-heading {
		font-size: 12px;
	}
	.w-100-mobile {
		width:100%;
	}
	.custom-header .theme-logo {
		max-height:50px;
	}
}
.color-accent, .color-accent a {
	color:#DCA30B!important;
}
.custom-footer * {
	text-transform:uppercase;
}
.custom-footer .footer-copyright,
.custom-footer .footer-copyright * {
  color: #555 !important;
	text-transform:none;
}
.custom-footer ul li a {
	font-size:16px;	
}
@media (max-width:991px) {
	.custom-footer ul li a {
		font-size:13px;
	}
}
@media (min-width:768px) {
	.two-col-menu ul {
		display: flex;
		flex-wrap: wrap;
	}
	.two-col-menu ul li {
		display: flex;
		flex-basis: 50%;
	}
}

/* custom headless mods for home page design */
.custom-headless a.headless-category-card {
  box-shadow: unset;
  filter: unset;
  border: solid 3px #000;
  border-radius: 0;
	padding:0;
	margin-bottom:1em;
}
.custom-headless .headless-category-card img {
	margin:.5em;
}
.custom-headless .headless-product-title {
  width: 100%;
  background: #000;
  margin: 0;
  color: #fff;
  padding: .5em;
	margin-bottom:-1px;
}
.custom-headless .headless-card-theme-v2 .headless-products-container .headless-product-card {
	border:unset;
}
.custom-headless .headless-card-theme-v2 .headless-products-container .headless-product-card .headless-product-special {
  background: #fff;
  border-radius: var(--headless-border-radius);
  left: 10px;
  padding: 3px;
  position: absolute;
  right: 10px;
  background: #E6AC13;
  padding: 0.5em;
  top: 0px;
  display: inline-table;
}
.custom-headless .headless-product-card * {
  text-transform: uppercase;
}
.custom-headless .headless-product-categories {
  font-style: italic;
}
.custom-headless .headless-product-card-price {
  font-size: 1.5rem !important;
}

.custom-topbar {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .topbar-scroll-wrapper {
    white-space: nowrap;
    position: relative;
    width: 100%;
  }
  
  .topbar-scroll-text {
    display: inline-block;
    padding-left: 100%;
    animation: topbar-scroll-left 30s linear infinite;
  }
  
  /* Pause animation when user prefers reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .topbar-scroll-text {
      animation-play-state: paused;
      padding-left: 0;
      text-align: center;
      width: 100%;
    }
  }
  
  /* Animation for the scrolling effect */
  @keyframes topbar-scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }
  
  /* Make the scrolling pause on hover/focus for better readability */
  .topbar-scroll-wrapper:hover .topbar-scroll-text,
  .topbar-scroll-wrapper:focus-within .topbar-scroll-text {
    animation-play-state: paused;
  }
  
  /* Make the wrapper focusable */
  .topbar-scroll-wrapper {
    tabindex: 0;
  }
.nav-link, body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "Cal Sans", sans-serif!important;
}
.offcanvas-body .menu-item a{
	color: white!important;
	font-family: "Cal Sans", sans-serif!important;
}
.headless-card-theme-v2 .headless-products-container .headless-product-card .headless-product-brands{
	text-align: left;
}
/* CSS for the collapsible menu */
.menu-item-has-children > a {
  position: relative;
  padding-right: 30px !important;
}

.menu-item-has-children > a::after {
  content: '+';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
  color: #b8860b; /* Gold color for the plus/minus */
}

.menu-item-has-children.active > a::after {
  content: '-';
}

/* Hide all sub-menus by default */
.sub-menu {
  display: none;
  padding-left: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
}

/* When active, show the sub-menu */
.menu-item-has-children.active > .sub-menu {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

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

/* Make sure sub-menu items have good spacing */
.sub-menu li {
  margin-bottom: 8px;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

/* Main navs styles */
.nav > .menu-item {
  margin-bottom: 10px;
}

.nav > .menu-item > a {
  font-weight: 600;
  font-size: 18px;
}

/* Styling sub-menu links */
.sub-menu a {
  font-size: 15px;
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.sub-menu a:hover {
  color: #b8860b; /* Gold hover color */
}

/* Off-canvas container styling */
.off-canvas-container {
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 5px;
}

/* Scrollbar styling */
.off-canvas-container::-webkit-scrollbar {
  width: 5px;
}

.off-canvas-container::-webkit-scrollbar-track {
  background: #1a1a1a;
}

.off-canvas-container::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 5px;
}

.off-canvas-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.btn-xl{
	border-radius: 10px !important;
    padding: 2rem 4rem;
	font-size: 1.5rem;
}

h2.headless-products-nav--title {
    position: relative;
}

h2.headless-products-nav--title[data-contains-deals] {
    font-size: 0;
    color: transparent;
}

h2.headless-products-nav--title[data-contains-deals]::before {
    content: "Shop Bundles";
    font-size: 1.5rem;
    color: initial;
    position: absolute;
    left: 0;
    top: 0;
}

@media (min-width: 768px) {
	h2.headless-products-nav--title[data-contains-deals]::before {
		font-size: 2rem;
	}
}