/* =============================================================================
Block - Fifty / Fifty
============================================================================= */
/* =============================================================================
Import me into 'individual' scss partials
============================================================================= */
/* =============================================================================
Functions
============================================================================= */
/* Deep-get sass map
=================================================== */
/* =============================================================================
Mixins
============================================================================= */
/* =================================================
Breakpoints
=================================================== */
/* =============================================================================
Breakpoint definition
============================================================================= */
/* =============================================================================
Config
============================================================================= */
.block-fifty {
  /* Layout
  =================================================== */
  /* Heading
  =================================================== */
}
.block-fifty .flex {
  flex-wrap: wrap;
  align-items: stretch;
}
@media all and (min-width: 1024px) {
  .block-fifty .flex {
    flex-flow: nowrap;
  }
}
@media all and (min-width: 1024px) {
  .block-fifty__side {
    flex: 0 0 50%;
  }
}
.block-fifty__content {
  padding: calc(4 * var(--baseline)) 0;
}
@media all and (min-width: 1024px) {
  .block-fifty__content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    margin-top: calc(calc(2 * var(--baseline)) * -1);
    padding: calc(4 * var(--baseline)) calc(4 * var(--baseline)) calc(4 * var(--baseline)) 0;
  }
}
.block-fifty--left .block-fifty__content {
  order: 2;
  padding: calc(4 * var(--baseline)) 0 calc(4 * var(--baseline)) calc(4 * var(--baseline));
}
@media all and (max-width: calc(1024px - 1px)) {
  .block-fifty__media {
    order: -1;
  }
}
.block-fifty__heading {
  flex-basis: 100%;
  margin-bottom: calc(4 * var(--baseline));
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
}
.block-fifty__heading.tsl-heading--primary {
  font-size: var(--font-size-xxxl);
}
body.home .block-fifty__heading.tsl-heading--primary {
  font-size: var(--font-size-72);
}
.block-fifty__heading.tsl-heading--secondary {
  margin-bottom: 0.15em;
  font-size: var(--font-size-32);
  text-transform: initial;
}