.block-scout-hero-banner {
  height: 25rem;
  margin-bottom: 1px;
}

  .block-scout-hero-banner .block-content {
    height: 100%;
  }

  .block-scout-hero-banner .field--name-field-banner-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    margin-left: 50%;
    transform: translateX(-50%);
    border-top: 4px solid #FC5353;
  }

  .block-scout-hero-banner img {
    max-width: none;
  }

  .block-scout-hero-banner .tags {
    display: flex;
  }

  .block-scout-hero-banner h1 {
    font-weight: bold;
    font-family: var(--font-family-headings);
    color: var(--color-text);
    font-size: 2.75rem;
    line-height: 3.125rem;
  }

  @media (max-width: 61.9375rem) {

  .block-scout-hero-banner h1 {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
  }

  .block-scout-hero-banner h1 {
    color: #fff;
    text-shadow: 0px 0px 0.625rem rgba(0, 0, 0, 0.35);
}

  .block-scout-hero-banner picture {
    display: block;
    position: relative;
  }

  .block-scout-hero-banner picture:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(360deg, rgba(35, 31, 32, 0.6) 29.09%, rgba(35, 31, 32, 0) 93.02%);
    }

.hero-block {
  display: flex;
  flex-direction: column;
  color: #fff;
  height: 100%;
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
}

.hero-block .title-subtitle .button.js-form-submit.form-submit.btn.btn-primary{
      left: 16.25rem;
      position: absolute;
    }

.hero-block .title-subtitle .form-text{
      margin-top: 0;
    }

.hero-block .title-subtitle {
    position: relative;
}

.hero-block .scout-search-form input[type=text] {
    padding: 0.625rem;
    width: 18.75rem;
    height: 2.8125rem;
    border-radius: 1.25rem;
    justify-content: space-between;
    gap: 5.3125rem;
  }

.hero-block .caption {
    margin-left: auto;
    margin-top: auto;
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }

.hero-block .container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.hero-block .title-subtitle {
    margin-top: auto;
    margin-bottom: auto;
  }

.hero-block h1 {
    margin-bottom: 1.25rem;
  }

.hero-block .summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }

.hero-block .tag {
    text-transform: uppercase;
  }

.hero-block .tag + .date:before {
      content: '|';
      margin: 0 0.3125rem;
    }

.hero-block .left-bar {
    border-left: 4px solid #FFF;
    padding-left: 1.25rem;
  }

.breadcrumb {
  list-style-type: none;
  color: var(--color-gray-darker);
  background-color: var(--color-black);
  display: inline-flex;
  padding: 0.3125rem 0.625rem;
}

.breadcrumb .breadcrumb-item {
    max-width: 18.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
        content: '/';
        margin-left: 0.3125rem;
      }

.breadcrumb a {
    color: var(--color-white);
  }

.breadcrumb a:hover {
      color: var(--color-white);
    }