.navbar-brand, #expander, #social {
  background-color: #ff5f5f;
}

a:not(.navbar-brand):not(.nav-link):not(.prev):not(.next) {
  color: #ff5f5f !important;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .nav {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
  }
  .nav .nav-link:not(.active) {
    color: #9e9e9e !important;
  }
}
.navbar-toggler {
  background-color: #ff5f5f;
}

@media (max-width: 991px) {
  #navcol-1 {
    background-color: #ff5f5f;
  }
  #navcol-1 .nav-link:not(.active) {
    color: white !important;
  }
}
h5 {
  border-top: 2px solid #ff5f5f;
}

#social {
  color: white;
}

#sub-button:hover {
  background-color: #85857f;
}

footer, input, textarea {
  background-color: whitesmoke !important;
}

/* The Modal (background) */
.modal {
  background-color: black;
}

.modal-content {
  background-color: transparent;
}

/* The Close Button */
.close {
  color: white !important;
  text-align: right;
  float: right;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
  margin-bottom: 0.5em;
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white !important;
  font-weight: bold;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  text-decoration: initial !important;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.card {
  cursor: pointer;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}