.elementor-kit-5{--e-global-color-primary:#302C2B;--e-global-color-secondary:#EA0027;--e-global-color-text:#7A7A7A;--e-global-color-accent:#0E1C24;--e-global-color-ffdbedb:#EEEEF0;--e-global-typography-primary-font-family:"Gotham";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Gotham";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Gotham";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Gotham";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-font-style:italic;background-color:var( --e-global-color-ffdbedb );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.tape-marquee {
    z-index: 3;
    background-color: #302c2b;
    position:absolute;
    width:120vw;
    height:auto;
    left: 0;
    transform: rotate(2.5deg);
    overflow:hidden;
}
.tape-marquee-alt {
    z-index: 3;
    background-color: #302c2b;
    position:absolute;
    width:120vw;
    height:auto;
    left: 0;
    transform: rotate(-2.5deg);
    overflow:hidden;
}

.hidden {
	opacity: 0;
	visibility: hidden;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
.grid-container > *:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

/* individual letter hover effect for home page */

.hover-header {
  display: flex;
  font-family: 'Rubik', sans-serif;
  align-self: center;
  max-width: 95vw !important;
  white-space: nowrap !important;     /* prevents line breaks */
  overflow: hidden !important;        /* prevents overflow */
}

/* Base state */
.hover-header span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transform-origin: center;
  color: black;
  transition:
    color .8s ease-out 0.5s,   /* fade back to black slowly, start 1s after hover ends */
    transform 0.4s ease; 
  animation: fadeUp 0.7s forwards ease-out;
  cursor: default;
}

/* Hover effect */
.hover-header span:hover {
  transform: scale(1.0);
  color: #ea0027;
  transition:
    color 0s ease-in,     /* fade in to red smoothly */
    transform 1s ease;
}

/* Entrance animation */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Staggered animation delays */
.hover-header span:nth-child(1) { animation-delay: 0.1s; }
.hover-header span:nth-child(2) { animation-delay: 0.2s; }
.hover-header span:nth-child(3) { animation-delay: 0.3s; }
.hover-header span:nth-child(4) { animation-delay: 0.4s; }
.hover-header span:nth-child(5) { animation-delay: 0.5s; }
.hover-header span:nth-child(6) { animation-delay: 0.6s; }
.hover-header span:nth-child(7) { animation-delay: 0.7s; }
.hover-header span:nth-child(8) { animation-delay: 0.8s; }
.hover-header span:nth-child(9) { animation-delay: 0.9s; }
.hover-header span:nth-child(10) { animation-delay: 1.0s; }
.hover-header span:nth-child(11) { animation-delay: 1.1s; }
.hover-header span:nth-child(12) { animation-delay: 1.2s; }
.hover-header span:nth-child(13) { animation-delay: 1.3s; }
.hover-header span:nth-child(14) { animation-delay: 1.4s; }
.hover-header span:nth-child(15) { animation-delay: 1.5s; }
.hover-header span:nth-child(16) { animation-delay: 1.6s; }
.hover-header span:nth-child(17) { animation-delay: 1.7s; }
.hover-header span:nth-child(18) { animation-delay: 1.8s; }
.hover-header span:nth-child(19) { animation-delay: 1.9s; }
.hover-header span:nth-child(20) { animation-delay: 2.0s; }
.hover-header span:nth-child(21) { animation-delay: 2.1s; }

/* individual letter hover effect for product pages */

.hover-header2 {
  display: flex;
  font-family: 'Rubik', sans-serif;
  align-self: center;
  max-width: 95vw !important;
  white-space: nowrap !important;     /* prevents line breaks */
  overflow: hidden !important;        /* prevents overflow */
}

/* Base state */
.hover-header2 span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transform-origin: center;
  color: black;
  transition:
    color .8s ease-out 0.5s,   /* fade back to black slowly, start 1s after hover ends */
    transform 0.4s ease; 
  animation: fadeUp 0.7s forwards ease-out;
  cursor: default;
}

/* Hover effect */
.hover-header2 span:hover {
  transform: scale(1.0);
  color: #ea0027;
  transition:
    color 0s ease-in,     /* fade in to red smoothly */
    transform 1s ease;
}

/* Entrance animation */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Staggered animation delays */
.hover-header2 span:nth-child(1) { animation-delay: 0.1s; }
.hover-header2 span:nth-child(2) { animation-delay: 0.2s; }
.hover-header2 span:nth-child(3) { animation-delay: 0.3s; }
.hover-header2 span:nth-child(4) { animation-delay: 0.4s; }
.hover-header2 span:nth-child(5) { animation-delay: 0.5s; }
.hover-header2 span:nth-child(6) { animation-delay: 0.6s; }
.hover-header2 span:nth-child(7) { animation-delay: 0.7s; }
.hover-header2 span:nth-child(8) { animation-delay: 0.8s; }
.hover-header2 span:nth-child(9) { animation-delay: 0.9s; }
.hover-header2 span:nth-child(10) { animation-delay: 1.0s; }
.hover-header2 span:nth-child(11) { animation-delay: 1.1s; }
.hover-header2 span:nth-child(12) { animation-delay: 1.2s; }
.hover-header2 span:nth-child(13) { animation-delay: 1.3s; }
.hover-header2 span:nth-child(14) { animation-delay: 1.4s; }
.hover-header2 span:nth-child(15) { animation-delay: 1.5s; }
.hover-header2 span:nth-child(16) { animation-delay: 1.6s; }
.hover-header2 span:nth-child(17) { animation-delay: 1.7s; }
.hover-header2 span:nth-child(18) { animation-delay: 1.8s; }
.hover-header2 span:nth-child(19) { animation-delay: 1.9s; }
.hover-header2 span:nth-child(20) { animation-delay: 2.0s; }
.hover-header2 span:nth-child(21) { animation-delay: 2.1s; }

/* Code to remove underlined text decoration on product categories */
.comments-area a, .page-content a {
    text-decoration: none !important;}
    

@media (max-width: 480px) {
  .hover-header {
    white-space: normal !important;   /* allow line breaks */
    overflow: visible !important;     /* show wrapped lines */
    overflow-wrap: anywhere;          /* wrap long words/URLs */
    word-break: break-word;           /* fallback */
    hyphens: auto;                    /* nicer hyphenation if lang is set */
    line-height: 1.3;                 /* improve readability when wrapped */
  }
  
  
body {
  font-family: "gotham", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-text-editor {
  font-family: "gotham", sans-serif !important;
}/* End custom CSS */