/* Migrated from enabled CSS injector: 5th. */
/* --------------------- */
/* Header Breakpoints    */
/* --------------------- */

/* Default (≥1401px, wide desktop) */
header.paragraph.paragraph--type--paragraph-header-block.fullscreen-element.no-pad.paragraph--view-mode--default {
  min-height: 450px;
  height: auto !important; /* Default shorter height */
}

/* Mid-range desktops (1200px – 1400px) */
@media (max-width: 1400px) {
  header.paragraph.paragraph--type--paragraph-header-block.fullscreen-element.no-pad.paragraph--view-mode--default {
    min-height: 400px;
  height: auto !important;
  }
}

/* Small laptops / large tablets (992px – 1199px) */
@media (max-width: 1199px) {
  header.paragraph.paragraph--type--paragraph-header-block.fullscreen-element.no-pad.paragraph--view-mode--default {
    min-height: 350px;
  height: auto !important;
  }
}

/* Tablets (768px – 991px) */
@media (max-width: 991px) {
  header.paragraph.paragraph--type--paragraph-header-block.fullscreen-element.no-pad.paragraph--view-mode--default {
    min-height: 300px;
  height: auto !important;
  }
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
  header.paragraph.paragraph--type--paragraph-header-block.fullscreen-element.no-pad.paragraph--view-mode--default {
    min-height: 250px;
  height: auto !important;
  }
}

/* ---------------------- */
/* Logo Container Styles  */
/* ---------------------- */

.paragraph--type--paragraph-header-block .hero-logo-container {
  position: absolute;
  left: 0%; /* Adjust this percentage to horizontally align with the nav logo */
  top: 50%;
  transform: translateY(-50%);
  width: 45%; /* This ensures the logo remains proportionally sized */
}

.paragraph--type--paragraph-header-block .logo-position img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Mid-range desktops (1200px – 1400px) */
@media (max-width: 1400px) {
  .paragraph--type--paragraph-header-block .hero-logo-container {
    width: 40%;
    left: 0.4%;
  }
}

/* Small laptops / large tablets (992px – 1199px) */
@media (max-width: 1199px) {
  .paragraph--type--paragraph-header-block .hero-logo-container {
    width: 35%;
    left: 0.5%;
  }
}

/* Tablets (768px – 991px) */
@media (max-width: 991px) {
  .paragraph--type--paragraph-header-block .hero-logo-container {
    width: 30%;
    left: 1%;
  }
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
  .paragraph--type--paragraph-header-block .hero-logo-container {
  	left: 0%;
    width: 40%;
  }
}

@media (max-width: 576px) {
  .paragraph--type--paragraph-header-block .hero-logo-container {
  	left: 10px;
    width: 50%;
  }
}

/* Background image scaling */
.paragraph--type--paragraph-header-block .background-image-holder {
  background-size: cover;
  background-position: center;
  height: 100%; /* Matches header height */
  width: 100%;
}

/* Keep the homepage hero image filling its container. */
.path-frontpage .paragraph--type--paragraph-header-block {
  position: relative;
  overflow: hidden;
}

.path-frontpage .paragraph--type--paragraph-header-block
  > .background-image-holder {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}