/* Spacing */
/* Grid settings */
/* Row inner box */
/* Breakpoint options */
/* Calculated variables - do not edit unless you are a space cowboy */
/* Split colours - set colours when using .row.split */
/* Overlays - for modals, cookie popups */
/* Type */
/* Quotes */
/* Icons - see font-awesome.scss for more info */
/* Buttons */ /* Woocommerce */ /* Notifications */ /* Pagination */ /* Logo */ /* Header */
/* Header navigation */
/* Footer */
/* Mobile menu */ /* Cookie bar */ /* Social links */ /* Transitions */ /* Loader */ /* Modals */ /* Dots */
/* Tables */
.row.hero {
  z-index: 2;
}

.hero {
  min-height: calc(100vh - 160px - 0px);
  height: auto;
  z-index: 0;
  width: 100%;
}
.hero .row-inner {
  min-height: 400px;
  min-height: calc(100vh - 160px - 0px);
  height: auto;
  z-index: 2;
}
@media (max-width: 768px) {
  .hero {
    height: auto;
  }
}
.hero img.hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero .overlay {
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.bg-light .hero .overlay {
  background: rgba(255, 255, 255, 0.3);
}
.hero .keen-slider .keen-slider__slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
}
.hero .keen-slider .keen-slider__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero video, .hero .keen-slider {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  overflow: hidden;
}

body.admin-bar .hero, body.admin-bar .hero .row-inner {
  min-height: calc(100vh - 160px - 0px - 32px);
}