@charset "UTF-8";
/*
* 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
 */
.partners {
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media print, screen and (min-width: 64em) {
    .partners {
      max-width: 69.44444rem;
      width: 100%;
      margin: 0 auto; } }
  .partners h2 {
    color: #474e3d; }
  .partners__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) {
      .partners__upper {
        padding-right: 0.83333rem;
        padding-left: 0.83333rem; } }
    .partners__upper a {
      font-weight: 600;
      -webkit-box-shadow: inset 0 -0.5em 0 -0.25em #d9e5cb;
              box-shadow: inset 0 -0.5em 0 -0.25em #d9e5cb;
      color: inherit;
      background: -webkit-gradient(linear, left top, left bottom, from(#d9e5cb), to(#d9e5cb)) transparent no-repeat 0 0;
      background: linear-gradient(#d9e5cb, #d9e5cb) transparent no-repeat 0 0;
      background-size: 100% 0;
      background-position: 0 100%;
      font-size: 1rem; }
      .partners__upper a:hover {
        -webkit-animation-name: go_hover;
                animation-name: go_hover;
        -webkit-animation-duration: .3s;
                animation-duration: .3s;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .partners__upper a::after {
        content: '»';
        padding-left: .5rem;
        color: #404e2d; }
  .partners__middle {
    -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) {
      .partners__middle {
        padding-right: 0.83333rem;
        padding-left: 0.83333rem; } }
    .partners__middle hr {
      width: 100%;
      padding: 0;
      background-size: 100% auto; }
  .partners__list {
    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;
    overflow: hidden; }
    .partners__list .image-loader-inserted {
      padding: 1rem;
      position: relative;
      display: block; }
    .partners__list img {
      display: block;
      max-height: calc(200px - 2rem);
      max-width: calc(200px - 2rem);
      width: auto; }
  @media print, screen and (min-width: 64em) {
    .partners {
      padding: 3.11111rem 0; } }

.partner-teaser__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.partner-teaser {
  width: 50%;
  padding: 1rem;
  position: relative; }
  .partner-teaser img {
    position: relative;
    max-height: calc(200px - 2rem);
    max-width: calc(200px - 2rem);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto; }
  @media print, screen and (min-width: 40em) {
    .partner-teaser {
      width: 33%; } }
  @media print, screen and (min-width: 64em) {
    .partner-teaser {
      width: 25%; } }

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