/************************************************
*         Transition Timings (Home Page)
************************************************/
#home-page-video--player {
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

/************************************************
*         Home Page
************************************************/
#nav--icon {
  display: none;
}

#home-page-video--container {
  position: relative;
  text-align: center;
  width: 100%;
  min-width: 320px;
  height: 100vh;
  overflow: hidden;
}

#home-page-video--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

#home-page-video--link:focus {
  border: 5px inset #3954ca;
}

#home-page-video--player {
  position: absolute;
  top: 0;
  overflow: hidden;
  opacity: 0;
}

#home-page-video--player.reveal {
  background-color: black;
  opacity: 1;
}

#home-page-message-container,
#home-page-message-container-right {
  position: absolute;
  bottom: 50px;
  text-align: left;
  padding-right: 5px;
  overflow: visible;
  text-shadow: -0.5px -1px 0 #ffffff, 0.5px -1px 0 #949494, -0.5px 1px 0 #cecece, 0.5px 1px 0 #818181;
}

#home-page-message-container {
  left: 80px;
}

#home-page-message-container-right {
  text-align: right;
  right: 80px;
  max-width: 250px;
}

#home-page-message-mag-text {
  font-family: Vollkorn, Oswald, cursive;
  font-style: italic;
  font-weight: 700;
}

#home-page-message-container > *,
#home-page-message-container-right > * {
  margin: 1rem auto 0.75rem 0;
}

#home-page-message-container > h5,
#home-page-message-container-right > h5 {
  margin: 0.75rem auto 0 0;
}

.row.hero {
  flex-direction: column;
  gap: 10px;
}
.row.hero .video-link {
  padding-bottom: 1em;
}

/* --- for all mobile devices --- */
@media screen and (max-width: 899.98px) {
  #home-page-message-container-right {
    display: none;
  }
}
@media screen and (max-width: 567.98px) {
  #home-page-video--container,
  #home-page-video--link {
    height: 75vh;
  }
  #home-page-message-container {
    bottom: 25px;
    left: 75px;
  }
}
/* --- for small mobile devices --- */
@media screen and (max-width: 419.98px) {
  #home-page-message-container {
    left: 25px;
  }
}

/*# sourceMappingURL=home.css.map */