/**
 * CD Banner
 */

.cd-banner {
  position: relative;
  overflow: hidden;
  height: 24rem; /* 384px */
  text-align: center;
}

.cd-banner__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 24rem; /* 384px */
}

@supports (object-fit: cover) {
  .cd-banner__image {
    object-fit: cover;
    object-position: 50% 50%;
  }
}

@media (min-width: 1024px) {
  .cd-banner__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @supports (object-fit: cover) {
    .cd-banner__image {
      top: 0;
      left: 0;
      transform: none;
    }
  }
}

/* For IE11 */
@media all and (-ms-high-contrast: none) {
  .cd-banner__image {
    height: auto;
  }

  .cd-bleed--background-only .cd-banner__image {
    width: auto;
  }
}

/* Microsoft Edge Browser 15+ - @supports method */
@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
  .cd-banner__image {
    height: auto;
  }

  .cd-bleed--background-only .cd-banner__image {
    width: auto;
  }
  /* Exclude for Edge 16+ */
  @supports (object-fit: cover) {
    .cd-banner__image {
      height: inherit;
    }
  }
}

@media (min-width: 1200px) {
  @supports (object-fit: cover) {
    .cd-banner__image {
      object-fit: none;
    }

    .cd-bleed .cd-banner__image {
      object-fit: cover;
    }

    .cd-bleed--background-only .cd-banner__image {
      object-fit: none;
    }
  }
}