//
// Frontpage
// ----------------------------
//
@import "../global";

:root {
  --footer-margin-top: 0;
}

.dialog-off-canvas-main-canvas {
  position: relative;
}

// Header and highlighted regions positioning
.region-header,
.region-highlighted {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5;
}

.region-header {
  margin-top: 0 !important;
  color: $white;

  .nav-link:hover {
    color: inherit;
  }
}

.region-highlighted {
  margin-top: 110px;
}

// Layout Builder adjustments
.cklb-slideshow .block-layout-builder > .content {
  margin-top: 2rem;
}

// Commerce Demo Carousel
#carouselDemo {
  img {
    object-fit: cover;
    height: 320px;
    opacity: 0.54;

    @include media-breakpoint-up(md) {
      height: 640px;
    }
  }
}
