/* Make the hero video fill the viewport */
    .hero-video {
      position: relative;
      height: 100vh;
      overflow: hidden;
    }
    .hero-video video {
      position: absolute;
      top: 50%; left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -1;
      transform: none;
      object-fit: cover;
    }
    .hero-overlay {
      position: relative;
      z-index: 2;
    }
    /* Transparent navbar that shows on hover */
    
    
.hero-video {
  position: relative;
  overflow: hidden; /* Hide overflow for clean cropping */
  height: 100vh;    /* Ensure the container fills viewport height; override as needed */
}

.hero-video video,
.hero-video .uk-slideshow-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.hero-video video {
  object-fit: cover; /* Ensures full cover with cropping */
}

.hero-video > *:not(video):not(.uk-slideshow-items) {
  position: relative;
  z-index: 1;        /* Keep content on top */
}


.uk-height-max-xlarge {
    max-height: 550px;
}
.uk-width-xxlarge {
    width:100%;
    max-height: 800px;
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: 100% !important;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity, transform;
}


.uk-modal-close-full {
    top: 50px;
    right: 10px;
}

.uk-ontop {
    z-index:998;
}
 
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent;
}

header.shade > .bordered {
border-bottom:1px solid rgba(250,250,250,0.0);
}
header.shade:hover .bordered {
border-bottom:1px solid rgba(250,250,250,0.2);
}