/*
* Icons
* generated from gulp
*/
/* Colors
/* remember to turn off any unused swatches in atoms>global>colors.twig
/* _______________________________________________________________ */
/* This is an example of setting color themes for text
   with a mixin. You can/should make several of these. */
@-webkit-keyframes go_hover {
  to {
    background-position: 0 0;
    background-size: 100% 100%; } }
@keyframes go_hover {
  to {
    background-position: 0 0;
    background-size: 100% 100%; } }

/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/*
* Foundation
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.callouts .callout__list {
  margin-right: -0.55556rem;
  margin-left: -0.55556rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media print, screen and (min-width: 40em) {
    .callouts .callout__list {
      margin-right: -0.83333rem;
      margin-left: -0.83333rem; } }
  @media print, screen and (min-width: 64em) {
    .callouts .callout__list {
      margin-right: -0.83333rem;
      margin-left: -0.83333rem; } }
  .callouts .callout__list > .callout__list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.callouts .callout__list__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.55556rem;
  padding-left: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .callouts .callout__list__item {
      padding-right: 0.83333rem;
      padding-left: 0.83333rem; } }

.callouts .callout {
  text-align: left;
  padding: 0; }
  .callouts .callout.callout--brand {
    padding: 1rem; }
  .callouts .callout h2 {
    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
    font-size: 1.05556rem;
    margin-bottom: 1.11111rem; }
    @media print, screen and (min-width: 40em) {
      .callouts .callout h2 {
        font-size: 1.72222rem; } }
  .callouts .callout .callout__body {
    padding: 0 !important;
    text-align: left; }

.with-sidebar .content-columns__main .callout__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .with-sidebar .content-columns__main .callout__list > .callout__list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

/*# sourceMappingURL=callouts.css.map */