/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
/* line 46, sass/tile-layout.scss */
.paragraph--type--tile-row span {
  display: block; }

/* line 49, sass/tile-layout.scss */
.paragraph--type--tile-row *, .paragraph--type--tile-row h1, .paragraph--type--tile-row .h1, .paragraph--type--tile-row h2, .paragraph--type--tile-row .h2, .paragraph--type--tile-row h3, .paragraph--type--tile-row .h3, .paragraph--type--tile-row h4, .paragraph--type--tile-row .h4 {
  color: white; }

/* line 52, sass/tile-layout.scss */
.paragraph--type--tile-row h1, .paragraph--type--tile-row .h1, .paragraph--type--tile-row h2, .paragraph--type--tile-row .h2, .paragraph--type--tile-row h3, .paragraph--type--tile-row .h3, .paragraph--type--tile-row p {
  margin-bottom: 0; }

/* line 55, sass/tile-layout.scss */
.paragraph--type--tile-row .bg-image {
  height: 75vw;
  max-height: 450px;
  transition: transform 0.5s ease;
  background-size: cover;
  background-position: 50% 50%; }

/* line 63, sass/tile-layout.scss */
.paragraph--type--tile-row .b-text-wrapper {
  transition: padding-bottom 0.5s ease;
  padding: 12px 10px;
  padding: 1.2rem 1rem; }

/* line 67, sass/tile-layout.scss */
.paragraph--type--tile-row .paragraph--type--tile {
  position: relative; }
  /* line 69, sass/tile-layout.scss */
  .paragraph--type--tile-row .paragraph--type--tile .b-text-wrapper {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 95%); }

/* line 80, sass/tile-layout.scss */
.paragraph--type--tile-row > div {
  border: 1px solid #E2E8EC;
  margin-bottom: 6px;
  margin-bottom: 0.6rem; }

/* line 84, sass/tile-layout.scss */
.paragraph--type--tile-row .paragraph--type--tile {
  overflow: hidden;
  position: relative; }
  /* line 89, sass/tile-layout.scss */
  .paragraph--type--tile-row .paragraph--type--tile a:hover .bg-image,
  .paragraph--type--tile-row .paragraph--type--tile a:focus .bg-image {
    transform: scale(1.101, 1.101); }
  /* line 92, sass/tile-layout.scss */
  .paragraph--type--tile-row .paragraph--type--tile a:hover .b-text-wrapper,
  .paragraph--type--tile-row .paragraph--type--tile a:focus .b-text-wrapper {
    padding-bottom: 36px;
    padding-bottom: 3.6rem; }
  /* line 96, sass/tile-layout.scss */
  .paragraph--type--tile-row .paragraph--type--tile:focus-within {
    outline: 1px var(--link-border-style) var(--link-hover);
    outline-offset: 2px; }

@media (min-width: 600px) {
  /* line 45, sass/tile-layout.scss */
  .paragraph--type--tile-row {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4px;
    grid-gap: 0.4rem;
    display: grid;
    margin-bottom: 4px;
    margin-bottom: 0.4rem; }
    /* line 102, sass/tile-layout.scss */
    .paragraph--type--tile-row h1, .paragraph--type--tile-row .h1, .paragraph--type--tile-row h2, .paragraph--type--tile-row .h2, .paragraph--type--tile-row h3, .paragraph--type--tile-row .h3 {
      margin-bottom: 6px;
      margin-bottom: 0.6rem; }
    /* line 105, sass/tile-layout.scss */
    .paragraph--type--tile-row .b-text-wrapper {
      transition: padding-bottom 0.5s ease;
      padding: 24px 20px;
      padding: 2.4rem 2rem; }
    /* line 114, sass/tile-layout.scss */
    .paragraph--type--tile-row > div {
      margin-bottom: 0;
      border-radius: 12px;
      grid-column: span 2;
      order: 2; }
    /* line 120, sass/tile-layout.scss */
    .paragraph--type--tile-row .bg-image {
      height: 50vw;
      max-height: 300px; }
    /* line 124, sass/tile-layout.scss */
    .paragraph--type--tile-row > .feature {
      grid-column: span 4;
      order: 1; }
      /* line 127, sass/tile-layout.scss */
      .paragraph--type--tile-row > .feature .bg-image {
        height: 56vw;
        max-height: 540px; }
    /* line 133, sass/tile-layout.scss */
    .paragraph--type--tile-row.tile-rows-2 > .feature {
      grid-column: span 3; } }

@media (min-width: 980px) {
  /* line 149, sass/tile-layout.scss */
  .paragraph--type--tile-row .bg-image,
  .paragraph--type--tile-row .feature .bg-image {
    height: 33vw;
    max-height: 720px; }
  /* line 154, sass/tile-layout.scss */
  .paragraph--type--tile-row > div {
    order: 1;
    grid-column: span 1; }
    /* line 157, sass/tile-layout.scss */
    .paragraph--type--tile-row > div.feature {
      order: 1; }
  /* line 162, sass/tile-layout.scss */
  .paragraph--type--tile-row.tile-rows-3 > .feature {
    grid-column: span 2; } }

/*# sourceMappingURL=maps/tile-layout.css.map */