/**
 * Custom CSS overrides
 * =====================
 * EDIT THIS FILE for hand-written CSS changes to the site.
 *
 * The main site styles (dist/ProjectStyles.<hash>.css) are compiled, minified
 * output from the external Terra build and are regenerated on every deploy — so
 * do NOT edit those. This file is loaded AFTER the Terra stylesheet, so rules
 * here override the compiled ones and survive Terra rebuilds.
 *
 * Tips:
 *  - Match the existing BEM-style class names (e.g. .c--hero-b__wrapper__title).
 *  - Keep overrides scoped; add a short comment saying what/why for each block.
 */

/* Example (safe to delete):
.c--hero-b__wrapper__title {
    letter-spacing: -0.02em;
}
*/

@media (min-width: 811px) {
  .f--font-b, .c--hero-e__wrapper__bd__hd__title, .c--hero-a--second .c--hero-a__wrapper__title, .c--cta-b__bd__title, .c--cta-a__ft-items__title, .c--card-k__title, .c--content-a > h2, .c--content-a .wp-block-column h2, .c--content-a .wp-block-media-text h2, .c--layout-a__wrapper__content > h2, .c--hero-f__wrapper__content > h2, .c--card-q__wrapper__content > h2, .c--card-p__content > h2, .c--card-k__content > h2, .c--card-e__bd__content > h2, .c--accordion-c__wrapper__hd__content > h2, .c--accordion-b__wrapper__hd__content > h2, .c--accordion-a__wrapper__hd__content > h2, .c--layout-a__wrapper__content .wp-block-column h2, .c--hero-f__wrapper__content .wp-block-column h2, .c--card-q__wrapper__content .wp-block-column h2, .c--card-p__content .wp-block-column h2, .c--card-k__content .wp-block-column h2, .c--card-e__bd__content .wp-block-column h2, .c--accordion-c__wrapper__hd__content .wp-block-column h2, .c--accordion-b__wrapper__hd__content .wp-block-column h2, .c--accordion-a__wrapper__hd__content .wp-block-column h2, .c--layout-a__wrapper__content .wp-block-media-text h2, .c--hero-f__wrapper__content .wp-block-media-text h2, .c--card-q__wrapper__content .wp-block-media-text h2, .c--card-p__content .wp-block-media-text h2, .c--card-k__content .wp-block-media-text h2, .c--card-e__bd__content .wp-block-media-text h2, .c--accordion-c__wrapper__hd__content .wp-block-media-text h2, .c--accordion-b__wrapper__hd__content .wp-block-media-text h2, .c--accordion-a__wrapper__hd__content .wp-block-media-text h2 {
    font-size: 2.8rem;
    line-height: 1.167;
  }
}

@media (min-width: 811px) {
  .f--font-a, .g--404-01 .g--404-01__wrapper__content__item-primary, .c--hero-f__wrapper__title, .c--hero-d__wrapper__bd__title, .c--hero-c__wrapper__title, .c--hero-b__wrapper__title, .c--hero-a__wrapper__title, .c--cta-a--big-heading .c--cta-a__ft-items__title, .c--calculator-a__item-right__hd__subtitle, .g--card-10 .g--card-10__item-primary, .g--card-10--second .g--card-10__item-primary {
    font-size: 3.5rem !important;
    line-height: 1.112 !important;
  }
}

/* On hover, change icon to white on dark cards */
a.c--card-a:hover .c--card-a__media-wrapper img {
      filter: invert(100%) sepia(100%) saturate(100%) brightness(100%) contrast(100%);
}

.c--card-a__media-wrapper {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.g--card-10__item-secondary {
    font-weight: 600 !important;
}


@media (min-width: 811px) {
 .home h1.c--hero-a__wrapper__title {
    font-size: 4rem !important;
    line-height: 1.112 !important;
  }

  /* Homepage hero */
  .home .c--hero-a__wrapper__title .c--hero-a__wrapper__title__artwork {
      display: block
  }
}