/*
* 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
 */
.callout-floater {
  padding-left: 1em;
  padding-right: 1em;
  width: 100%; }
  @media print, screen and (min-width: 64em) {
    .callout-floater {
      max-width: 69.44444rem;
      width: 100%;
      margin: 0 auto; } }
  .callout-floater .callout {
    background-color: white;
    padding-top: 2.22222rem;
    padding-bottom: 2.22222rem; }
    .callout-floater .callout button {
      margin-bottom: 0; }

.home__carousel {
  background-image: url("../../images/collection-bg.svg"), -webkit-gradient(linear, left top, left bottom, from(#e3e4dd), to(#dde0d1));
  background-image: url("../../images/collection-bg.svg"), linear-gradient(180deg, #e3e4dd 0%, #dde0d1 100%);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-bottom: 2rem; }

.home__happenings {
  padding-top: 2rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f7f8), to(#f1f2f4));
  background-image: linear-gradient(180deg, #f6f7f8 0%, #f1f2f4 100%);
  background-size: cover; }

@media print, screen and (min-width: 64em) {
  .callout-floater {
    height: 0;
    position: relative; }
    .callout-floater .callout {
      padding-left: 7.77778rem;
      padding-right: 7.77778rem;
      position: absolute;
      top: -6rem;
      left: 0;
      right: 0; }
    .callout-floater + div {
      padding-top: 10rem; }
  .home__carousel {
    padding-bottom: 0; }
    .home__carousel .carousel {
      margin-bottom: -4.44444rem; }
  .home__happenings {
    padding-top: 7.22222rem; } }

.home-header {
  position: relative; }
  .home-header__image {
    background-color: black;
    height: 20rem;
    overflow: hidden; }
    .home-header__image div {
      height: inherit; }
    .home-header__image img {
      opacity: .6;
      height: inherit;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 50% 50%;
         object-position: 50% 50%; }
    @supports (mix-blend-mode: multiply) {
      .home-header__image.images-loaded {
        background-color: #b6b6b6; }
      .home-header__image img {
        mix-blend-mode: multiply;
        opacity: 1; } }
  .home-header__overlay {
    position: absolute;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    color: white;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media print, screen and (min-width: 64em) {
      .home-header__overlay {
        max-width: 69.44444rem;
        width: 100%;
        margin: 0 auto; } }
    .home-header__overlay h1 {
      line-height: 1.2em; }
    .home-header__overlay .superheading {
      display: inline-block;
      text-transform: uppercase;
      font-weight: 600;
      border-bottom: 4px solid #ffc217;
      margin-bottom: 1rem; }
    .home-header__overlay .button {
      margin-top: 3rem;
      margin-bottom: 0;
      background-color: #ffc217;
      color: #353535; }
      .home-header__overlay .button:hover, .home-header__overlay .button:active {
        background-color: white;
        color: #4F800A; }
  @media print, screen and (min-width: 40em) {
    .home-header__image {
      height: 27.77778rem; }
    .home-header__overlay .button {
      margin-top: 3.55556rem; }
    .home-header__overlay .superheading {
      font-size: 1.22222rem;
      line-height: 2.77778rem; } }
  @media print, screen and (min-width: 64em) {
    .home-header__image {
      height: 36.33333rem; }
    .home-header__overlay {
      padding: 0 5.55556rem; } }

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