/* Styles for custom-carousel-inner */
@media (orientation: portrait) {
    .custom-carousel-inner {
        height: 40vh;
    }
}

@media (orientation: landscape) {
    .custom-carousel-inner {
        height: 65vh;
    }
}

/* Text shadow for elements with class .text-shadow */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.youtube-play-button:hover {
       filter: url(#glow);
}

/* Visually hidden style for accessibility */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/* Upper menu things */

:target {
  padding-top: 70px; /* Height of navbar + extra space */
  margin-top: -70px; /* Negative value of the same amount */
}

body {
  padding-top: 69px;
}

:root {
  --bs-scroll-height: calc(100vh - 69px);
}