/** Shopify CDN: Minification failed

Line 13:10 Expected identifier but found whitespace
Line 29:21 Expected identifier but found whitespace
Line 49:1 Comments in CSS use "/* ... */" instead of "//"
Line 124:0 Unexpected "}"
Line 180:2 Expected "}" to go with "{"

**/
/* Cart and Search Icon + Socials
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tap-area: {
  color: white;
  padding: 0px 30px;
  display: inline-block;
  
}

.tap-area:hover {
 color: rgba(255, 32, 28, 1);
  transition: color 0.4s;

}

/* Mega Menu Dropdown
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/

.dropdown-menu__item: {
  color: white;
  padding: 0px 30px;
  display: inline-block;
  
}

.dropdown-menu__item:hover {
 color: rgba(255, 32, 28, 1);
  transition: color 0.4s;

}



/* Header Buttons
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/

.link-faded-reverse:hover {
  color: white
 //* color: rgba(255, 28, 32, 1);*/
}

.link-faded-reverse {
  position: relative;
  display: inline-block;
  padding: 0px 30px;
  background-color: transparent;
  border: 0px solid #333;
  color: #F0F0F0;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s, border-color 0.3s;
}

.link-faded-reverse::before,
.link-faded-reverse::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0%;
  background-color: rgba(255, 32, 28, 1);
  transition: width 0.4s, height 0.4s;
  transition: opacity, 0.2s;
  z-index: -1;
}

.link-faded-reverse::before {
  width: 0;
  height: 76px;
  opacity: 0;
}

.link-faded-reverse:hover::before {
  width: 130px;
  height: 76px;
  opacity: 1;
}

.link-faded-reverse::after {
  width: 0px;
  height: 76px;
  transition-delay: 0.1s; /* Delay the shrinking effect */
  opacity: 0;
}

.link-faded-reverse:hover::after {
  width: 130px;
  height: 76px;
  opacity: 1;
}
/*
.link-faded-reverse {
    position: relative;
    text-decoration: none;
}

.link-faded-reverse:after {
    content: '';
    position: absolute;
    left: -20%;
    bottom: -29px;
    height: 77px;
    width: 0%;
    background-color: red; /* Change color as needed 
    transition: width 0.6s;
    z-index: -1; /*move the background box behind text
}

.link-faded-reverse:hover:after {
    width: 140%; /* Transition to full width */

}


/* Multi Column Buttons
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/


.button, button.button--primary {
    border: 0px solid #ffb6c1;
    text-transform: none;
    letter-spacing: .1em;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    transition: all .75s;
    overflow: hidden;
    z-index: 0;
}
.button:hover {
    color: white;
    border:0px solid black;
    background: red;
    text: white;
    opacity: 0.9;
}
.button:after {
    content: "";
    position: absolute;
    z-index: -1;.button, button.button--primary {
    border: 0px solid #ffb6c1;
    text-transform: none;
    letter-spacing: .1em;
    -webkit-transition: all .75s;
    -moz-transition: all .75s;
    transition: all .75s;
    overflow: hidden;
    z-index: 0;
    text: white;
}



/* Footer Buttons
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/


.link-faded:hover {
  color: red;
}