/* ############################
   #      SASS Variables      #
   #  Theming in Compiletime  #
   ############################ */
/* ############################
   #      CSS Variables       #
   #    Theming in Runtime    #
   ############################ */
:root {
  --kup-color-default: #1A3F73;
  --kup-color-accent: #CEC075;
  --kup-color-accent-light-01: #E9E0AD;
  --kup-color-accent-light-02: #EFEACA;
  --kup-color-blue-01: #5B7599;
  --kup-color-blue-02: #8596ad;
  --kup-color-blue-03: #f4f5f7;
  --kup-color-yellow: #F3E86F;
  --kup-color-green: #BEE991;
  --kup-color-flamingo: #FFAEAF;
  --kup-color-coral: #DF504B;
  --kup-color-light: #ededed;
  --kup-color-dark: #cccccc;
  --kup-color-styleguide: #556d6e;
  --kup-box-shadow: 1px 2px 5px 1px rgba(0,0,0, 0.15);
  --kup-gradient: linear-gradient(0deg, var(--kup-color-default) 0%, rgba(49, 119, 217, 0.00) 97.12%);
  --kup-border-radius: 25px;
  --kup-border-radius-small: 4px;
  --bs-gutter-x: calc(15px/2);
}

/* abstracts/breakpoints */
/* Better Font Rendering */
/* ---------------------------------- */
/* Headline Mixins */
/* ---------------------------------- */
body.overlay-active {
  overflow: hidden;
}

.overlay {
  opacity: 0;
  visibility: hidden;
  height: 100vh;
  left: 0;
  padding: 45px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease 0s;
  width: 100vw;
  z-index: 10;
}
@media (max-width: 767px) {
  .overlay {
    padding: 15px;
  }
}
.overlay.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;
  pointer-events: auto;
}
.overlay.video-overlay .video-wrapper {
  aspect-ratio: 16/9;
  height: auto;
  width: min(90vw, 75rem);
  position: relative;
}
.overlay.video-overlay .video-wrapper .overlay-player {
  aspect-ratio: 16/9;
}
.overlay.video-overlay.-format-9-16 .video-wrapper {
  aspect-ratio: 9/16;
}
.overlay.video-overlay.-format-9-16 .video-wrapper .overlay-player {
  aspect-ratio: 9/16;
}
.overlay .overlay-close {
  position: absolute;
  right: 30px;
  top: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .overlay .overlay-close {
    right: 15px;
  }
}
.overlay .overlay-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.overlay.gallery-overlay {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  padding: 30px;
}
@media (max-width: 991px) {
  .overlay.gallery-overlay {
    padding-top: 75px;
  }
}
@media (max-width: 767px) {
  .overlay.gallery-overlay {
    padding-top: 90px;
  }
}
.overlay.gallery-overlay .gallery-overlay-inner {
  align-items: unset;
}
.overlay.gallery-overlay .gallery-overlay-inner .slick-track {
  align-items: center;
  display: flex;
}
.overlay.gallery-overlay .gallery-overlay-main .gallery-item {
  display: flex;
  flex-direction: column;
}
.overlay.gallery-overlay .gallery-overlay-main .gallery-item img {
  height: auto;
  margin: 0 auto;
  max-height: 60vh;
  max-width: 100%;
  width: auto;
}
@media (max-width: 991px) {
  .overlay.gallery-overlay .gallery-overlay-main .gallery-item img {
    max-height: 70vh;
  }
}
@media (max-width: 767px) {
  .overlay.gallery-overlay .gallery-overlay-main .gallery-item img {
    max-height: 55vh;
  }
}
.overlay.gallery-overlay .gallery-overlay-thumbs.is-overflowing ~ .gallery-controls {
  display: flex;
}