html, body {
  width: 100%;
  min-height: 100%;
}
:root {
  --edgewaterRed: #ae0000;
  --black: #3a3a3a;
  --lightGray: #f2f2f2;
  --darkRed: #4c0000;
}

body {
    font-family: "Inter", sans-serif;
  font-size: 20px;
}

.hero-section {
  background: url('../images/background.jpg');
  background-size: cover;
  padding-top: 6rem;
  padding-bottom: 0;
}
/*
.hero-section:before {
  content: "";
  background: rgba(0,0,0,0.7);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
*/
.countdown {
  padding: 40px 0;
  color: #FFF;

}
.counter-details {
  position: relative;
}
.count-title {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1rem;

}

.counter-inner > div {
  
  padding: 0 40px;
  text-align: center;

}
.counter-inner > div:last-child {
  border-right: none;
}
.count-num {
  display: block;
  font-size: 3.5rem;
  line-height: 3rem;
  font-weight: 400;
}
.hero-text {
  color: #FFF;

  
}
.nowrap {
  white-space:nowrap
}
/* HEADINGS */
h1,h2,h3,h4,h5 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}
h2 {
  font-size: 4rem;
}
h3 {
    font-weight: 300;
    color: var(--edgewaterRed);
    letter-spacing: 3px;
}
.hero-section h1 {
  font-size: 5rem;
  line-height: 5rem;
  font-family: "Oswald", sans-serif;
}
.hero-section h2 {
 font-size: 1.5rem;
 line-height: 2rem;
 letter-spacing:20px;
 
}
.hero-section h3 {
  font-size: 1rem;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.date h2 {
    font-size: 8rem;
    line-height: 9rem;
    letter-spacing: 0;
    font-weight: bold;
    position: relative;
}
.date-container {
    padding: 25px;
}
.borderright {
    border-right:6px solid #FFF;
}
sup {
    font-size: 40%; 
    line-height: 0; 
    vertical-align: middle;
}
.highlight {
  padding: 50px 20px;
}
.highlight h2 {
  font-weight: 300;
}
.highlight h2::after {
  content: "";
  width: 100px;
  height: 2px;
  background-color: var(--edgewaterRed);
  display: block;
  margin: 15px auto;
}
/* -----BUTTONS & LINKS ----*/
.custom-btn {
  border-radius: 25px;
  padding: 10px 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn-white-outline {
  border: 2px solid #FFFF;
  color: #FFF;
}
.btn.custom-btn:hover {
  background-color: #FFF;
  color:#3a3a3a;
}
.btn-white {
    background-color: #FFF;
    color: var(--black);
  }
.custom-btn.btn-white:hover {
    background-color: var(--darkRed);
    color: var(--lightGray);
}
.btn-red {
    background: var(--edgewaterRed);
    color: var(--lightGray);
}
.custom-btn.btn-red:hover {
    background-color: var(--darkRed);
    color: #FFF;
}
footer {
  font-size: .75rem;
}

#shop {
    background-color: var(--edgewaterRed) ;
    /* background-image: url('../images/2shirtmock.png'); */
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--lightGray);
}
#shop h3 {
    color: #000;

}
#shop h3.price {
    font-weight: 800;
    font-size: 3rem;
}
#contact {
    background-color: var(--edgewaterRed);
    color: #FFF;
}


/* NAVIGATION */
.navbar a:link, .navbar a:active, .navbar a:visited, .navbar a:hover {
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: solid 2px rgba(255,255,255,0);
  margin: 0 .5rem;
}

.navbar a:active, .navbar a:hover {
  border-bottom: solid 2px rgba(255,255,255,1);
}
.navbar {
  transition:  ease all .3s;
}
.navbar-scrolled {
  background-color: #FFF;
  box-shadow:  0 3px 0 rgba(0,0,0,0.15);
}
.navbar-scrolled a.nav-link  {
  color: var(--black)
}

.navbar-scrolled.navbar a:active, .navbar-scrolled.navbar a:hover {
  border-bottom: solid 2px var(--black);
}
.navbar-toggler {
  background-color: #FFF;
}
.accordion-button {
  font-size: 1.5rem;;
}
@media (max-width:  767.98px) {
  .count-num {
    font-size: 3rem;
    line-height: 3rem;
  }
  .counter-inner > div {
   padding: 0.5rem;
  }
  .count-title {
    font-size: 1rem;
    font-weight: 800;
  }
  .hero-section h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .hero-section h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .hero-section .subhead {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 10px;
  }
  .borderright {border: none;}
  section {
    padding: 24px;
  }
}

@media (max-width: 991.98px) { 
  #pagenav {
    background-color: #FFF;
  }
  #pagenav a.nav-link {
    color: var(--black);
  }
 }
 #faq {
  
  background-color: #FFF;
  
 }
 footer {
  padding: 1rem 0;
  background-color: var(--darkRed);
  color: var(--lightGray);
 }
 .social-links a {
    border-radius: 50px;
    color: var(--edgewaterRed);
    font-size: 1.5rem;
    line-height: 2.5rem;
    background-color: #FFF;
    transition: all ease .3s;
 }
 .social-links a:hover {
    background-color: var(--darkRed);
    color: #FFF;
 }
 a.text-link {
    color: var(--darkRed);
    font-weight: bold;
 }