/**
 * @file
 * Styles for Callouts, especially on the home page.
 */
 .block-views-blockcallouts-block-1 {
  margin-bottom: 2.44141em; }
  .block-views-blockcallouts-block-1 .views-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .block-views-blockcallouts-block-1 .views-row .callout {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .block-views-blockcallouts-block-1 .callout {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%; }
    .block-views-blockcallouts-block-1 .callout a {
      text-decoration: none;
      background-color: #fff;
      font-size: 1em;
      padding: 0.4096em 1em 0.4096em 1em;
      border-left: 18px solid #FF3344;
      -webkit-transition: border-color 0.3s ease-out;
      transition: border-color 0.3s ease-out;
      position: absolute;
      top: 50%;
      left: 1.5625em;
      -webkit-transform: translate(1.5625em, -50%);
              transform: translate(1.5625em, -50%); }
      @media (min-width: 48em) {
        .block-views-blockcallouts-block-1 .callout a {
          font-size: 1.5625em;
          padding: 0.4096em 0.64em 0.4096em 0.64em; } }
      .block-views-blockcallouts-block-1 .callout a:hover {
        color: #4C5359;
        border-left: 18px solid #d92b3a; }
  .block-views-blockcallouts-block-1 .single-result .views-row {
    padding: 0;
    height: 225px; }
    @media (min-width: 48em) {
      .block-views-blockcallouts-block-1 .single-result .views-row {
        height: 450px; } }
  .block-views-blockcallouts-block-1 .even-results .view-content {
    display: grid;
    grid-gap: 1em;
    grid-auto-rows: 225px; }
    @media (min-width: 56em) {
      .block-views-blockcallouts-block-1 .even-results .view-content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 225px);
        grid-auto-rows: 225px; } }
  .block-views-blockcallouts-block-1 .odd-results .view-content {
    display: grid;
    grid-gap: 1em;
    grid-auto-rows: 225px; }
    @media (min-width: 56em) {
      .block-views-blockcallouts-block-1 .odd-results .view-content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 225px); } }
  @media (min-width: 62em) {
    .block-views-blockcallouts-block-1 .odd-results .views-row:nth-child(1) {
      grid-row: span 2; } }