/* 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;
  overflow: hidden;
}

.hero {
  min-height: 100vh;
  height: auto;
  z-index: 0;
  width: 100%;
}
.hero .row-inner {
  min-height: 400px;
  min-height: 100vh;
  height: auto;
  z-index: 2;
  align-items: flex-end;
}
.hero .h1-plus {
  padding-bottom: 10px;
}
@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(var(--black), 0.3);
}
.bg-light .hero .overlay {
  background: rgba(var(--white), 0.3);
}
.hero iframe, .hero video {
  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 - 32px);
}