:root {
  --dark-gray: #333;
  --green: #8CC152;
  --light-gray: #666;
  --light-green: #A0D468;
  --spacing: 2rem;
  --white: #fff;
}

body {
  padding-top: 59.2px;
}

footer {
  border-top: 1px solid var(--dark-gray);
  margin: 4rem 0 0 0;
  padding: var(--spacing) 0;
  text-align: center;
}

a {
  text-decoration: none;
}

a,
footer .nav-link {
  color: var(--green);
}

a:hover, 
footer .nav-link:hover,
footer .nav-link.active {
  color: var(--white);
}

#ageVerificationMsg {
  display: none;
  font-style: italic;
}

#content {
  margin-top: var(--spacing);
}

#home .img-thumbnail:hover {
  border-color: var(--green);
}

#jumbotron {
  background-color: var(--dark-gray);
  background-image: url('../img/bg-pattern.png');
  background-repeat: repeat;
  margin-bottom: var(--spacing);
  padding: var(--spacing);
}

.navbar-custom {
  background-color: var(--green);
}

.navbar-custom a {
  color: var(--white);
}

.navbar-custom .nav-link.active, 
.navbar-custom a:hover {
  color: var(--dark-gray);
}

.navbar-custom .btn-buy-now {
  background: var(--dark-gray);
  color: var(--white);
}

.navbar-custom .btn-buy-now:hover {
  background: var(--light-gray);
  color: var(--white);
}

.btn-custom {
  background-color: var(--green);
  color: var(--white);
}

.btn-custom:hover {
  background-color: var(--light-green);
  color: var(--white);
}