/**
 * @file
 * Page header video styles
 */

/* When the header is blurred, blur/dim the image inside the figure */
.pageHeader--dimmed .pageHeader__mediaImg {
  filter: blur(2rem) brightness(0.8);
  transition: filter 0.5s ease;
}

/* Light blue overlay on the image wrapper */
.pageHeader--dimmed .pageHeader__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 39, 76, 0.6); /* #00274C @ 40% opacity */
  pointer-events: none;
  transition: background-color 0.5s ease;
  z-index: 2;
}

/* Animate quote out to the right */
.pageHeader__card--exit {
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.pageHeader--has-overlay-right .pageHeader__card--exit {
	transform: translateX(100%);
}

.pageHeader__quote--exit {
	transform: translateX(100%);
	opacity: 0;
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.pageHeader--has-overlay-right .pageHeader__quote--exit {
	transform: translateX(100%);
}