

/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(233, 233, 219, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(233, 233, 219, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #EBE9DB;
  border-bottom-color: #EBE9DB;
}

/* body */

body {
  background-color: #000000;
}

.text-ivory {
  color: #EBEADB;
}

.textc-navy {
  color: #161E27;
}

#logo {
  width: auto;
  height: 100px;
}

@media (max-width: 768px) {
  .light-faded-card {
    background-color: rgb(233, 233, 219, 0.4);
  }
}
@media (min-width: 769px) {
  .light-faded-card {
    background-color: rgb(233, 233, 219, 0.4);
  }
}

.fade-center-fun {
  background-image: linear-gradient(#9198e5, #e66465 );
}

.bg-l-purp {
  background-color: #9198e5;
}

.bg-brick {
  background-color: #8D481D;
}

.bg-mocha {
  background-color: #693A31;
}

.fade-bottom-dark {
  background-image: linear-gradient(to right, rgb(0, 0, 0, 0), rgb(0, 0, 0, .3),rgb(0, 0, 0, 0) );

}

.fade-top-dark {
  background-image: linear-gradient(to bottom, #212529, #9198e5 );

}

.fade-bottom-dark {
  background-image: linear-gradient(to top, #212529, #9198e5 );

}

.card-img-top{
  max-height: 20vh;
}


#carouselContainer {
  height: 90vh;
  width: 100vw;
}

.carousel-item img,
.max-w-400
 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.max-h-400 {
  max-height: 400px;
}

.pulsey {
  animation: pulse 2s infinite; /* Adjust duration as needed */
}

.pulsey-short {
  animation: pulse2 1.5s 1; /* Adjust duration as needed */
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
}

@keyframes pulse2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: .9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
