/*
* 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
 */
.news-callouts {
  max-width: 69.44444rem;
  margin-right: auto;
  margin-left: auto;
  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; }
  .news-callouts__upper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.55556rem;
    padding-left: 0.55556rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (min-width: 40em) {
      .news-callouts__upper {
        padding-right: 0.83333rem;
        padding-left: 0.83333rem; } }
    .news-callouts__upper a {
      display: inline-block;
      padding: 0.88889rem 1.11111rem;
      background-color: #bd0f2e;
      color: white;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      margin-right: 0.88889rem;
      cursor: pointer;
      margin-bottom: .5rem;
      -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
      transition: background-color 0.25s ease-out, color 0.25s ease-out;
      padding: 0.66667rem 1.11111rem;
      border: 4px #4F800A solid;
      background-color: transparent;
      color: #4F800A;
      text-transform: none;
      margin-bottom: 0; }
      .news-callouts__upper a:hover, .news-callouts__upper a:active {
        color: white;
        background-color: #9c0335; }
      .news-callouts__upper a:hover, .news-callouts__upper a:active {
        background-color: #ffc217;
        border-color: #ffc217;
        color: #353535; }
  .news-callouts__list {
    width: 100%;
    max-width: 69.44444rem;
    margin-right: auto;
    margin-left: auto;
    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; }
  .news-callouts .callout {
    -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) {
      .news-callouts .callout {
        padding-right: 0.83333rem;
        padding-left: 0.83333rem; } }
  @media print, screen and (min-width: 40em) {
    .news-callouts__list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .news-callouts__list > .news-callouts__list__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; } }
  @media print, screen and (min-width: 64em) {
    .news-callouts__list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .news-callouts__list > .news-callouts__list__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%; } }

.facebook-widget-container {
  margin-bottom: 1.11111rem;
  margin-top: 1.11111rem;
  padding: 1rem; }

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