/* Colors */
/* Color Usage */
/* Style Defaults */
/* Spacing */
/* Breakpoints */
/** 
* X Height Offsets 
* Used for aligning the top of side by side columns when one colum
* has an image and the other has text/header 
*/
/* Easings*/
body {
  background-color: #DDE1E3; }

.banner--bleed {
  padding-bottom: 10rem; }

.eventCard {
  background: white;
  position: relative;
  height: 100%;
  box-shadow: 0 16px 16px rgba(12, 171, 249, 0.05);
  padding: 1rem 2rem 2rem; }
  @media (min-width: 40em) {
    .eventCard {
      padding-bottom: 6rem; }
      .eventCard .btn-primary {
        position: absolute;
        bottom: 1.5rem;
        left: 2rem; } }

.eventCard__figure {
  margin: 1rem 0 2rem; }
  @media (min-width: 40em) {
    .eventCard__figure {
      margin: 0 0 1rem;
      height: 160px;
      text-align: center;
      position: relative;
      overflow: hidden; }
      .eventCard__figure img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }

.featuredCard {
  background: white;
  position: relative;
  height: 100%;
  box-shadow: 0 16px 16px rgba(12, 171, 249, 0.05);
  padding: 1rem; }

.featuredCard__figure {
  height: 100%;
  position: relative;
  padding-bottom: 75%; }
  @media (min-width: 40em) {
    .featuredCard__figure {
      padding-bottom: 50%; } }

.heroOverlap {
  margin-top: -5rem;
  position: relative; }

.mediaCoverageCard {
  background: white;
  position: relative;
  height: 100%;
  box-shadow: 0 16px 16px rgba(12, 171, 249, 0.05);
  padding: 2rem 2rem 1rem; }

.newsroomCard {
  background: white;
  position: relative;
  height: 100%;
  box-shadow: 0 16px 16px rgba(12, 171, 249, 0.05);
  padding: 2rem; }

.newsroomHero__link {
  font-size: 1.5em; }
  .newsroomHero__link a {
    border-bottom: 3px solid transparent;
    text-decoration: none; }
    .newsroomHero__link a.active, .newsroomHero__link a:focus, .newsroomHero__link a:hover {
      border-color: white; }

.recentReleases {
  padding: 0 2rem; }

.recentReleases__list li {
  margin-top: 1rem; }

.pressCard {
  background: white;
  position: relative;
  height: 100%;
  box-shadow: 0 16px 16px rgba(12, 171, 249, 0.05);
  padding: 2rem 2rem 4rem; }

.pressCard__cta {
  position: absolute;
  bottom: 2rem; }

.subtitle {
  font-size: 1.5rem;
  line-height: 1.3333;
  margin-bottom: 1.5em; }

@media (max-width: 39.9375em) {
  .banner--bleed {
    padding-bottom: 7rem; } }