.relative {
  position: relative;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-1 {
  z-index: 1;
}

.w-full {
  width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.max-h-full {
  max-height: 100%;
}


.left-0 {
  left: 0;
}

.top-0 {
  top: 0
}

.right-0 {
  right: 0;
}

.hidden {
  display: none;
}

.absolute {
  position: absolute;
}

.h-full {
  height: 100%;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

.video-item-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .0001), #000);
  mix-blend-mode: normal;
  opacity: 0.7;
}

.object-cover {
  display: grid;
  object-fit: cover;
}

.text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.p-5 {
  padding: 1.25rem;
}

.aspect-ratio-16\/9 {
  padding-top: 56.25%;
}

.cursor-pointer {
  cursor: pointer;
}

.site-max-width {
  width: 100%;
  max-width: 1920px;
}

.embed-responsive .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

@media (min-width: 1026px) {
  .embed-responsive {
    position: absolute;
    height: 50vh;
    width: 50vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.video-button {
  padding: 0;
}

.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.player-svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#video-player .video-visible {
  height: 100vh;
  width: 100vw;
  z-index: 50;
  --bg-opacity: 0.8;
  background-color: rgba(45, 45, 45, var(--bg-opacity));
}

.video-player {
  min-height: 50vh;
  max-height: 100vh;
}

.video-toggle {
  --bg-opacity: 1;
  background-color: #ea5e5f;
  background-color: rgba(234, 94, 95, var(--bg-opacity));
}

.video-toggle:hover {
  opacity: 1;
  transition: opacity 0.3s;
}