.etp-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.etp-header.etp-header-variant-split {
  flex-direction: row;
  margin-top: var(--space-l);
}

.etp-header .etp-header-right {
  width: calc(50% - 1rem);
  padding-left: var(--spacing-s);
}

.etp-header .etp-header-small-link,
.etp-header .etp-header-content .etp-header-content-labels + p,
.etp-header .etp-header-ctas {
  margin-bottom: var(--space-m);
}

.etp-header .etp-header-small-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.etp-header .etp-header-small-link-content {
  width: auto;
  display: flex;
  align-items: center;
  padding: calc(var(--space-xs) / 2) calc(var(--space-xs) * 1.5) calc(var(--space-xs) / 2) calc(var(--space-xs) * 0.75);
  border-radius: var(--main-border-radius);
  cursor: pointer;
  transition: var(--button-link-transition);
}

.etp-header .etp-header-small-link-content:hover {
  background-color: var(--button-link-hover-color);
}

.etp-header .etp-header-small-link-content:hover a {
  text-decoration: none !important;
}

.etp-header .etp-header-small-link img {
  margin-right: var(--space-xs);
}

/* .etp-header.etp-header-variant-full .etp-header-left {
  height: var(--max-header-height);
} */

.etp-header .etp-header-image-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: var(--max-header-height);
  border-radius: var(--main-border-radius);
  position: relative;
}

.etp-header .etp-header-content .etp-header-content-labels {
  display: flex;
  justify-content: flex-start;
}

.etp-header .etp-header-content .etp-header-content-labels p {
  margin-right: var(--space-s);
}

.etp-header .etp-header-content .etp-header-content-labels p a {
  color: var(--grey-disabled);
}

.etp-header .etp-header-content h1 {
  margin-bottom: var(--space-s);
}

{# smaller title for GRIP Cases blog posts ONLY! #}
.grip-page .grip-case .etp-header .etp-header-content h1 {
  font-size: 3rem;
  line-height: 3rem;
}

.etp-header .etp-header-ctas {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: var(--space-m);
  margin-bottom: 0;
}

.etp-header .etp-header-ctas .etp-header-cta {
  margin-right: var(--space-m);
}


@media(max-width: 992px) {
  .etp-header .etp-header-image-wrapper {
    max-height: 480px;
  }
}


@media(max-width: 768px) {
  .etp-header.etp-header-variant-split {
    flex-direction: column-reverse;
  }
  
  .etp-header.etp-header-variant-split .etp-header-left,
  .etp-header.etp-header-variant-split .etp-header-right {
    width: 100% !important;
  }
  
/*   .etp-header.etp-header-variant-full .etp-header-left {
    max-height: 320px;
    height: 320px;
  } */
  
  .etp-header.etp-header-variant-split .etp-header-image-wrapper {
    max-height: 320px;
    height: 320px;
    background-size: cover;
    margin-bottom: var(--space-m);
  }
}


@media(max-width: 640px) {
  .etp-header .etp-header-image-wrapper {
    max-height: 240px;
  }
}