/**
 * Global settings.
 */
/**
 * Bacon overrides.
 */
/**
 * Mixins (imported after variables so they can use them)
 */
@keyframes skeleton-loading {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/**
 * Hero Image Details component style.
 */
.wrapper.reference-details {
  margin-top: var(--s-3xl);
}
@media (min-width: 840px) {
  .wrapper.reference-details {
    margin-bottom: 0;
  }
}

.c-reference-details h1 {
  max-width: var(--w-base);
}
.c-reference-details .reference-details__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.c-reference-details .reference-details__info {
  margin-top: var(--s-2xl);
}
@media (min-width: 840px) {
  .c-reference-details .reference-details__info {
    display: flex;
    align-items: flex-start;
  }
}
.c-reference-details .reference-details__image {
  margin-bottom: var(--s-3xl);
}
.c-reference-details .reference-details__image .media-container .c-image {
  aspect-ratio: 1;
  object-fit: cover;
}
@media (min-width: 840px) {
  .c-reference-details .reference-details__image .media-container .c-image {
    width: 400px;
    height: 400px;
  }
}
@media (min-width: 840px) {
  .c-reference-details .reference-details__image {
    margin-right: var(--s-6xl);
  }
}
@media (min-width: 1024px) {
  .c-reference-details .reference-details__details {
    padding-bottom: var(--s-lg);
    padding-left: var(--s-xl);
    border-left: 1px solid #d8d8d8;
  }
}

.reference-detail--iframe {
  --c-brand-secondary: var(--c-iframe-brand-secondary);
  --c-secondary-light: var(--c-iframe-secondary-light);
  --c-secondary-ultralight: var(--c-iframe-secondary-ultralight);
}
.reference-detail--iframe .breadcrumbs {
  display: none;
}
.reference-detail--iframe .c-jump-marks {
  display: none;
}
.reference-detail--iframe #backToReference:hover, .reference-detail--iframe #backToReference:focus {
  background-color: var(--c-link);
  border: solid 1px transparent;
}
.reference-detail--iframe a {
  color: var(--c-link, #c70017);
}