/*
  Print styles for print media such as PDFs.
  These styles override existing styles used in screen applications.
*/

.print-media {
  padding: var(--space-md);
}

.print-media .heading-1--print {
  font-size: 2.3125rem;
}

.print-media .image-block {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.print-media .image-block--rounded {
  border-radius: 0.75rem;
}

.print-media .text-block {
  padding: var(--space-xl);
}

.print-media .how-it-works {
  border: 1px solid var(--color-medium-gray);
  border-radius: 1.25rem;
  padding: var(--space-xl);
}

.print-media:not(.postcard) .how-it-works>* {
  max-width: 25rem;
  margin: 0 auto;
}

.print-media .divider {
  margin: var(--space-lg) 0;
  border-top: 1px solid #ABD5F8;
  width: 100%;
}

.print-media .text-blurb {
  position: absolute;
  top: var(--space-lg);
  left: 25%;

  /*
    Ensures the blurb always sligthly extends outside the image but doesn't
    cover any text to the right of the image.
   */
  right: calc(50% - var(--space-md));

  padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);
  border-radius: 1.5rem 1.5rem 1.5rem 0.25rem;

  background: var(--color-light-blue);
}