#wrapper, header.global nav.utility #search-panel ul, header.global nav.utility #search-panel ul li, footer.global, footer.global #newsletter-signup, footer.global nav.sitemap ul#highlight, footer.global nav.contact ul, nav.filters ul#primary, nav.filters#plants-filters,
nav.search#plants-filters, nav.filters#teachers-filters,
nav.search#teachers-filters, nav.filters#trial-filters,
nav.search#trial-filters, nav.filters#news-filters,
nav.search#news-filters, nav.filters#retailers-filters,
nav.search#retailers-filters,
nav.search.search ul#primary, #intro, #intro aside, #promo, #highlights, #teachers,
#staff, #teachers #initial-teachers,
#teachers #filtered-teachers,
#staff #initial-teachers,
#staff #filtered-teachers, #classes, #classes #initial-classes,
#classes #filtered-classes, #plants-search article, #plants-list article, #plants-list #initial-plants,
#plants-list #filtered-plants, #plant article, #plant article #plant-slideshow #caption, #plant article #details ul, nav#plants .callout,
nav#news .callout, #retailers-listing, #retailers-listing ul, .post-listing, .excerpt, #plant.trial #grid, #plant.trial #grid #initial-plants,
#plant.trial #grid #filtered-plants, section#news-single article div.gallery,
section#event-single article div.gallery, section#news-single article aside,
section#event-single article aside, #news #initial-news,
#news #filtered-news, #events #events-list article, #location, #contact, #search-results, #search-results article {
  *zoom: 1; }
  #wrapper:before, header.global nav.utility #search-panel ul:before, header.global nav.utility #search-panel ul li:before, footer.global:before, footer.global #newsletter-signup:before, footer.global nav.sitemap ul#highlight:before, footer.global nav.contact ul:before, nav.filters ul#primary:before, nav.filters#plants-filters:before,
  nav.search#plants-filters:before, nav.filters#teachers-filters:before,
  nav.search#teachers-filters:before, nav.filters#trial-filters:before,
  nav.search#trial-filters:before, nav.filters#news-filters:before,
  nav.search#news-filters:before, nav.filters#retailers-filters:before,
  nav.search#retailers-filters:before,
  nav.search.search ul#primary:before, #intro:before, #intro aside:before, #promo:before, #highlights:before, #teachers:before,
  #staff:before, #teachers #initial-teachers:before,
  #teachers #filtered-teachers:before,
  #staff #initial-teachers:before,
  #staff #filtered-teachers:before, #classes:before, #classes #initial-classes:before,
  #classes #filtered-classes:before, #plants-search article:before, #plants-list article:before, #plants-list #initial-plants:before,
  #plants-list #filtered-plants:before, #plant article:before, #plant article #plant-slideshow #caption:before, #plant article #details ul:before, nav#plants .callout:before,
  nav#news .callout:before, #retailers-listing:before, #retailers-listing ul:before, .post-listing:before, .excerpt:before, #plant.trial #grid:before, #plant.trial #grid #initial-plants:before,
  #plant.trial #grid #filtered-plants:before, section#news-single article div.gallery:before,
  section#event-single article div.gallery:before, section#news-single article aside:before,
  section#event-single article aside:before, #news #initial-news:before,
  #news #filtered-news:before, #events #events-list article:before, #location:before, #contact:before, #search-results:before, #search-results article:before, #wrapper:after, header.global nav.utility #search-panel ul:after, header.global nav.utility #search-panel ul li:after, footer.global:after, footer.global #newsletter-signup:after, footer.global nav.sitemap ul#highlight:after, footer.global nav.contact ul:after, nav.filters ul#primary:after, nav.filters#plants-filters:after,
  nav.search#plants-filters:after, nav.filters#teachers-filters:after,
  nav.search#teachers-filters:after, nav.filters#trial-filters:after,
  nav.search#trial-filters:after, nav.filters#news-filters:after,
  nav.search#news-filters:after, nav.filters#retailers-filters:after,
  nav.search#retailers-filters:after,
  nav.search.search ul#primary:after, #intro:after, #intro aside:after, #promo:after, #highlights:after, #teachers:after,
  #staff:after, #teachers #initial-teachers:after,
  #teachers #filtered-teachers:after,
  #staff #initial-teachers:after,
  #staff #filtered-teachers:after, #classes:after, #classes #initial-classes:after,
  #classes #filtered-classes:after, #plants-search article:after, #plants-list article:after, #plants-list #initial-plants:after,
  #plants-list #filtered-plants:after, #plant article:after, #plant article #plant-slideshow #caption:after, #plant article #details ul:after, nav#plants .callout:after,
  nav#news .callout:after, #retailers-listing:after, #retailers-listing ul:after, .post-listing:after, .excerpt:after, #plant.trial #grid:after, #plant.trial #grid #initial-plants:after,
  #plant.trial #grid #filtered-plants:after, section#news-single article div.gallery:after,
  section#event-single article div.gallery:after, section#news-single article aside:after,
  section#event-single article aside:after, #news #initial-news:after,
  #news #filtered-news:after, #events #events-list article:after, #location:after, #contact:after, #search-results:after, #search-results article:after {
    content: " ";
    display: table; }
  #wrapper:after, header.global nav.utility #search-panel ul:after, header.global nav.utility #search-panel ul li:after, footer.global:after, footer.global #newsletter-signup:after, footer.global nav.sitemap ul#highlight:after, footer.global nav.contact ul:after, nav.filters ul#primary:after, nav.filters#plants-filters:after,
  nav.search#plants-filters:after, nav.filters#teachers-filters:after,
  nav.search#teachers-filters:after, nav.filters#trial-filters:after,
  nav.search#trial-filters:after, nav.filters#news-filters:after,
  nav.search#news-filters:after, nav.filters#retailers-filters:after,
  nav.search#retailers-filters:after,
  nav.search.search ul#primary:after, #intro:after, #intro aside:after, #promo:after, #highlights:after, #teachers:after,
  #staff:after, #teachers #initial-teachers:after,
  #teachers #filtered-teachers:after,
  #staff #initial-teachers:after,
  #staff #filtered-teachers:after, #classes:after, #classes #initial-classes:after,
  #classes #filtered-classes:after, #plants-search article:after, #plants-list article:after, #plants-list #initial-plants:after,
  #plants-list #filtered-plants:after, #plant article:after, #plant article #plant-slideshow #caption:after, #plant article #details ul:after, nav#plants .callout:after,
  nav#news .callout:after, #retailers-listing:after, #retailers-listing ul:after, .post-listing:after, .excerpt:after, #plant.trial #grid:after, #plant.trial #grid #initial-plants:after,
  #plant.trial #grid #filtered-plants:after, section#news-single article div.gallery:after,
  section#event-single article div.gallery:after, section#news-single article aside:after,
  section#event-single article aside:after, #news #initial-news:after,
  #news #filtered-news:after, #events #events-list article:after, #location:after, #contact:after, #search-results:after, #search-results article:after {
    clear: both; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*:after,
*:before {
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0;
  outline: none; }

@font-face {
  font-family: 'Austin';
  src: url("../fonts/Austin-Light.eot");
  src: url("../fonts/Austin-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Austin-Light.woff") format("woff"), url("../fonts/Austin-Light.ttf") format("truetype"), url("../fonts/Austin-Light.svg#231d156ffcd30d4240f98e2579cb3032") format("svg");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Founders Grotesk';
  src: url("../fonts/FoundersGroteskText-Bold.eot");
  src: url("../fonts/FoundersGroteskText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FoundersGroteskText-Bold.woff") format("woff"), url("../fonts/FoundersGroteskText-Bold.ttf") format("truetype"), url("../fonts/FoundersGroteskText-Bold.svg#bc58d14a43764ec0314226caa1c7d9ff") format("svg");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'Founders Grotesk';
  src: url("../fonts/FoundersGroteskText-BoldItalic.eot");
  src: url("../fonts/FoundersGroteskText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/FoundersGroteskText-BoldItalic.woff") format("woff"), url("../fonts/FoundersGroteskText-BoldItalic.ttf") format("truetype"), url("../fonts/FoundersGroteskText-BoldItalic.svg#40a5a8e2db2e800b986230281628672a") format("svg");
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: 'Founders Grotesk';
  src: url("../fonts/FoundersGroteskText-Regular.eot");
  src: url("../fonts/FoundersGroteskText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FoundersGroteskText-Regular.woff") format("woff"), url("../fonts/FoundersGroteskText-Regular.ttf") format("truetype"), url("../fonts/FoundersGroteskText-Regular.svg#62eaec33da1f485b1ebbc8d31572de68") format("svg");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Founders Grotesk';
  src: url("../fonts/FoundersGroteskText-RegularItalic.eot");
  src: url("../fonts/FoundersGroteskText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/FoundersGroteskText-RegularItalic.woff") format("woff"), url("../fonts/FoundersGroteskText-RegularItalic.ttf") format("truetype"), url("../fonts/FoundersGroteskText-RegularItalic.svg#6ee32d94ff8ce26c108b361fc363fd11") format("svg");
  font-style: italic;
  font-weight: 400; }

html {
  font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
  font-size: 100%;
  line-height: 1.2;
  font-weight: 500;
  -webkit-font-smoothing: subpixel-antialiased;
  font-variant-ligatures: common-ligatures;
  font-size: 20px; }
  @media (max-width: 1700px) {
    html {
      font-size: 18px; } }
  @media (max-width: 1280px) {
    html {
      font-size: 16px; } }
  @media (max-width: 1024px) {
    html {
      font-size: 16px; } }
  @media (max-width: 767px) {
    html {
      font-size: 14px; } }

i, em {
  font-style: italic; }

strong, b {
  font-weight: bold; }

.subheading {
  font-size: 0.666rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  color: #7a7a7a;
  font-weight: bold; }
  .subheading.green {
    color: #ecffc5; }

h2.title {
  color: #ebebeb;
  font-family: "Austin", "Garamound", serif;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  white-space: nowrap;
  left: 0%;
  line-height: 1;
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important;
  -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
  -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
  transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }
  h2.title span {
    left: 50%;
    top: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

ol {
  list-style-type: decimal;
  list-style-position: inside; }

html, body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; }

*:focus {
  outline: 1px solid gray; }

#wrapper {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: auto;
  background: #ffffff; }

header.global {
  width: 100%;
  padding: 60px;
  position: absolute;
  left: 0;
  top: 0;
  height: 180px;
  z-index: 1000;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
  -moz-transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
  transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
  header.global .home-button {
    width: 160px;
    height: 60px;
    display: block;
    position: absolute;
    left: 60px;
    top: 60px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    header.global .home-button span {
      display: none; }
    header.global .home-button svg * {
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    header.global .home-button:hover, header.global .home-button:focus {
      opacity: 0.5 !important;
      filter: alpha(opacity=50 !important) !important; }
  header.global nav {
    position: absolute; }
    header.global nav ul li {
      display: inline-block; }
      header.global nav ul li a {
        text-decoration: none; }
    header.global nav.primary {
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
      header.global nav.primary ul li {
        margin: 0 15px; }
        header.global nav.primary ul li a {
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 0.1rem;
          color: #232323;
          font-size: 0.85rem;
          -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
          header.global nav.primary ul li a:hover, header.global nav.primary ul li a:focus {
            opacity: 0.5 !important;
            filter: alpha(opacity=50 !important) !important; }
        header.global nav.primary ul li.current_page_item, header.global nav.primary ul li.current-page-ancestor {
          opacity: 0.25 !important;
          filter: alpha(opacity=25 !important) !important; }
    header.global nav.secondary {
      right: 90px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s;
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s;
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s; }
      header.global nav.secondary ul li {
        margin: 0 0 0 15px; }
        header.global nav.secondary ul li a {
          text-transform: uppercase;
          font-weight: normal;
          color: #232323;
          font-size: 0.66rem;
          -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
          header.global nav.secondary ul li a:hover, header.global nav.secondary ul li a:focus {
            opacity: 0.5 !important;
            filter: alpha(opacity=50 !important) !important; }
    header.global nav.utility {
      top: 0;
      right: 0;
      height: 60px;
      z-index: 100;
      overflow: visible;
      width: 360px;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
      header.global nav.utility .logins {
        position: absolute;
        right: 90px;
        top: 50%;
        white-space: nowrap;
        -webkit-transform: translateX(0%) translateY(-50%);
        -moz-transform: translateX(0%) translateY(-50%);
        -ms-transform: translateX(0%) translateY(-50%);
        -o-transform: translateX(0%) translateY(-50%);
        transform: translateX(0%) translateY(-50%);
        text-decoration: none;
        color: #232323;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
        header.global nav.utility .logins ul li {
          margin-left: 30px;
          display: inline-block;
          position: relative; }
        header.global nav.utility .logins a {
          color: #232323;
          text-decoration: none;
          font-size: 0.55rem; }
          header.global nav.utility .logins a:hover, header.global nav.utility .logins a:focus {
            opacity: 0.5 !important;
            filter: alpha(opacity=50 !important) !important; }
      header.global nav.utility span#search-button {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 60px;
        height: 60px;
        background: #8a74b2;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
        header.global nav.utility span#search-button strong {
          display: none; }
        header.global nav.utility span#search-button .icon {
          position: absolute;
          width: 15px;
          height: auto;
          fill: #ffffff;
          top: 50%;
          left: 50%;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
          header.global nav.utility span#search-button .icon:nth-of-type(2) {
            visibility: hidden;
            opacity: 0 !important;
            filter: alpha(opacity=0 !important) !important; }
        header.global nav.utility span#search-button:hover .icon:nth-of-type(1), header.global nav.utility span#search-button:focus .icon:nth-of-type(1) {
          -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
          -moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
          -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
          -o-transform: translateX(-50%) translateY(-50%) scale(1.2);
          transform: translateX(-50%) translateY(-50%) scale(1.2); }
      header.global nav.utility #search-panel {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10000;
        width: 360px;
        background: #ffffff;
        padding: 20px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
        header.global nav.utility #search-panel form {
          border: 2px solid #ebebeb;
          position: relative;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */ }
          header.global nav.utility #search-panel form input[type=text] {
            border: none;
            width: 100%;
            font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
            height: 30px;
            padding: 0 10px;
            font-size: 0.75rem;
            line-height: 30px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */ }
          header.global nav.utility #search-panel form input[type=submit] {
            position: absolute;
            font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
            right: 0;
            top: 0;
            font-size: 0.75rem;
            background: white;
            height: 30px;
            padding: 0 10px;
            border: none;
            line-height: 30px;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */
            -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
            -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
            transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
            header.global nav.utility #search-panel form input[type=submit]:hover, header.global nav.utility #search-panel form input[type=submit]:focus {
              opacity: 0.5 !important;
              filter: alpha(opacity=50 !important) !important; }
        header.global nav.utility #search-panel ul {
          padding: 15px 0;
          border-bottom: 2px solid #ebebeb; }
          header.global nav.utility #search-panel ul li {
            display: block;
            width: 100%;
            clear: both;
            float: left;
            margin: 15px 0; }
            header.global nav.utility #search-panel ul li p {
              font-family: "Austin", "Garamound", serif; }
              header.global nav.utility #search-panel ul li p a {
                font-size: 100%;
                color: #232323; }
            header.global nav.utility #search-panel ul li a {
              font-size: 0.75rem;
              color: #7a7a7a;
              padding: 6px 0;
              float: left;
              clear: both;
              position: relative;
              display: block;
              width: 300px;
              -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
              -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
              transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
              header.global nav.utility #search-panel ul li a .icon {
                position: absolute;
                right: 0;
                top: 50%;
                height: 7.5px;
                width: auto;
                -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
                -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
                transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%); }
              header.global nav.utility #search-panel ul li a:hover, header.global nav.utility #search-panel ul li a:focus {
                color: #232323; }
                header.global nav.utility #search-panel ul li a:hover .icon, header.global nav.utility #search-panel ul li a:focus .icon {
                  fill: #98bb5d; }
            header.global nav.utility #search-panel ul li span {
              font-size: 0.75rem;
              color: #7a7a7a;
              margin-right: 15px; }
          header.global nav.utility #search-panel ul:nth-of-type(2) {
            padding-bottom: 30px;
            border-bottom: 8px solid #98bb5d; }
            header.global nav.utility #search-panel ul:nth-of-type(2) li:last-of-type {
              margin: 0; }
  header.global.lighten .home-button svg * {
    fill: #ffffff; }
  header.global.lighten .home-button:hover, header.global.lighten .home-button:focus {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }
    header.global.lighten .home-button:hover svg *, header.global.lighten .home-button:focus svg * {
      fill: #ebebeb; }
  header.global.lighten nav.primary ul li a {
    color: #ffffff; }
    header.global.lighten nav.primary ul li a:hover, header.global.lighten nav.primary ul li a:focus {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      color: #ebebeb; }
  header.global.lighten nav.primary ul li.current_page_item, header.global.lighten nav.primary ul li.current-page-ancestor {
    opacity: 0.7 !important;
    filter: alpha(opacity=70 !important) !important; }
  header.global.lighten nav.secondary ul li a {
    color: #ffffff; }
    header.global.lighten nav.secondary ul li a:hover, header.global.lighten nav.secondary ul li a:focus {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      color: #ebebeb; }
  header.global.lighten nav.utility .logins a {
    color: #ffffff; }
    header.global.lighten nav.utility .logins a:hover, header.global.lighten nav.utility .logins a:focus {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      color: #ebebeb; }
  header.global.hide {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  @media (max-width: 1440px) {
    header.global {
      height: 165px; }
      header.global .home-button {
        width: 120px;
        height: 46px; }
      header.global nav.primary ul li {
        margin: 0 6px; }
      header.global nav.secondary ul li {
        margin: 0 0 0 6px; } }
  @media (max-width: 1280px) {
    header.global .home-button {
      width: 120px;
      height: 46px; }
    header.global nav.primary {
      left: 210px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media (max-width: 1024px) {
    header.global {
      display: none; } }

#wrapper .home-button.mobile {
  display: none; }

@media (max-width: 1024px) {
  #wrapper .home-button.mobile {
    width: 90px;
    height: 35px;
    display: block;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 75px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #wrapper .home-button.mobile span {
      display: none; }
    #wrapper .home-button.mobile svg * {
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #wrapper .home-button.mobile.lighten svg * {
      fill: #ffffff; } }

header.mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #222;
  overflow: visible;
  z-index: 10000;
  min-height: 100vh;
  display: block;
  height: -moz-calc(100vh +  45px);
  height: -webkit-calc(100vh +  45px);
  height: calc(100vh +  45px);
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh);
  -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
  -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
  transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  header.mobile #mobile-wrap {
    padding: 45px 0;
    overflow: scroll;
    height: 100vh; }
  header.mobile form#mobile-searchform {
    position: relative; }
    header.mobile form#mobile-searchform input {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      border: none;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      header.mobile form#mobile-searchform input[type=text] {
        width: 100%;
        font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
        height: 45px;
        padding: 20px 0;
        font-size: 0.75rem;
        text-indent: 20px;
        color: white;
        font-size: 0.9rem;
        background: #333;
        line-height: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
        header.mobile form#mobile-searchform input[type=text]::-webkit-input-placeholder {
          color: #ffffff; }
        header.mobile form#mobile-searchform input[type=text]:-moz-placeholder {
          color: #ffffff; }
        header.mobile form#mobile-searchform input[type=text]::-moz-placeholder {
          color: #ffffff; }
        header.mobile form#mobile-searchform input[type=text]:-ms-input-placeholder {
          color: #ffffff; }
      header.mobile form#mobile-searchform input[type=image] {
        width: 45px;
        height: 45px;
        padding: 15px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
  header.mobile nav.primary {
    text-align: center; }
    header.mobile nav.primary ul {
      width: 100%;
      background: #000; }
      header.mobile nav.primary ul li {
        border-bottom: 1px solid #101010; }
        header.mobile nav.primary ul li a {
          color: white;
          text-decoration: none;
          padding: 30px 0;
          width: 100%;
          display: block;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 0.1rem;
          font-size: 0.8rem; }
  header.mobile nav.secondary {
    text-align: center;
    padding-top: 30px; }
    header.mobile nav.secondary ul {
      width: 100%; }
      header.mobile nav.secondary ul li a {
        color: white;
        text-decoration: none;
        padding: 20px 0;
        width: 100%;
        display: block;
        text-align: center; }
  header.mobile #alert-bar-mobile {
    position: absolute;
    width: 100%;
    min-height: 60px;
    padding: 15px;
    background: #ffffff;
    bottom: 0;
    left: 0;
    border-bottom: #ebebeb 1px solid;
    -webkit-transform: translateY(100%) translateX(-100%);
    -moz-transform: translateY(100%) translateX(-100%);
    -ms-transform: translateY(100%) translateX(-100%);
    -o-transform: translateY(100%) translateX(-100%);
    transform: translateY(100%) translateX(-100%);
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    header.mobile #alert-bar-mobile .date {
      color: #232323; }
    header.mobile #alert-bar-mobile svg {
      position: absolute;
      top: 50%;
      right: 15px;
      display: none;
      width: 15px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    header.mobile #alert-bar-mobile .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      text-indent: -9999px;
      overflow: hidden; }
  @media (min-width: 1025px) {
    header.mobile {
      display: none; } }

.mobile-menu-toggle {
  position: absolute;
  bottom: 0;
  height: 45px;
  width: 100%;
  left: 0;
  cursor: pointer;
  background: #000;
  -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
  -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
  transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  .mobile-menu-toggle span {
    width: 100%;
    height: 45px;
    color: white;
    text-align: center;
    line-height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    color: white; }
  .mobile-menu-toggle .toggle-icon {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0; }
    .mobile-menu-toggle .toggle-icon:after {
      background: rgba(255, 255, 255, 0.2); }
    .mobile-menu-toggle .toggle-icon .icon {
      fill: #ffffff; }
  .mobile-menu-toggle #toggle-alert {
    width: 45px;
    height: 45px;
    background: #98bb5d;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite;
    -moz-animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite;
    animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite; }
    .mobile-menu-toggle #toggle-alert strong {
      display: none; }
    .mobile-menu-toggle #toggle-alert svg {
      fill: white;
      height: 35%;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
  .mobile-menu-toggle#close {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    z-index: 123123;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
    @media (min-width: 1025px) {
      .mobile-menu-toggle#close {
        display: none; } }

.show-mobile-alert header.mobile #alert-bar-mobile {
  -webkit-transform: translateY(100%) translateX(0%);
  -moz-transform: translateY(100%) translateX(0%);
  -ms-transform: translateY(100%) translateX(0%);
  -o-transform: translateY(100%) translateX(0%);
  transform: translateY(100%) translateX(0%); }

.expand-mobile-nav {
  overflow: hidden; }
  .expand-mobile-nav header.mobile {
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px); }
  .expand-mobile-nav .mobile-menu-toggle #toggle-alert {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
  .expand-mobile-nav .mobile-menu-toggle#menu {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
  .expand-mobile-nav .mobile-menu-toggle#close {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    visibility: visible;
    -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
    -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
    transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }

.home footer.global {
  padding-bottom: 240px; }

footer.global {
  background: #ffffff;
  width: 100%;
  position: relative;
  clear: both;
  z-index: 1000;
  padding: 120px 240px 120px 300px; }
  footer.global .home-button {
    width: 236px;
    height: auto;
    position: relative;
    float: left;
    text-decoration: none;
    color: #232323; }
    footer.global .home-button span {
      display: none; }
    footer.global .home-button img {
      width: 100%;
      height: auto; }
  footer.global #awards {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    overflow: hidden;
    z-index: 100; }
    footer.global #awards ul {
      display: flex;
      flex-wrap: wrap; }
      footer.global #awards ul li {
        margin-top: 60px;
        margin-right: 90px; }
        footer.global #awards ul li a {
          display: block;
          position: relative; }
        footer.global #awards ul li img {
          display: block;
          width: auto;
          height: 150px; }
    @media (max-width: 1024px) {
      footer.global #awards ul {
        margin-top: 60px;
        margin-bottom: 60px;
        justify-content: center; }
        footer.global #awards ul li {
          margin-top: 30px;
          margin-left: 30px;
          margin-right: 30px; }
          footer.global #awards ul li img {
            height: 120px; } }
    @media (max-width: 767px) {
      footer.global #awards ul {
        margin-top: 120px;
        margin-bottom: 60px;
        justify-content: center; }
        footer.global #awards ul li {
          margin-top: 15px;
          margin-left: 15px;
          margin-right: 15px; }
          footer.global #awards ul li img {
            height: 90px; } }
  footer.global #newsletter-signup {
    width: -moz-calc(50% +  30px);
    width: -webkit-calc(50% +  30px);
    width: calc(50% +  30px);
    float: right;
    position: relative;
    text-align: left; }
    footer.global #newsletter-signup span {
      margin-right: 30px;
      color: #7a7a7a;
      line-height: 60px; }
  footer.global nav {
    z-index: 100; }
    footer.global nav a {
      color: #232323;
      text-decoration: none;
      font-size: 0.8rem;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      footer.global nav a:hover, footer.global nav a:focus {
        opacity: 0.5 !important;
        filter: alpha(opacity=50 !important) !important; }
    footer.global nav.sitemap {
      margin-top: 120px;
      float: left;
      width: 100%;
      clear: both;
      position: relative;
      overflow: hidden; }
      footer.global nav.sitemap ul.sections {
        float: left;
        width: 25%; }
        footer.global nav.sitemap ul.sections li {
          float: left;
          margin-bottom: 60px;
          clear: both; }
          footer.global nav.sitemap ul.sections li.menu-item-has-children a {
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.075rem; }
          footer.global nav.sitemap ul.sections li.menu-item-has-children ul li a {
            font-weight: normal;
            text-transform: none;
            padding-right: 30px;
            letter-spacing: 0rem; }
          footer.global nav.sitemap ul.sections li ul {
            width: 100%;
            float: left;
            clear: both; }
            footer.global nav.sitemap ul.sections li ul li {
              width: 100%;
              float: left;
              clear: both;
              margin: 6px 0 0; }
        footer.global nav.sitemap ul.sections:nth-of-type(4) {
          clear: both; }
      footer.global nav.sitemap ul#highlight {
        width: 34%;
        right: 0;
        top: 0;
        margin-right: -60px;
        position: absolute; }
        footer.global nav.sitemap ul#highlight li {
          float: left;
          width: 100%;
          margin-bottom: 20px; }
          footer.global nav.sitemap ul#highlight li a {
            font-weight: bold;
            letter-spacing: 0.075rem;
            text-transform: uppercase; }
    footer.global nav.contact {
      width: 100%;
      float: left;
      clear: both;
      padding: 0;
      margin: 120px 0 0;
      position: relative; }
      footer.global nav.contact ul {
        width: -moz-calc(100% -  160px);
        width: -webkit-calc(100% -  160px);
        width: calc(100% -  160px); }
        footer.global nav.contact ul li {
          float: left; }
          footer.global nav.contact ul li a {
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.075rem;
            margin-right: 45px; }
          footer.global nav.contact ul li.pinterest, footer.global nav.contact ul li.twitter, footer.global nav.contact ul li.facebook, footer.global nav.contact ul li.instagram, footer.global nav.contact ul li.youtube {
            width: 20px;
            height: 20px;
            display: block;
            float: left;
            margin-left: 20px;
            display: block; }
            footer.global nav.contact ul li.pinterest a, footer.global nav.contact ul li.twitter a, footer.global nav.contact ul li.facebook a, footer.global nav.contact ul li.instagram a, footer.global nav.contact ul li.youtube a {
              text-indent: -999px;
              width: 100%;
              height: 100%;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
              background-position: center center;
              -webkit-background-size: 100% 100% !important;
              -moz-background-size: 100% 100% !important;
              -o-background-size: 100% 100% !important;
              background-size: 100% 100% !important; }
          footer.global nav.contact ul li.twitter a {
            background-image: url(../images/ui/icons/twitter.svg); }
          footer.global nav.contact ul li.facebook a {
            background-image: url(../images/ui/icons/facebook.svg); }
          footer.global nav.contact ul li.instagram a {
            background-image: url(../images/ui/icons/instagram.svg); }
          footer.global nav.contact ul li.youtube a {
            background-image: url(../images/ui/icons/youtube.svg); }
          footer.global nav.contact ul li.pinterest a {
            background-image: url(../images/ui/icons/pinterest.svg); }
        footer.global nav.contact ul:nth-of-type(2) {
          position: absolute;
          right: 0;
          top: 0;
          width: auto; }
  footer.global #footer-left-texture {
    width: 60px;
    height: 100%;
    position: absolute !important;
    z-index: 100 !important;
    left: 0;
    top: 0; }
    footer.global #footer-left-texture span.subheading {
      color: #7a7a7a;
      white-space: nowrap;
      -webkit-transform: rotate(90deg) translateY(214px);
      -moz-transform: rotate(90deg) translateY(214px);
      -ms-transform: rotate(90deg) translateY(214px);
      -o-transform: rotate(90deg) translateY(214px);
      transform: rotate(90deg) translateY(214px);
      position: absolute;
      bottom: 180px;
      left: 0;
      height: 220px;
      width: 270px; }
  footer.global #footer-background-texture {
    position: absolute !important;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    z-index: 10; }
  @media (max-width: 1700px) {
    footer.global {
      padding: 240px 120px 120px 120px; }
      footer.global nav a {
        font-size: 0.75rem; }
      footer.global nav.contact ul li a {
        margin-right: 30px; } }
  @media (max-width: 1280px) {
    footer.global {
      padding: 120px 120px 120px 120px; }
      footer.global nav.contact ul:nth-of-type(1) li {
        float: left;
        clear: both; } }
  footer.global #footer-mobile-texture {
    position: absolute !important;
    background: none;
    height: 30px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 12;
    display: none; }
    footer.global #footer-mobile-texture span {
      position: absolute;
      top: 50%;
      text-align: center;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  @media (max-width: 1024px) {
    footer.global {
      padding: 60px 20px 120px; }
      footer.global #footer-left-texture,
      footer.global nav.sitemap {
        display: none; }
      footer.global #footer-mobile-texture {
        display: block; }
      footer.global .home-button {
        float: none;
        margin: 0 auto;
        width: 140px;
        height: 36px;
        margin-top: 60px;
        text-align: center;
        display: block; }
        footer.global .home-button strong {
          width: 100%;
          white-space: nowrap; }
      footer.global #newsletter-signup {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        footer.global #newsletter-signup span {
          display: none; }
        footer.global #newsletter-signup .box-button {
          min-width: 100%;
          text-align: center; }
      footer.global nav.contact {
        margin-top: 60px; }
        footer.global nav.contact ul {
          width: 100%; }
          footer.global nav.contact ul:nth-of-type(1) li {
            text-align: center;
            margin: 3px 0;
            float: none; }
            footer.global nav.contact ul:nth-of-type(1) li a {
              margin: 0; }
          footer.global nav.contact ul:nth-of-type(2) {
            position: relative;
            text-align: center;
            width: 100%;
            margin-top: 60px; }
            footer.global nav.contact ul:nth-of-type(2) li {
              display: inline-block;
              float: none;
              margin: 0 15px; } }

.scroll,
.menu-arrow {
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
  .scroll .icon,
  .menu-arrow .icon {
    position: absolute;
    width: 12px;
    height: auto;
    fill: #232323;
    top: 50%;
    left: 50%;
    visibility: visible;
    z-index: 100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
  .scroll:after,
  .menu-arrow:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #98bb5d;
    opacity: 0.9 !important;
    filter: alpha(opacity=90 !important) !important; }
  .scroll.hide,
  .menu-arrow.hide {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }

.scroll .icon {
  -webkit-animation: bounce 1.5s linear infinite;
  -moz-animation: bounce 1.5s linear infinite;
  animation: bounce 1.5s linear infinite; }

@-moz-keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

@-o-keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

@-ms-keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

@-khtml-keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); }
  50% {
    -webkit-transform: translateX(-50%) translateY(-60%);
    -moz-transform: translateX(-50%) translateY(-60%);
    -ms-transform: translateX(-50%) translateY(-60%);
    -o-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-40%);
    -moz-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    -o-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%); } }

.exit {
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
  .exit .icon {
    position: absolute;
    width: 12px;
    height: auto;
    fill: #232323;
    top: 50%;
    left: 50%;
    visibility: visible;
    z-index: 100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
  .exit:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #8a74b2;
    opacity: 0.9 !important;
    filter: alpha(opacity=90 !important) !important; }
  .exit.hide {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }

.wait {
  cursor: wait; }
  .wait * {
    cursor: wait !important; }

.show-search header.global nav.utility span#search-button {
  background: #bedb6d;
  right: 360px;
  -webkit-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -ms-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -o-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .show-search header.global nav.utility span#search-button .icon {
    fill: #ffffff; }
    .show-search header.global nav.utility span#search-button .icon:nth-of-type(1) {
      visibility: hidden;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important; }
    .show-search header.global nav.utility span#search-button .icon:nth-of-type(2) {
      visibility: visible;
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important; }
  .show-search header.global nav.utility span#search-button:hover .icon:nth-of-type(2), .show-search header.global nav.utility span#search-button:focus .icon:nth-of-type(2) {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    transform: translateX(-50%) translateY(-50%) rotate(180deg); }

.show-search header.global nav.utility #search-panel {
  visibility: visible;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -ms-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -o-transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  transform: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }

.home header.global {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
  .home header.global nav.utility {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  .home header.global nav.secondary {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.home.loaded header.global {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
  .home.loaded header.global nav.utility {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  .home.loaded header.global nav.secondary {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .home.loaded header.global.hide {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }

.vjs-control-bar,
.vjs-big-play-button,
.vjs-error-display,
.vjs-hidden,
.vjs-tracksettings {
  display: none; }

#alert-bar {
  background: #232323;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  margin-top: 0;
  z-index: 10000;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
  #alert-bar .subheading {
    line-height: 60px;
    padding: 0 60px;
    height: 60px;
    width: 360px;
    display: block;
    float: left;
    text-align: center;
    color: white;
    background: rgba(255, 255, 255, 0.1); }
  #alert-bar p {
    font-size: 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    text-align: center;
    line-height: 60px;
    float: left;
    margin-left: 30px; }
    #alert-bar p span.message {
      margin: 0 15px;
      font-weight: bold; }
    #alert-bar p a {
      color: #7a7a7a;
      text-decoration: none; }
  #alert-bar span#close-alert-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    #alert-bar span#close-alert-button strong {
      display: none; }
    #alert-bar span#close-alert-button .icon {
      position: absolute;
      width: 15px;
      height: auto;
      fill: #232323;
      top: 50%;
      left: 50%;
      visibility: visible;
      fill: #ffffff;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
    #alert-bar span#close-alert-button:hover .icon:nth-of-type(1), #alert-bar span#close-alert-button:focus .icon:nth-of-type(1) {
      -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
      -moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
      -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
      -o-transform: translateX(-50%) translateY(-50%) scale(1.2);
      transform: translateX(-50%) translateY(-50%) scale(1.2); }
  @media (max-width: 1024px) {
    #alert-bar {
      display: none; } }

.show-alert #wrapper {
  margin-top: 60px; }

.show-alert #alert-bar {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
  .show-alert #alert-bar .subheading {
    -webkit-animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite;
    -moz-animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite;
    animation: pulse-alert 2s cubic-bezier(0.28, 0, 0.18, 1) infinite; }

@media (max-width: 1024px) {
  .show-alert #wrapper {
    margin-top: 45px; } }

@-moz-keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@-webkit-keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@-o-keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@-ms-keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@-khtml-keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

@keyframes pulse-alert {
  0% {
    background: rgba(255, 255, 255, 0.1); }
  50% {
    background: #98bb5d; }
  100% {
    background: rgba(255, 255, 255, 0.1); } }

.callout {
  position: relative;
  background: #232323 !important;
  overflow: hidden; }
  .callout hgroup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    z-index: 100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    .callout hgroup h1 {
      font-size: 1.2rem;
      color: white;
      margin: 40px 0 30px;
      font-family: "Austin", "Garamound", serif; }
    .callout hgroup h2 {
      color: white; }
    .callout hgroup h3 {
      color: white; }
  .callout .anystretch {
    z-index: 10 !important;
    opacity: 0.8 !important;
    filter: alpha(opacity=80 !important) !important;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .callout:hover .anystretch, .callout:focus .anystretch {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .callout:hover .box-button.purple, .callout:focus .box-button.purple {
    background: #8a74b2 !important; }
  .callout .target {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    z-index: 1000; }
    .callout .target span {
      display: none; }
  .callout .arrow-button svg {
    fill: white; }
  .callout.darken-text hgroup h1, .callout.darken-text hgroup h2, .callout.darken-text hgroup h3 {
    color: black; }
  .callout.darken-text .arrow-button svg {
    fill: black; }
  .callout.purple {
    background: #8a74b2 !important;
    -webkit-transition: background 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: background 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: background 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    .callout.purple hgroup h1, .callout.purple hgroup h2, .callout.purple hgroup h3 {
      color: white !important; }
    .callout.purple .anystretch {
      opacity: 0.2 !important;
      filter: alpha(opacity=20 !important) !important; }
      .callout.purple .anystretch img {
        -webkit-filter: grayscale(60%);
        -moz-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
        -o-filter: grayscale(60%);
        filter: grayscale(60%); }
    .callout.purple:hover, .callout.purple:focus {
      background: #6f548d !important; }
  .callout.cycle article {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute !important; }
    .callout.cycle article .anystretch {
      z-index: 10 !important; }
  .callout .pager {
    z-index: 10000; }
    .callout .pager span {
      height: 6px;
      margin: 0 auto 10px; }
  @media (max-width: 1024px) {
    .callout {
      width: 100% !important;
      position: relative !important;
      height: 40vh;
      min-height: 300px;
      float: left;
      clear: both;
      left: 0 !important; }
      .callout hgroup {
        top: 60px;
        width: 90%;
        height: auto !important;
        -webkit-transform: translateY(0) translateX(-50%);
        -moz-transform: translateY(0) translateX(-50%);
        -ms-transform: translateY(0) translateX(-50%);
        -o-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%); }
        .callout hgroup h1 {
          margin: 12px 0;
          font-size: 2rem !important; }
      .callout:hover .anystretch, .callout:focus .anystretch {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }

.box-button {
  height: 60px;
  padding: 0 30px;
  color: white !important;
  font-size: 0.66rem;
  display: inline-block;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  white-space: nowrap;
  -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
  .box-button.purple {
    background: rgba(111, 84, 141, 0.9); }
    .box-button.purple:hover, .box-button.purple:focus {
      background: #6f548d; }
  .box-button.green {
    background: rgba(81, 110, 0, 0.9); }
    .box-button.green:hover, .box-button.green:focus {
      background: #516e00; }
  .box-button.yellow {
    background: #c4ab00; }
    .box-button.yellow:hover, .box-button.yellow:focus {
      background: #ad9702; }
  .box-button.orange {
    background: #d74d1a; }
    .box-button.orange:hover, .box-button.orange:focus {
      background: #bf4517; }
  .box-button.blue {
    background: #5d97aa; }
    .box-button.blue:hover, .box-button.blue:focus {
      background: #538697; }
  .box-button.gray {
    background: #ebebeb;
    color: #232323 !important; }
    .box-button.gray:hover, .box-button.gray:focus {
      background: #7a7a7a;
      color: white !important; }

.arrow-button {
  color: white;
  font-size: 0.66rem;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  position: relative;
  padding-right: 12px; }
  .arrow-button svg {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 100%; }
  .arrow-button.green {
    color: #ecffc5; }
    .arrow-button.green svg {
      fill: #ecffc5; }

.circle-button {
  display: block;
  width: 171px;
  text-align: center;
  line-height: 171px;
  height: 171px;
  background: #232323;
  color: #ffffff;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  .circle-button:hover {
    background: #8a74b2;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.5);
    transform: translateX(-50%) translateY(-50%) scale(1.5); }

span#show-more {
  height: 90px;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: #8a74b2;
  cursor: pointer;
  display: inline-block;
  width: 73.5%;
  line-height: 90px;
  color: white;
  margin: 0 0 0 13.25%;
  letter-spacing: 0.1rem;
  -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
  span#show-more svg {
    width: 15px;
    height: auto;
    fill: #ffffff; }
  span#show-more:hover {
    background: #6f548d; }
  span#show-more.hidden {
    cursor: default; }
    span#show-more.hidden:after {
      content: 'You have reached the end';
      position: absolute;
      top: 0;
      left: 0;
      color: #7a7a7a;
      text-align: center;
      line-height: 90px;
      background: #fcfcfc;
      width: 100%;
      height: 100%;
      z-index: 100; }
  @media (max-width: 1440px) {
    span#show-more {
      width: 90%;
      margin-left: 5%; } }
  @media (max-width: 1024px) {
    span#show-more {
      width: 100%;
      margin: 0 !important;
      height: 60px;
      line-height: 60px; }
      span#show-more svg {
        width: 20px;
        position: absolute;
        right: 15px;
        top: 50%;
        z-index: 1000;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      span#show-more:after {
        content: '';
        background: #6f548d;
        width: 45.0112528132px;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 10;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); } }

.pager {
  position: absolute;
  z-index: 1000;
  top: 30px;
  right: 0;
  width: 60px;
  text-align: center; }
  .pager span {
    display: block;
    text-indent: -9999px;
    background: #8a74b2;
    height: 10px;
    width: 100%;
    clear: both;
    max-width: 25%;
    cursor: pointer;
    opacity: 0.75 !important;
    filter: alpha(opacity=75 !important) !important;
    margin: 0 auto 30px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    .pager span:hover, .pager span:focus {
      max-width: 75%;
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important; }
    .pager span.cycle-pager-active {
      max-width: 100%;
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important; }
      .pager span.cycle-pager-active:hover, .pager span.cycle-pager-active:focus {
        max-width: 100%; }
  .pager.white span {
    background: #ffffff; }

.wpcf7-form {
  width: 100%; }
  .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form input[type=tel], .wpcf7-form input[type=date] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: white;
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    border: none;
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #8a74b2;
    font-size: 1rem;
    line-height: 60px;
    margin-bottom: 30px;
    color: #232323;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .wpcf7-form input[type=text]:-webkit-autofill, .wpcf7-form input[type=email]:-webkit-autofill, .wpcf7-form input[type=password]:-webkit-autofill, .wpcf7-form input[type=tel]:-webkit-autofill, .wpcf7-form input[type=date]:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }
    .wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7-form input[type=password]::-webkit-input-placeholder, .wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7-form input[type=date]::-webkit-input-placeholder {
      color: #7a7a7a; }
    .wpcf7-form input[type=text]:-moz-placeholder, .wpcf7-form input[type=email]:-moz-placeholder, .wpcf7-form input[type=password]:-moz-placeholder, .wpcf7-form input[type=tel]:-moz-placeholder, .wpcf7-form input[type=date]:-moz-placeholder {
      color: #7a7a7a; }
    .wpcf7-form input[type=text]::-moz-placeholder, .wpcf7-form input[type=email]::-moz-placeholder, .wpcf7-form input[type=password]::-moz-placeholder, .wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7-form input[type=date]::-moz-placeholder {
      color: #7a7a7a; }
    .wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7-form input[type=password]:-ms-input-placeholder, .wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7-form input[type=date]:-ms-input-placeholder {
      color: #7a7a7a; }
    .wpcf7-form input[type=text].error, .wpcf7-form input[type=text].mce_inline_error, .wpcf7-form input[type=text].wpcf7-not-valid, .wpcf7-form input[type=email].error, .wpcf7-form input[type=email].mce_inline_error, .wpcf7-form input[type=email].wpcf7-not-valid, .wpcf7-form input[type=password].error, .wpcf7-form input[type=password].mce_inline_error, .wpcf7-form input[type=password].wpcf7-not-valid, .wpcf7-form input[type=tel].error, .wpcf7-form input[type=tel].mce_inline_error, .wpcf7-form input[type=tel].wpcf7-not-valid, .wpcf7-form input[type=date].error, .wpcf7-form input[type=date].mce_inline_error, .wpcf7-form input[type=date].wpcf7-not-valid {
      border-color: #7a7a7a; }
    .wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus, .wpcf7-form input[type=password]:focus, .wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=date]:focus {
      color: #8a74b2; }
      .wpcf7-form input[type=text]:focus::-webkit-input-placeholder, .wpcf7-form input[type=email]:focus::-webkit-input-placeholder, .wpcf7-form input[type=password]:focus::-webkit-input-placeholder, .wpcf7-form input[type=tel]:focus::-webkit-input-placeholder, .wpcf7-form input[type=date]:focus::-webkit-input-placeholder {
        color: #8a74b2; }
      .wpcf7-form input[type=text]:focus:-moz-placeholder, .wpcf7-form input[type=email]:focus:-moz-placeholder, .wpcf7-form input[type=password]:focus:-moz-placeholder, .wpcf7-form input[type=tel]:focus:-moz-placeholder, .wpcf7-form input[type=date]:focus:-moz-placeholder {
        color: #8a74b2; }
      .wpcf7-form input[type=text]:focus::-moz-placeholder, .wpcf7-form input[type=email]:focus::-moz-placeholder, .wpcf7-form input[type=password]:focus::-moz-placeholder, .wpcf7-form input[type=tel]:focus::-moz-placeholder, .wpcf7-form input[type=date]:focus::-moz-placeholder {
        color: #8a74b2; }
      .wpcf7-form input[type=text]:focus:-ms-input-placeholder, .wpcf7-form input[type=email]:focus:-ms-input-placeholder, .wpcf7-form input[type=password]:focus:-ms-input-placeholder, .wpcf7-form input[type=tel]:focus:-ms-input-placeholder, .wpcf7-form input[type=date]:focus:-ms-input-placeholder {
        color: #8a74b2; }
  .wpcf7-form input[type=submit], .wpcf7-form input[type=button], .wpcf7-form input[type=image] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 60px;
    padding: 0 30px;
    color: white !important;
    font-size: 0.66rem;
    display: inline-block;
    line-height: 60px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    background: #8a74b2;
    border: none;
    float: right;
    cursor: pointer;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    .wpcf7-form input[type=submit]:hover, .wpcf7-form input[type=submit]:focus, .wpcf7-form input[type=button]:hover, .wpcf7-form input[type=button]:focus, .wpcf7-form input[type=image]:hover, .wpcf7-form input[type=image]:focus {
      background: #6f548d; }
  .wpcf7-form input[type=checkbox], .wpcf7-form input[type=radio] {
    margin: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
  .wpcf7-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: white;
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    border: 1px solid #8a74b2;
    padding: 30px;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 60px;
    color: #232323; }
    .wpcf7-form textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }
    .wpcf7-form textarea::-webkit-input-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form textarea:-moz-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form textarea::-moz-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form textarea:-ms-input-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form textarea.error {
      border-color: #ebebeb; }
    .wpcf7-form textarea:focus {
      border-color: #98bb5d; }
  .wpcf7-form select.wpcf7-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0);
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    border: none;
    border-bottom: 1px solid #8a74b2;
    width: 100%;
    height: 60px;
    position: relative;
    font-size: 1rem;
    z-index: 10;
    margin-bottom: 30px;
    color: #8a74b2;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .wpcf7-form select.wpcf7-select:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }
    .wpcf7-form select.wpcf7-select::-webkit-input-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form select.wpcf7-select:-moz-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form select.wpcf7-select::-moz-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form select.wpcf7-select:-ms-input-placeholder {
      text-transform: uppercase;
      color: #7a7a7a; }
    .wpcf7-form select.wpcf7-select.selected {
      color: #232323; }
    .wpcf7-form select.wpcf7-select.error, .wpcf7-form select.wpcf7-select.mce_inline_error, .wpcf7-form select.wpcf7-select.wpcf7-not-valid {
      border-color: #8a74b2; }
  .wpcf7-form .wpcf7-form-control-wrap.subject {
    position: relative; }
    .wpcf7-form .wpcf7-form-control-wrap.subject:after {
      content: '';
      width: 60px;
      z-index: 1;
      height: 60px;
      background: #8a74b2 url(../images/ui/chevron-down-white.svg) no-repeat center center;
      -webkit-background-size: auto 10px !important;
      -moz-background-size: auto 10px !important;
      -o-background-size: auto 10px !important;
      background-size: auto 10px !important;
      position: absolute;
      right: 0;
      top: -17px; }
  .wpcf7-form label {
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    text-transform: uppercase; }
  .wpcf7-form .wpcf7-response-output {
    clear: both;
    float: left;
    width: 100%;
    border: none !important;
    margin: 30px 0 !important;
    padding: 1rem !important;
    background: #ebebeb !important;
    color: #232323 !important; }
    .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
      background: #ebebeb !important;
      color: #232323 !important; }
    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
      background: #ef561d !important;
      color: #ffffff !important; }
  .wpcf7-form .wpcf7-not-valid-tip {
    color: #ef561d;
    margin-top: -15px;
    margin-bottom: 15px; }
  .wpcf7-form img.ajax-loader {
    border: none;
    vertical-align: middle;
    position: absolute;
    margin-top: 1rem;
    margin-left: 2rem !important; }

nav.filters,
nav.search {
  position: absolute;
  height: 60px;
  width: 100%;
  top: 0;
  text-align: center;
  overflow: visible;
  z-index: 999;
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: bold; }
  nav.filters .tab,
  nav.search .tab {
    font-family: "Austin", "Garamound", serif;
    font-size: 1rem;
    min-width: 300px;
    width: 12vw;
    float: left;
    padding: 30px;
    color: #7a7a7a;
    text-transform: none;
    cursor: pointer; }
    nav.filters .tab.active,
    nav.search .tab.active {
      background: #8a74b2;
      color: white; }
  nav.filters ul#primary,
  nav.search ul#primary {
    margin: 0 auto;
    position: relative; }
    nav.filters ul#primary li,
    nav.search ul#primary li {
      display: inline-block;
      height: 90px;
      line-height: 90px;
      color: white;
      position: relative;
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      float: left; }
      nav.filters ul#primary li.parent span,
      nav.search ul#primary li.parent span {
        position: relative; }
        nav.filters ul#primary li.parent span svg,
        nav.search ul#primary li.parent span svg {
          fill: #ffffff;
          top: 2px;
          width: 10px;
          height: 10px;
          position: absolute;
          right: -20px; }
        nav.filters ul#primary li.parent span em,
        nav.search ul#primary li.parent span em {
          font-style: normal !important; }
      nav.filters ul#primary li.filter, nav.filters ul#primary li.toggle,
      nav.search ul#primary li.filter,
      nav.search ul#primary li.toggle {
        cursor: pointer; }
      nav.filters ul#primary li.label,
      nav.search ul#primary li.label {
        color: #232323; }
        nav.filters ul#primary li.label.fill,
        nav.search ul#primary li.label.fill {
          width: 10%; }
          nav.filters ul#primary li.label.fill span,
          nav.search ul#primary li.label.fill span {
            opacity: 0.5 !important;
            filter: alpha(opacity=50 !important) !important; }
      nav.filters ul#primary li.fill,
      nav.search ul#primary li.fill {
        background: #8a74b2; }
      nav.filters ul#primary li.icon,
      nav.search ul#primary li.icon {
        width: 80px;
        position: absolute;
        right: 0;
        top: 0; }
        nav.filters ul#primary li.icon svg,
        nav.search ul#primary li.icon svg {
          position: absolute;
          fill: #232323;
          top: 50%;
          left: 50%;
          margin-left: -10px;
          margin-top: -10px;
          width: 20px;
          height: 20px; }
    nav.filters ul#primary.active li.parent,
    nav.search ul#primary.active li.parent {
      color: #6f548d; }
      nav.filters ul#primary.active li.parent svg,
      nav.search ul#primary.active li.parent svg {
        fill: #6f548d; }
      nav.filters ul#primary.active li.parent.active,
      nav.search ul#primary.active li.parent.active {
        color: #ffffff; }
        nav.filters ul#primary.active li.parent.active svg,
        nav.search ul#primary.active li.parent.active svg {
          fill: #ffffff; }
  nav.filters#classes-filters ul#primary,
  nav.search#classes-filters ul#primary {
    background: #ebebeb;
    max-width: 73.5%; }
    nav.filters#classes-filters ul#primary li.parent, nav.filters#classes-filters ul#primary li.label,
    nav.search#classes-filters ul#primary li.parent,
    nav.search#classes-filters ul#primary li.label {
      width: -moz-calc(17.15% - 20px);
      width: -webkit-calc(17.15% - 20px);
      width: calc(17.15% - 20px); }
    nav.filters#classes-filters ul#primary li.label:nth-of-type(1),
    nav.search#classes-filters ul#primary li.label:nth-of-type(1) {
      width: 16% !important; }
  nav.filters#classes-filters ul.sub,
  nav.search#classes-filters ul.sub {
    background: rgba(111, 84, 141, 0.9);
    top: 90px;
    left: 13.25%;
    width: 73.5%; }
  @media (max-width: 1440px) {
    nav.filters#classes-filters,
    nav.search#classes-filters {
      max-width: 90%;
      width: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      nav.filters#classes-filters ul#primary,
      nav.search#classes-filters ul#primary {
        max-width: 100%; }
      nav.filters#classes-filters ul.sub,
      nav.search#classes-filters ul.sub {
        max-width: 100%;
        width: 100%;
        left: 0%; } }
  nav.filters ul.sub,
  nav.search ul.sub {
    padding: 0;
    position: absolute;
    max-height: 0px;
    overflow: hidden;
    line-height: 2px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    nav.filters ul.sub li,
    nav.search ul.sub li {
      color: white;
      cursor: pointer;
      display: inline;
      margin: 0 10px;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important; }
    nav.filters ul.sub.active,
    nav.search ul.sub.active {
      max-height: 60px;
      padding: 30px; }
      nav.filters ul.sub.active li,
      nav.search ul.sub.active li {
        opacity: 1 !important;
        filter: alpha(opacity=100 !important) !important; }
        nav.filters ul.sub.active li:hover, nav.filters ul.sub.active li:focus,
        nav.search ul.sub.active li:hover,
        nav.search ul.sub.active li:focus {
          -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
          -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
          transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
          opacity: 0.5 !important;
          filter: alpha(opacity=50 !important) !important;
          -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
          -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
          transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  nav.filters#plants-filters,
  nav.search#plants-filters {
    margin: 0 auto;
    position: relative;
    max-width: 73.5%; }
    nav.filters#plants-filters div#wrap,
    nav.search#plants-filters div#wrap {
      background: #8a74b2;
      padding: 30px;
      width: 100%;
      float: left;
      position: relative; }
      nav.filters#plants-filters div#wrap ul#primary,
      nav.search#plants-filters div#wrap ul#primary {
        background: rgba(255, 255, 255, 0.2); }
        nav.filters#plants-filters div#wrap ul#primary #count,
        nav.search#plants-filters div#wrap ul#primary #count {
          width: 16.4%;
          background: #ffffff;
          color: #232323; }
        nav.filters#plants-filters div#wrap ul#primary .label,
        nav.search#plants-filters div#wrap ul#primary .label {
          padding-left: 30px; }
        nav.filters#plants-filters div#wrap ul#primary .filter,
        nav.filters#plants-filters div#wrap ul#primary .label,
        nav.search#plants-filters div#wrap ul#primary .filter,
        nav.search#plants-filters div#wrap ul#primary .label {
          padding-right: -moz-calc(5.5% - 30px);
          padding-right: -webkit-calc(5.5% - 30px);
          padding-right: calc(5.5% - 30px); }
      nav.filters#plants-filters div#wrap ul.sub,
      nav.search#plants-filters div#wrap ul.sub {
        width: 100%;
        height: 90px;
        left: 0;
        top: 120px;
        background: #8a74b2; }
    @media (max-width: 1440px) {
      nav.filters#plants-filters,
      nav.search#plants-filters {
        max-width: 90%;
        width: 90%; } }
  nav.filters#teachers-filters,
  nav.search#teachers-filters {
    height: 90px;
    margin: 0 auto;
    position: relative;
    max-width: 60%;
    margin-bottom: 180px; }
    nav.filters#teachers-filters ul#primary,
    nav.search#teachers-filters ul#primary {
      background: #8a74b2; }
      nav.filters#teachers-filters ul#primary .filter,
      nav.filters#teachers-filters ul#primary .parent,
      nav.search#teachers-filters ul#primary .filter,
      nav.search#teachers-filters ul#primary .parent {
        width: -moz-calc(15%);
        width: -webkit-calc(15%);
        width: calc(15%); }
      nav.filters#teachers-filters ul#primary .label,
      nav.search#teachers-filters ul#primary .label {
        background: #ebebeb;
        width: -moz-calc(15%);
        width: -webkit-calc(15%);
        width: calc(15%); }
        nav.filters#teachers-filters ul#primary .label.fill,
        nav.search#teachers-filters ul#primary .label.fill {
          background: #8a74b2;
          width: -moz-calc(10%);
          width: -webkit-calc(10%);
          width: calc(10%); }
    nav.filters#teachers-filters ul.sub,
    nav.search#teachers-filters ul.sub {
      width: 100%;
      height: 90px;
      left: 0;
      top: 90px;
      background: #8a74b2; }
    @media (max-width: 1440px) {
      nav.filters#teachers-filters,
      nav.search#teachers-filters {
        max-width: 90%;
        width: 90%; } }
  nav.filters#trial-filters,
  nav.search#trial-filters {
    height: 90px;
    margin: 0 auto;
    position: relative;
    max-width: 60%;
    margin-top: 60px;
    margin-bottom: 60px; }
    nav.filters#trial-filters ul#primary,
    nav.search#trial-filters ul#primary {
      background: #8a74b2; }
      nav.filters#trial-filters ul#primary .filter,
      nav.filters#trial-filters ul#primary .parent,
      nav.search#trial-filters ul#primary .filter,
      nav.search#trial-filters ul#primary .parent {
        width: -moz-calc(15%);
        width: -webkit-calc(15%);
        width: calc(15%); }
      nav.filters#trial-filters ul#primary .label,
      nav.search#trial-filters ul#primary .label {
        background: #ebebeb;
        width: -moz-calc(15%);
        width: -webkit-calc(15%);
        width: calc(15%); }
        nav.filters#trial-filters ul#primary .label.fill,
        nav.search#trial-filters ul#primary .label.fill {
          background: #8a74b2;
          width: -moz-calc(10%);
          width: -webkit-calc(10%);
          width: calc(10%); }
    nav.filters#trial-filters ul.sub,
    nav.search#trial-filters ul.sub {
      width: 100%;
      height: 90px;
      left: 0;
      top: 90px;
      background: #8a74b2; }
    @media (max-width: 1440px) {
      nav.filters#trial-filters,
      nav.search#trial-filters {
        max-width: 90%;
        width: 90%; } }
  nav.filters#news-filters,
  nav.search#news-filters {
    height: 90px;
    margin: 0 auto;
    position: relative;
    width: 73.5%;
    max-width: 1200px;
    margin-bottom: 60px; }
    nav.filters#news-filters ul#primary,
    nav.search#news-filters ul#primary {
      background: #8a74b2; }
      nav.filters#news-filters ul#primary .filter,
      nav.filters#news-filters ul#primary .label,
      nav.filters#news-filters ul#primary .label.fill,
      nav.filters#news-filters ul#primary .parent,
      nav.search#news-filters ul#primary .filter,
      nav.search#news-filters ul#primary .label,
      nav.search#news-filters ul#primary .label.fill,
      nav.search#news-filters ul#primary .parent {
        width: -moz-calc(20%);
        width: -webkit-calc(20%);
        width: calc(20%); }
      nav.filters#news-filters ul#primary .label,
      nav.search#news-filters ul#primary .label {
        background: #ebebeb; }
        nav.filters#news-filters ul#primary .label.fill,
        nav.search#news-filters ul#primary .label.fill {
          background: #8a74b2; }
    nav.filters#news-filters ul.sub,
    nav.search#news-filters ul.sub {
      width: 100%;
      height: 90px;
      left: 0;
      top: 90px;
      background: #8a74b2; }
    @media (max-width: 1440px) {
      nav.filters#news-filters,
      nav.search#news-filters {
        max-width: 90%;
        width: 90%; } }
  nav.filters#retailers-filters,
  nav.search#retailers-filters {
    height: 90px;
    margin: 0 auto;
    position: relative;
    max-width: 50%; }
    nav.filters#retailers-filters ul#primary,
    nav.search#retailers-filters ul#primary {
      background: #ebebeb; }
      nav.filters#retailers-filters ul#primary .filter,
      nav.filters#retailers-filters ul#primary .label,
      nav.filters#retailers-filters ul#primary .label.fill,
      nav.filters#retailers-filters ul#primary .parent,
      nav.search#retailers-filters ul#primary .filter,
      nav.search#retailers-filters ul#primary .label,
      nav.search#retailers-filters ul#primary .label.fill,
      nav.search#retailers-filters ul#primary .parent {
        width: -moz-calc(25%);
        width: -webkit-calc(25%);
        width: calc(25%); }
    nav.filters#retailers-filters ul.sub,
    nav.search#retailers-filters ul.sub {
      width: 100%;
      height: 90px;
      left: 0;
      top: 90px;
      background: #8a74b2; }
  nav.filters.search,
  nav.search.search {
    padding: 30px;
    height: 150px;
    background: #6f548d;
    position: relative;
    width: 73.5%;
    margin: 0 auto 60px; }
    nav.filters.search ul#primary,
    nav.search.search ul#primary {
      background: #8a74b2; }
      nav.filters.search ul#primary li,
      nav.search.search ul#primary li {
        cursor: default; }
        nav.filters.search ul#primary li.results,
        nav.search.search ul#primary li.results {
          max-width: 210px;
          width: 25%;
          background: #ffffff; }
        nav.filters.search ul#primary li.term,
        nav.search.search ul#primary li.term {
          margin: 0 0 0 60px;
          width: -moz-calc(75% - 260px);
          width: -webkit-calc(75% - 260px);
          width: calc(75% - 260px);
          text-align: left; }
          nav.filters.search ul#primary li.term span,
          nav.search.search ul#primary li.term span {
            color: #ffffff;
            margin-left: 15px; }
        nav.filters.search ul#primary li.form,
        nav.search.search ul#primary li.form {
          width: 200px;
          text-align: right;
          position: relative;
          float: right; }
          nav.filters.search ul#primary li.form input[type=text],
          nav.search.search ul#primary li.form input[type=text] {
            border: none;
            margin-right: 60px;
            width: 100%;
            max-width: 180px;
            background: transparent;
            color: white;
            font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
            height: 30px;
            padding: 10px;
            font-size: 0.8rem;
            line-height: 30px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */ }
            nav.filters.search ul#primary li.form input[type=text]::-webkit-input-placeholder,
            nav.search.search ul#primary li.form input[type=text]::-webkit-input-placeholder {
              color: #ffffff; }
            nav.filters.search ul#primary li.form input[type=text]:-moz-placeholder,
            nav.search.search ul#primary li.form input[type=text]:-moz-placeholder {
              color: #ffffff; }
            nav.filters.search ul#primary li.form input[type=text]::-moz-placeholder,
            nav.search.search ul#primary li.form input[type=text]::-moz-placeholder {
              color: #ffffff; }
            nav.filters.search ul#primary li.form input[type=text]:-ms-input-placeholder,
            nav.search.search ul#primary li.form input[type=text]:-ms-input-placeholder {
              color: #ffffff; }
          nav.filters.search ul#primary li.form input[type=submit],
          nav.search.search ul#primary li.form input[type=submit] {
            display: none;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */ }
          nav.filters.search ul#primary li.form span,
          nav.search.search ul#primary li.form span {
            height: 60px;
            width: 60px;
            position: absolute;
            top: 50%;
            right: 15px;
            overflow: hidden;
            cursor: pointer;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
            nav.filters.search ul#primary li.form span strong,
            nav.search.search ul#primary li.form span strong {
              display: none; }
            nav.filters.search ul#primary li.form span svg,
            nav.search.search ul#primary li.form span svg {
              width: 15px;
              height: auto;
              fill: #ffffff;
              top: 50%;
              left: 50%;
              position: absolute;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
    @media (max-width: 1440px) {
      nav.filters.search,
      nav.search.search {
        max-width: 90%;
        width: 90%; } }
  nav.filters.mobile,
  nav.search.mobile {
    height: auto !important;
    overflow: hidden;
    display: none;
    background: #8a74b2;
    text-align: center;
    max-height: 60px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    nav.filters.mobile .toggle,
    nav.search.mobile .toggle {
      position: relative;
      width: 100%;
      line-height: 60px;
      color: #ffffff;
      text-align: center;
      display: block; }
      nav.filters.mobile .toggle:after,
      nav.search.mobile .toggle:after {
        content: '';
        background: #6f548d;
        width: 45.0112528132px;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 10;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      nav.filters.mobile .toggle svg,
      nav.search.mobile .toggle svg {
        z-index: 100;
        height: auto;
        width: 12px;
        position: absolute;
        top: 50%;
        right: 15px;
        fill: #ffffff;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    nav.filters.mobile select,
    nav.search.mobile select {
      font-size: 0.666rem;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.125rem;
      height: 60px;
      line-height: 60px;
      background: #8a74b2;
      padding: 0 30px;
      width: 100%;
      color: #ffffff;
      border: none;
      border-top: 1px solid #6f548d;
      -webkit-border-radius: 0;
      border-radius: 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }
    nav.filters.mobile.expand,
    nav.search.mobile.expand {
      background: #6f548d; }
      nav.filters.mobile.expand .toggle:after,
      nav.search.mobile.expand .toggle:after {
        background: #8a74b2; }
      nav.filters.mobile.expand .toggle svg,
      nav.search.mobile.expand .toggle svg {
        -webkit-transform: rotate(180deg) translateY(50%);
        -moz-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        -o-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%); }
  @media (max-width: 1024px) {
    nav.filters,
    nav.search {
      height: 60px !important;
      width: 100% !important; }
      nav.filters:not(.mobile),
      nav.search:not(.mobile) {
        display: none; }
      nav.filters.mobile, nav.filters.search,
      nav.search.mobile,
      nav.search.search {
        display: block; }
      nav.filters.search,
      nav.search.search {
        height: auto !important;
        padding: 0;
        margin-bottom: 30px; }
        nav.filters.search ul#primary li.results,
        nav.search.search ul#primary li.results {
          display: none;
          width: 100%;
          max-width: 100%;
          height: 60px;
          line-height: 60px; }
        nav.filters.search ul#primary li.term,
        nav.search.search ul#primary li.term {
          margin: 0;
          width: 100%;
          text-align: center;
          height: 60px;
          line-height: 60px; }
        nav.filters.search ul#primary li.form,
        nav.search.search ul#primary li.form {
          width: 100%;
          height: 60px;
          float: left;
          clear: both;
          line-height: 60px;
          background: #6f548d; }
          nav.filters.search ul#primary li.form input[type=text],
          nav.search.search ul#primary li.form input[type=text] {
            max-width: 100%;
            text-align: center;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */ }
      nav.filters#plants-filters,
      nav.search#plants-filters {
        display: block;
        max-width: 100%;
        top: 0;
        position: absolute;
        height: 60px;
        overflow: hidden; }
        nav.filters#plants-filters div#wrap,
        nav.search#plants-filters div#wrap {
          display: none; }
        nav.filters#plants-filters .tab,
        nav.search#plants-filters .tab {
          width: 50%;
          float: left;
          min-width: 0;
          font-size: 1.25rem !important;
          line-height: 60px;
          height: 60px;
          padding: 0; }
          nav.filters#plants-filters .tab.active,
          nav.search#plants-filters .tab.active {
            background: #6f548d; }
      nav.filters#plants-filters-mobile,
      nav.search#plants-filters-mobile {
        top: 60px; } }

#no-results {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 50%;
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important;
  visibility: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  #no-results h1 {
    font-family: "Austin", "Garamound", serif;
    color: #232323;
    font-size: 2rem;
    margin-bottom: 15px; }
  #no-results span {
    color: #ffffff;
    cursor: pointer; }
  #no-results.show {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    visibility: visible; }

.video-js .vjs-control-bar,
.video-js .vjs-hidden,
.video-js .vjs-big-play-button {
  display: none; }

#hero-banner {
  width: 100%;
  min-height: 700px;
  height: -moz-calc(100vh -  30px);
  height: -webkit-calc(100vh -  30px);
  height: calc(100vh -  30px);
  background: #232323;
  z-index: 10;
  position: relative; }
  #hero-banner article {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10 !important;
    background: #232323 !important;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important;
    -webkit-transition: 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.5s cubic-bezier(0.28, 0, 0.18, 1); }
    #hero-banner article hgroup {
      position: absolute;
      width: 50%;
      left: 50%;
      max-width: 1000px;
      top: 50%;
      z-index: 10;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      text-align: center;
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      #hero-banner article hgroup h1 {
        color: #232323;
        font-family: "Austin", "Garamound", serif;
        font-size: 5rem;
        line-height: 1;
        margin-bottom: 30px; }
        #hero-banner article hgroup h1 span {
          opacity: 0 !important;
          filter: alpha(opacity=0 !important) !important;
          position: relative;
          display: inline-block;
          -webkit-transform: translateY(5%);
          -moz-transform: translateY(5%);
          -ms-transform: translateY(5%);
          -o-transform: translateY(5%);
          transform: translateY(5%);
          -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
          #hero-banner article hgroup h1 span.show {
            opacity: 1 !important;
            filter: alpha(opacity=100 !important) !important;
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            transform: translateY(0%); }
      #hero-banner article hgroup span.arrow-button {
        color: #232323;
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        position: relative;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }
        #hero-banner article hgroup span.arrow-button svg {
          fill: #232323; }
        #hero-banner article hgroup span.arrow-button.show {
          opacity: 1 !important;
          filter: alpha(opacity=100 !important) !important;
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
    #hero-banner article .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
      #hero-banner article .target span {
        display: none; }
    #hero-banner article .anystretch {
      -webkit-transition: transform 12s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: transform 12s cubic-bezier(0.28, 0, 0.18, 1);
      transition: transform 12s cubic-bezier(0.28, 0, 0.18, 1); }
    #hero-banner article.white hgroup h1 {
      color: white; }
    #hero-banner article.white hgroup span.arrow-button {
      color: #ffffff; }
      #hero-banner article.white hgroup span.arrow-button svg {
        fill: #ffffff; }
    #hero-banner article.cycle-slide-active {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important; }
      #hero-banner article.cycle-slide-active.still .anystretch {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      @media (max-width: 1024px) {
        #hero-banner article.cycle-slide-active .anystretch {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); } }
    #hero-banner article.video .video-js {
      background: #232323;
      opacity: 0; }
      #hero-banner article.video .video-js.show {
        opacity: 1; }
    #hero-banner article.video .anystretch {
      display: none; }
  #hero-banner .pager {
    top: 50%;
    right: 0;
    width: 60px; }
  #hero-banner .scroll {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    text-indent: -999px;
    overflow: hidden; }
  #hero-banner .video-js {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%; }
    #hero-banner .video-js video {
      width: 100%;
      height: 100%; }
  @media (max-width: 1024px) {
    #hero-banner {
      min-height: 400px;
      height: -moz-calc(400px);
      height: -webkit-calc(400px);
      height: calc(400px); }
      #hero-banner article hgroup {
        width: 90%;
        margin-top: 20px; }
        #hero-banner article hgroup h1 {
          margin-bottom: 0;
          font-size: 3rem !important; }
      #hero-banner article .video-js {
        display: none !important; }
      #hero-banner article.video .anystretch {
        display: block; }
      #hero-banner .pager {
        top: auto;
        width: 100%;
        bottom: 60px;
        text-align: center; }
        #hero-banner .pager span {
          width: 60px;
          height: 6px;
          display: inline-block;
          margin: 0 6px;
          opacity: 0.5 !important;
          filter: alpha(opacity=50 !important) !important; }
          #hero-banner .pager span.cycle-pager-active {
            max-width: 60px;
            opacity: 1 !important;
            filter: alpha(opacity=100 !important) !important; }
      #hero-banner .scroll {
        display: none; } }

#mobile-callouts {
  width: 100%;
  height: 200px;
  display: none;
  position: relative;
  z-index: 100; }
  #mobile-callouts aside {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    color: white;
    padding: 30px; }
    #mobile-callouts aside:nth-of-type(1) {
      background: #68a8bd;
      left: 0; }
    #mobile-callouts aside:nth-of-type(2) {
      background: #98bb5d;
      right: 0; }
    #mobile-callouts aside h2 {
      font-family: "Austin", "Garamound", serif;
      font-size: 2rem;
      margin-bottom: 15px; }
    #mobile-callouts aside ul {
      margin-bottom: 15px; }
      #mobile-callouts aside ul li {
        margin-bottom: 6px;
        color: #ffffff; }
    #mobile-callouts aside .arrow-button svg {
      fill: #ffffff; }
    #mobile-callouts aside .target {
      position: absolute;
      z-index: 100;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #mobile-callouts aside .target span {
        display: none; }
  @media (max-width: 1024px) {
    #mobile-callouts {
      display: block; } }

.loaded #hero-banner, .home #hero-banner {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }
  .loaded #hero-banner.cycle-paused article, .home #hero-banner.cycle-paused article {
    -webkit-transition: 1s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 1s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 1s cubic-bezier(0.28, 0, 0.18, 1); }
    .loaded #hero-banner.cycle-paused article hgroup, .home #hero-banner.cycle-paused article hgroup {
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important; }
  .loaded #hero-banner.cycle-paused article.still .anystretch, .home #hero-banner.cycle-paused article.still .anystretch {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 1s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: transform 1s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 1s cubic-bezier(0.28, 0, 0.18, 1); }

#hero-text {
  width: 100%;
  background: #ffffff;
  z-index: 10;
  position: relative;
  padding-top: 15vw;
  padding-bottom: 10vw; }
  #hero-text article {
    position: relative;
    left: 10%;
    width: 80%;
    z-index: 100;
    text-align: center;
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }
    #hero-text article h1 {
      font-family: "Austin", "Garamound", serif;
      color: #7a7a7a;
      font-size: 3rem;
      width: 75%;
      margin: 0 auto;
      line-height: 1; }
      #hero-text article h1.green {
        color: #98bb5d; }
      #hero-text article h1.purple {
        color: #8a74b2; }
      #hero-text article h1.orange {
        color: #ef561d; }
      #hero-text article h1.yellow {
        color: #d2bf1a; }
      #hero-text article h1.blue {
        color: #68a8bd; }
      #hero-text article h1.white {
        color: #ffffff; }
    #hero-text article nav {
      margin-top: 60px;
      width: 100%; }
      #hero-text article nav span.subheading {
        color: #7a7a7a; }
      #hero-text article nav ul {
        position: relative;
        width: 100%;
        margin-top: 20px; }
        #hero-text article nav ul li {
          display: inline;
          margin: 0 10px; }
          #hero-text article nav ul li a {
            text-decoration: none;
            color: #7a7a7a;
            -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
            -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
            transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
            #hero-text article nav ul li a:hover, #hero-text article nav ul li a:focus {
              color: #232323; }
          #hero-text article nav ul li.current_page_item {
            opacity: 0.5 !important;
            filter: alpha(opacity=50 !important) !important; }
  #hero-text h2.title {
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  #hero-text.stretched {
    margin-bottom: 120px; }
    #hero-text.stretched article nav ul li a,
    #hero-text.stretched article nav span.subheading {
      color: #ffffff; }
    #hero-text.stretched article nav ul li.current_page_item {
      opacity: 0.8 !important;
      filter: alpha(opacity=80 !important) !important; }
    #hero-text.stretched h2.title {
      mix-blend-mode: overlay;
      opacity: 0.6 !important;
      filter: alpha(opacity=60 !important) !important; }
    @media (max-width: 1024px) {
      #hero-text.stretched {
        margin-bottom: 0; } }
  @media (max-width: 1024px) {
    #hero-text {
      padding-top: 150px;
      padding-bottom: 60px; }
      #hero-text article {
        left: auto;
        margin: 0 auto; }
        #hero-text article h1 {
          font-size: 2.25rem !important;
          width: 100%; }
        #hero-text article nav ul {
          margin-top: 30px; }
          #hero-text article nav ul li {
            margin: 20px 0;
            text-align: center;
            display: block;
            width: 100%; } }

.page-template-events #hero-text.stretched {
  margin-bottom: 0px !important; }

.page-template-about #hero-text {
  padding-top: 0;
  padding-bottom: 90px;
  background-color: #232323 !important; }
  .page-template-about #hero-text figure {
    height: 50vw;
    min-height: 600px;
    position: relative;
    width: 100%; }
    .page-template-about #hero-text figure:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 15vw;
      min-height: 200px;
      background: rgba(255, 255, 255, 0);
      z-index: 1000; }
    @media (max-width: 1024px) {
      .page-template-about #hero-text figure {
        height: 50vh;
        min-height: 400px; } }
  .page-template-about #hero-text h2 {
    color: white;
    font-family: "Austin", "Garamound", serif;
    font-size: 8rem;
    position: absolute;
    top: 300px;
    width: 100%;
    left: 0;
    text-align: center;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .page-template-about #hero-text .anystretch {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }
  .page-template-about #hero-text article {
    padding-top: 60px;
    z-index: 10000; }

.cssgradients.backgroundcliptext #hero-text article h1 {
  background-color: #7a7a7a;
  background-image: -webkit-linear-gradient(-360deg, #7a7a7a 0%, #232323 100%);
  background-image: linear-gradient(90deg,#7a7a7a 0%, #232323 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: rgba(0, 0, 0, 0) !important; }
  .cssgradients.backgroundcliptext #hero-text article h1.green, .cssgradients.backgroundcliptext #hero-text article h1.purple {
    background-color: #6f548d;
    background-image: -webkit-linear-gradient(-360deg, #6f548d 0%, #98bb5d 100%);
    background-image: linear-gradient(90deg,#6f548d 0%, #98bb5d 100%); }
  .cssgradients.backgroundcliptext #hero-text article h1.orange {
    background-color: #6f548d;
    background-image: -webkit-linear-gradient(-360deg, #6f548d 0%, #ef561d 100%);
    background-image: linear-gradient(90deg,#6f548d 0%, #ef561d 100%); }
  .cssgradients.backgroundcliptext #hero-text article h1.yellow {
    background-color: #6f548d;
    background-image: -webkit-linear-gradient(-360deg, #6f548d 0%, #d2bf1a 100%);
    background-image: linear-gradient(90deg,#6f548d 0%, #d2bf1a 100%); }
  .cssgradients.backgroundcliptext #hero-text article h1.blue {
    background-color: #6f548d;
    background-image: -webkit-linear-gradient(-360deg, #6f548d 0%, #68a8bd 100%);
    background-image: linear-gradient(90deg,#6f548d 0%, #68a8bd 100%); }
  .cssgradients.backgroundcliptext #hero-text article h1.white {
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: none;
    background-clip: none;
    color: #ffffff !important; }

.cssgradients.backgroundcliptext .page-template-about #hero-text figure:after {
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0) 0%, #232323 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, #232323 100%); }

.home #hero-text article {
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important;
  -webkit-transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
  -moz-transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
  transition: 1s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }

.home.loaded #hero-text article {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }

#intro {
  min-height: 700px;
  height: -moz-calc(100vh -  30px);
  height: -webkit-calc(100vh -  30px);
  height: calc(100vh -  30px);
  overflow: visible;
  z-index: 100;
  position: relative;
  width: 100%;
  float: left; }
  #intro article {
    width: 66%;
    height: -moz-calc(100vh -  15px);
    height: -webkit-calc(100vh -  15px);
    height: calc(100vh -  15px);
    min-height: 715px;
    position: absolute;
    left: 0;
    background: #ebebeb;
    top: -30px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #intro article .stretched {
      width: 60px;
      height: -moz-calc(100vh +  15px);
      height: -webkit-calc(100vh +  15px);
      height: calc(100vh +  15px);
      min-height: 745px;
      position: absolute !important;
      z-index: 1000 !important;
      left: 0;
      top: -30px;
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      -webkit-transition: all 0.3s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: all 0.3s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: all 0.3s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
    #intro article hgroup {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 75%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
      #intro article hgroup h1 {
        font-family: "Austin", "Garamound", serif;
        line-height: 1.2;
        font-size: 2rem;
        margin: 60px 0 120px 0; }
      #intro article hgroup h2 {
        color: #ffffff; }
    #intro article .caption {
      position: absolute;
      left: 0;
      z-index: 10000;
      width: 300px;
      text-align: right;
      bottom: 0;
      color: #232323;
      overflow: hidden;
      white-space: nowrap;
      -webkit-transform: rotate(90deg) translateX(-205px) translateY(120px);
      -moz-transform: rotate(90deg) translateX(-205px) translateY(120px);
      -ms-transform: rotate(90deg) translateX(-205px) translateY(120px);
      -o-transform: rotate(90deg) translateX(-205px) translateY(120px);
      transform: rotate(90deg) translateX(-205px) translateY(120px);
      opacity: 0.5 !important;
      filter: alpha(opacity=50 !important) !important; }
  #intro.tips article h2 {
    position: absolute;
    top: 90px;
    width: 100%;
    text-align: center;
    color: #ffffff; }
  #intro.tips article div.tip {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    #intro.tips article div.tip hgroup {
      top: 180px;
      width: 50%;
      z-index: 100;
      -webkit-transform: translateY(0) translateX(-50%);
      -moz-transform: translateY(0) translateX(-50%);
      -ms-transform: translateY(0) translateX(-50%);
      -o-transform: translateY(0) translateX(-50%);
      transform: translateY(0) translateX(-50%); }
      #intro.tips article div.tip hgroup .count {
        font-weight: bold;
        font-size: 5rem;
        opacity: 0.15 !important;
        filter: alpha(opacity=15 !important) !important; }
      #intro.tips article div.tip hgroup h3 {
        font-family: "Austin", "Garamound", serif;
        font-size: 5rem;
        margin-top: 40px; }
      #intro.tips article div.tip hgroup p {
        font-family: "Austin", "Garamound", serif;
        font-size: 2rem;
        line-height: 1.2;
        width: 75%;
        margin: 0 auto;
        padding: 0 10px; }
      @media (max-width: 1280px) {
        #intro.tips article div.tip hgroup {
          width: 75%; } }
    #intro.tips article div.tip img {
      width: 100%;
      height: auto;
      top: 50%;
      left: 60px;
      z-index: 10;
      position: absolute;
      -webkit-transform: translateY(-35%);
      -moz-transform: translateY(-35%);
      -ms-transform: translateY(-35%);
      -o-transform: translateY(-35%);
      transform: translateY(-35%); }
  #intro.tips article nav.tips {
    position: absolute;
    bottom: 90px;
    z-index: 10000;
    width: 100%;
    left: 0%;
    height: 5rem; }
    #intro.tips article nav.tips span {
      color: #ffffff;
      line-height: 5rem;
      display: block;
      position: absolute;
      top: 0;
      font-size: 0.75rem;
      cursor: pointer;
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      #intro.tips article nav.tips span svg {
        position: absolute;
        width: 10px;
        top: 55%;
        overflow: visible; }
        #intro.tips article nav.tips span svg * {
          fill: #ffffff; }
      #intro.tips article nav.tips span strong {
        font-weight: bold;
        font-size: 5rem;
        position: relative;
        top: 1.25rem;
        opacity: 0.15 !important;
        filter: alpha(opacity=15 !important) !important;
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      #intro.tips article nav.tips span:nth-of-type(1) {
        left: 50%;
        text-align: left;
        -webkit-transform: translateX(-120%);
        -moz-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
        -o-transform: translateX(-120%);
        transform: translateX(-120%); }
        #intro.tips article nav.tips span:nth-of-type(1) svg {
          left: -20px; }
      #intro.tips article nav.tips span:nth-of-type(2) {
        left: 50%;
        text-align: left;
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%); }
        #intro.tips article nav.tips span:nth-of-type(2) svg {
          right: -20px; }
      #intro.tips article nav.tips span:hover, #intro.tips article nav.tips span:focus {
        opacity: 0.75 !important;
        filter: alpha(opacity=75 !important) !important; }
        #intro.tips article nav.tips span:hover strong, #intro.tips article nav.tips span:focus strong {
          opacity: 1 !important;
          filter: alpha(opacity=100 !important) !important; }
    #intro.tips article nav.tips:after {
      content: '';
      position: absolute;
      left: 50%;
      width: 4px;
      background: #ffffff;
      opacity: 0.15 !important;
      filter: alpha(opacity=15 !important) !important;
      margin-left: -2px;
      top: 1.5rem;
      height: 100%; }
  #intro aside {
    width: 34%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -15px;
    background: #ebebeb;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s; }
    #intro aside .callout {
      height: 50%;
      z-index: 100 !important; }
  #intro.purple article {
    background: #725f95; }
    #intro.purple article #numbers {
      position: absolute;
      left: 20px;
      width: 30px;
      height: auto;
      bottom: 120px;
      z-index: 10000; }
  #intro.purple aside {
    background: #8a74b2; }
  #intro.green article {
    background: #85a550; }
  #intro.green aside {
    background: #85a550; }
  #intro.orange article {
    background: #ef561d; }
  #intro.orange aside {
    background: #ef561d; }
  #intro.yellow article {
    background: #d2bf1a; }
  #intro.yellow aside {
    background: #d2bf1a; }
  #intro.blue article {
    background: #68a8bd; }
  #intro.blue aside {
    background: #68a8bd; }
  @media (max-width: 1024px) {
    #intro {
      min-height: 0px;
      height: auto !important; }
      #intro article {
        width: 100%;
        min-height: 0px;
        height: auto !important;
        text-align: center;
        padding: 60px 0;
        position: relative;
        top: 0; }
        #intro article hgroup {
          position: relative;
          width: 90%;
          top: 0;
          left: 0;
          position: relative;
          margin: 0 auto;
          -webkit-transform: translateX(0%) translateY(0%);
          -moz-transform: translateX(0%) translateY(0%);
          -ms-transform: translateX(0%) translateY(0%);
          -o-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%); }
          #intro article hgroup h1 {
            margin: 30px 0;
            font-size: 2rem !important; }
        #intro article .stretched,
        #intro article #numbers,
        #intro article .caption {
          display: none; }
      #intro aside {
        width: 100%;
        position: relative;
        height: auto;
        min-height: 0; }
      #intro.tips article {
        height: 70vh !important;
        min-height: 400px !important; }
        #intro.tips article div.tip hgroup {
          top: 60px;
          -webkit-transform: translateY(0) translateX(0%);
          -moz-transform: translateY(0) translateX(0%);
          -ms-transform: translateY(0) translateX(0%);
          -o-transform: translateY(0) translateX(0%);
          transform: translateY(0) translateX(0%); }
          #intro.tips article div.tip hgroup h3 {
            font-size: 4rem !important;
            margin-top: 20px; }
          #intro.tips article div.tip hgroup p {
            font-size: 1.5rem !important; }
        #intro.tips article div.tip img {
          top: 45%;
          left: 0; }
      #intro.tips nav.tips {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        bottom: 30px !important; } }

@media (max-width: 1024px) {
  .home #intro aside .callout:nth-of-type(2) {
    display: none; } }

@media (min-width: 1025px) {
  .home {
    /*#intro{
			article{top:0;}
			aside{top:$pad;}
			article .stretched{
				top:0;
				@include opacity(0);
			}
		}
		&.loaded{*/ }
    .home #intro article {
      top: -15px; }
    .home #intro aside {
      top: 0; }
    .home #intro article .stretched {
      top: -30px;
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important; } }

#promo {
  height: -moz-calc(100vh -  30px);
  height: -webkit-calc(100vh -  30px);
  height: calc(100vh -  30px);
  background: #ffffff;
  overflow: visible;
  z-index: 100;
  position: relative;
  width: 100%;
  clear: both;
  float: left; }
  #promo .circle-button {
    position: absolute;
    left: 64%;
    top: 50%;
    z-index: 1000;
    margin-left: 7.5px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
  #promo .anystretch {
    z-index: 10 !important; }
  #promo article.callout {
    width: 66%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    background: transparent !important; }
    #promo article.callout hgroup h1 {
      color: #232323;
      margin-right: 60px; }
    #promo article.callout hgroup h2 {
      color: #232323; }
    #promo article.callout hgroup a.arrow-button {
      color: #232323;
      display: inline-block;
      clear: both;
      margin: 10px 0;
      font-weight: bold; }
      #promo article.callout hgroup a.arrow-button svg {
        fill: #232323; }
    #promo article.callout hgroup p {
      line-height: 1.5;
      max-width: 75%; }
  #promo aside {
    width: 34%;
    height: -moz-calc(100% -  120px);
    height: -webkit-calc(100% -  120px);
    height: calc(100% -  120px);
    position: absolute !important;
    right: 0;
    top: 60px;
    background: #7a7a7a !important;
    z-index: 100 !important; }
    #promo aside .texture {
      width: 60px;
      height: -moz-calc(100% -  120px);
      height: -webkit-calc(100% -  120px);
      height: calc(100% -  120px);
      position: absolute;
      left: -60px;
      top: 60px;
      background: rgba(0, 0, 0, 0.025); }
      #promo aside .texture .upper {
        height: 70%;
        width: 100%;
        position: absolute !important;
        top: 0;
        left: 0;
        z-index: 10 !important; }
      #promo aside .texture .lower {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 30%;
        width: 100%; }
        #promo aside .texture .lower span {
          color: #7a7a7a;
          white-space: nowrap;
          -webkit-transform: rotate(90deg) translateY(30px);
          -moz-transform: rotate(90deg) translateY(30px);
          -ms-transform: rotate(90deg) translateY(30px);
          -o-transform: rotate(90deg) translateY(30px);
          transform: rotate(90deg) translateY(30px);
          position: absolute;
          bottom: 80px;
          width: 120px;
          overflow: hidden;
          text-align: right;
          left: 0; }
    #promo aside .anystretch {
      z-index: 100 !important;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
      box-shadow: 0 0 60px rgba(0, 0, 0, 0); }
  #promo.hovered aside .anystretch {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.5); }
  #promo.hovered aside .texture .anystretch {
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0); }
  @media (max-width: 1024px) {
    #promo {
      height: auto; }
      #promo .texture {
        display: none; }
      #promo article.callout hgroup {
        text-align: center;
        position: relative;
        left: 0;
        top: 0 !important;
        padding-top: 60px;
        padding-bottom: 30px;
        -webkit-transform: translateY(0) translateX(0);
        -moz-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        width: 90%;
        margin: 0 auto; }
        #promo article.callout hgroup h1,
        #promo article.callout hgroup p {
          margin: 12px 0 0;
          max-width: 100%; }
        #promo article.callout hgroup h1 {
          font-size: 3rem !important; }
      #promo aside {
        position: relative !important;
        top: 0;
        height: 0px;
        width: 80%;
        padding-top: 80%;
        clear: both;
        margin: 0 auto 120px; }
      #promo .circle-button {
        left: 50%;
        top: auto;
        bottom: 30px;
        -webkit-transform: translateX(-50%) scale(0.8);
        -moz-transform: translateX(-50%) scale(0.8);
        -ms-transform: translateX(-50%) scale(0.8);
        -o-transform: translateX(-50%) scale(0.8);
        transform: translateX(-50%) scale(0.8); } }
  @media (max-width: 1024px) and (orientation: landscape) {
    #promo aside {
      padding-top: 40%; } }

#highlights {
  min-height: 700px;
  height: -moz-calc(75vh -  30px);
  height: -webkit-calc(75vh -  30px);
  height: calc(75vh -  30px);
  background: #ebebeb;
  overflow: visible;
  z-index: 100;
  position: relative;
  width: 100%;
  clear: both;
  float: left; }
  #highlights .callout {
    height: 100%;
    position: absolute !important; }
    #highlights .callout hgroup {
      top: 25%;
      height: 50%;
      -webkit-transform: translateX(-50%) translateY(0%);
      -moz-transform: translateX(-50%) translateY(0%);
      -ms-transform: translateX(-50%) translateY(0%);
      -o-transform: translateX(-50%) translateY(0%);
      transform: translateX(-50%) translateY(0%); }
      #highlights .callout hgroup h1 {
        width: 75%; }
      #highlights .callout hgroup .box-button {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%); }
  #highlights.triptych .callout:nth-of-type(1) {
    left: 0;
    width: 33%; }
  #highlights.triptych .callout:nth-of-type(2) {
    left: 33%;
    width: 33%; }
  #highlights.triptych .callout:nth-of-type(3) {
    width: 34%;
    left: 66%; }
  #highlights.split .callout:nth-of-type(1) {
    left: 0;
    width: 33%; }
  #highlights.split .callout:nth-of-type(2) {
    left: 33%;
    width: 67%; }
    #highlights.split .callout:nth-of-type(2) h1 {
      width: 80%; }
  @media (max-width: 1024px) {
    #highlights {
      min-height: 0px;
      height: auto; }
      #highlights .callout {
        height: 40vh;
        min-height: 300px;
        position: relative !important; }
        #highlights .callout hgroup h1 {
          width: 100% !important;
          height: auto !important; } }

.main-content {
  width: 100%;
  background: white;
  position: relative;
  padding: 120px 0 0; }
  .main-content article {
    position: relative;
    z-index: 100;
    width: 60%;
    max-width: 960px;
    margin: 0 auto;
    padding-left: 13%;
    padding-bottom: 120px;
    line-height: 1.5;
    font-size: 1rem;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important;
    -webkit-transition: opacity 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
    -moz-transition: opacity 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
    transition: opacity 1s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
    .main-content article aside {
      position: absolute;
      left: 0;
      top: 0.25rem;
      width: 20%;
      font-family: "Austin", "Garamound", serif;
      line-height: 1.2; }
    .main-content article p, .main-content article ul, .main-content article h3 {
      margin-bottom: 30px; }
    .main-content article a {
      color: #232323;
      text-decoration: underline; }
      .main-content article a:hover, .main-content article a:focus {
        color: #7a7a7a; }
      .main-content article a.box-button {
        color: #ffffff;
        text-decoration: none; }
    .main-content article img {
      width: 100%;
      height: auto; }
    .main-content article strong, .main-content article bold {
      font-weight: bold; }
    .main-content article h2 {
      font-size: 1rem;
      text-decoration: none;
      font-weight: bold; }
    .main-content article h3 {
      font-size: 0.66rem;
      text-decoration: none;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.125rem; }
    .main-content article ul li {
      margin-bottom: 6px;
      padding-left: 30px;
      position: relative; }
      .main-content article ul li:after {
        content: '';
        position: absolute;
        top: 0.7rem;
        left: 0;
        height: 3px;
        width: 12px;
        background: #8a74b2; }

.loaded h2.title {
  opacity: 0.5 !important;
  filter: alpha(opacity=50 !important) !important; }

.loaded .main-content article {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }

.page-template-employment-php .main-content#upper-content article:last-of-type {
  padding-bottom: 60px;
  border-bottom: 4px solid #8a74b2; }

.page-template-employment-php .main-content#employment-list {
  padding-top: 90px;
  border-bottom: none;
  padding-bottom: 180px; }
  .page-template-employment-php .main-content#employment-list article .job-excerpt {
    overflow: hidden;
    position: relative;
    max-height: 500px;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .page-template-employment-php .main-content#employment-list article .content {
    display: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .page-template-employment-php .main-content#employment-list article .expand-btn {
    cursor: pointer; }
  .page-template-employment-php .main-content#employment-list article.expand .job-excerpt {
    max-height: 0px;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
  .page-template-employment-php .main-content#employment-list article.expand .content {
    display: block;
    max-height: 0px; }

.page-template-staff #lower-content {
  padding-top: 0 !important; }
  .page-template-staff #lower-content article {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }

@media (max-width: 1024px) {
  .main-content {
    padding: 30px 0 0; }
    .main-content article {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      width: 90%;
      padding-left: 135px;
      padding-bottom: 30px; }
      .main-content article aside {
        width: 120px; }
  h2.title {
    display: none; } }

@media (max-width: 767px) and (orientation: portrait) {
  .main-content {
    padding: 60px 0 0; }
    .main-content article {
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      width: 90%;
      padding-left: 0; }
      .main-content article aside {
        position: relative;
        top: 0;
        margin: 30px auto;
        width: 100%;
        font-size: 2rem !important; }
  h2.title {
    display: none; } }

#upcoming-events {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
  #upcoming-events ul {
    display: flex; }
    #upcoming-events ul li {
      padding: 15px;
      width: 25vw;
      min-width: 300px;
      float: left;
      position: relative;
      background: white;
      transition: background 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #upcoming-events ul li .target {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10; }
        #upcoming-events ul li .target span {
          display: none; }
      #upcoming-events ul li .subheading {
        color: #232323; }
      #upcoming-events ul li .arrow {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: calc(6px + 0.3rem);
        transform: translateY(-50%); }
        #upcoming-events ul li .arrow svg {
          height: 12px;
          width: auto;
          fill: #232323; }
      #upcoming-events ul li h3 {
        color: #232323;
        font-family: "Austin", "Garamound", serif;
        font-size: 1.5rem;
        margin-top: 6px;
        padding-right: 20px; }
      #upcoming-events ul li:hover, #upcoming-events ul li:focus {
        background: whitesmoke; }
      #upcoming-events ul li:nth-of-type(1) {
        background: #ebebeb; }
  @media (max-width: 1024px) {
    #upcoming-events {
      position: relative;
      z-index: 10; }
      #upcoming-events ul li {
        text-align: center;
        width: 100%;
        min-width: 0px; } }

.tribe-events-viewmore a {
  color: #232323 !important; }

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured,
.tribe-events-day .tribe-event-featured {
  background: rgba(144, 182, 80, 0.1) !important; }

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a {
  color: #232323 !important; }

#tribe-events-content .tribe-events-calendar td {
  background: white !important;
  color: #232323 !important; }

#tribe-events-pg-template, .tribe-events-pg-template {
  padding: 0 !important;
  max-width: 100% !important; }

#tribe-bar-views .tribe-bar-views-list {
  padding: 0 !important; }

#tribe-bar-form .tribe-bar-views-inner label {
  padding: 0 10px !important; }

.tribe-events-page-template #hero-text {
  z-index: 10; }
  .tribe-events-page-template #hero-text h1 {
    padding-top: 0 !important; }
  .tribe-events-page-template #hero-text.stretched {
    margin-bottom: 0 !important; }

.tribe-events-list .type-tribe_events {
  padding: 20px 0;
  width: 100%; }

#tribe-bar-collapse-toggle {
  background: #8a74b2 !important; }

.tribe-events-notices {
  background: #ebebeb !important;
  border-radius: 0 !important;
  border: none !important;
  color: #232323 !important;
  margin: 20px 0 !important;
  padding: 15px !important;
  text-shadow: none !important; }
  .tribe-events-notices ul {
    margin-bottom: 0 !important; }
    .tribe-events-notices ul li {
      margin: 15px 0 !important; }

.event-is-recurring,
.tribe-events-ical {
  display: none !important; }

#tribe-events-content-wrapper {
  z-index: 100;
  padding: 0 60px 60px;
  position: relative;
  font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif; }
  @media (max-width: 767px) {
    #tribe-events-content-wrapper {
      padding: 0 30px 60px; } }
  #tribe-events-content-wrapper .tribe-events-page-title {
    margin-top: 60px;
    font-size: 2rem;
    font-family: "Austin", "Garamound", serif; }
  #tribe-events-content-wrapper #tribe-events-header {
    position: absolute;
    top: 60px;
    width: 100%; }
    @media (max-width: 767px) {
      #tribe-events-content-wrapper #tribe-events-header {
        top: 0;
        position: relative; } }
  #tribe-events-content-wrapper .tribe-events-list .excerpt {
    margin: 0 auto; }
  #tribe-events-content-wrapper .tribe-events-sub-nav li a {
    background: none !important;
    padding: 0 !important;
    display: inline-block !important;
    color: #7a7a7a;
    line-height: 2rem;
    font-size: 12px;
    left: 1px;
    font-weight: bold;
    text-transform: uppercase; }
    #tribe-events-content-wrapper .tribe-events-sub-nav li a span {
      display: none; }
    #tribe-events-content-wrapper .tribe-events-sub-nav li a:hover, #tribe-events-content-wrapper .tribe-events-sub-nav li a:focus {
      color: #8a74b2; }
  #tribe-events-content-wrapper .tribe-events-calendar th {
    font-size: 10px; }
  #tribe-events-content-wrapper h3.tribe-events-month-event-title {
    font-size: 110% !important;
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif !important; }
    #tribe-events-content-wrapper h3.tribe-events-month-event-title a {
      color: black;
      text-decoration: underline; }
      #tribe-events-content-wrapper h3.tribe-events-month-event-title a:hover, #tribe-events-content-wrapper h3.tribe-events-month-event-title a:focus {
        text-decoration: none; }
  #tribe-events-content-wrapper #tribe-events-bar {
    width: 100%;
    margin: 0 auto 60px; }
    @media (max-width: 767px) {
      #tribe-events-content-wrapper #tribe-events-bar {
        margin-bottom: 0; } }
    #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form {
      background: #8a74b2;
      color: white; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit input[type=submit] {
        background: #6f548d; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-date-filter,
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-geoloc-filter {
        display: none; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text] {
        color: white;
        font-style: normal;
        border: none;
        border-bottom: 2px solid white; }
        #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text]::-webkit-input-placeholder {
          color: white; }
        #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text]:-moz-placeholder {
          color: white; }
        #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text]::-moz-placeholder {
          color: white; }
        #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text]:-ms-input-placeholder {
          color: white; }
        #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type=text]:focus {
          border: none;
          border-bottom: 2px solid white; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit {
        margin-left: 0; }
    #tribe-events-content-wrapper #tribe-events-bar .tribe-bar-views-inner {
      background: transparent; }
    #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-views {
      background: #ebebeb;
      color: #232323; }
    #tribe-events-content-wrapper #tribe-events-bar .tribe-bar-active a:hover, #tribe-events-content-wrapper #tribe-events-bar .tribe-bar-active a:focus {
      text-decoration: none !important; }
    #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
      color: #232323;
      background: #ebebeb; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a span {
        background-image: none !important;
        padding-left: 0; }
      #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover, #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:focus {
        text-decoration: underline; }

#media-plinth {
  position: relative;
  width: 100%;
  height: 90vh;
  min-height: 600px;
  margin-bottom: 60px;
  overflow: hidden; }
  #media-plinth figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    #media-plinth figure figcaption {
      position: absolute;
      bottom: 30px;
      padding-left: 40px;
      left: 0;
      z-index: 100;
      color: white;
      line-height: 1;
      font-size: 1rem; }
      #media-plinth figure figcaption:after {
        content: '';
        width: 30px;
        height: 3px;
        background: #98bb5d;
        position: absolute;
        left: 0;
        top: 50%; }
    #media-plinth figure .anystretch {
      z-index: 1 !important; }
  #media-plinth.video figure .anystretch {
    display: none; }
  #media-plinth.video .video-js {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%; }
    #media-plinth.video .video-js video {
      width: 100% !important;
      height: 100% !important;
      margin-left: 0 !important;
      margin-top: 0 !important; }

#map {
  width: 100%;
  height: 80vh;
  min-height: 600px;
  position: relative;
  z-index: 1000;
  padding-top: 60px; }
  #map nav#map-filters {
    position: absolute;
    height: 60px;
    width: 100%;
    top: 0;
    text-align: center; }
    #map nav#map-filters ul {
      margin: 0 auto;
      max-width: 1400px; }
      #map nav#map-filters ul li {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        font-weight: bold;
        color: white;
        width: 30%;
        cursor: pointer;
        min-width: 150px;
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
        #map nav#map-filters ul li span {
          font-size: 0.6rem;
          color: #ffffff; }
        #map nav#map-filters ul li#restaurants {
          background: #68a8bd; }
          #map nav#map-filters ul li#restaurants.pressed {
            color: #68a8bd;
            background: #ebebeb; }
        #map nav#map-filters ul li#accommodations {
          background: #98bb5d; }
          #map nav#map-filters ul li#accommodations.pressed {
            color: #98bb5d;
            background: #ebebeb; }
        #map nav#map-filters ul li#attractions {
          background: #8a74b2; }
          #map nav#map-filters ul li#attractions.pressed {
            color: #8a74b2;
            background: #ebebeb; }
        #map nav#map-filters ul li:hover, #map nav#map-filters ul li:focus {
          opacity: 0.8 !important;
          filter: alpha(opacity=80 !important) !important; }
  @media (max-width: 1024px) {
    #map nav[role=map-filters] ul li {
      min-width: 0px;
      width: 33.333%; }
      #map nav[role=map-filters] ul li span {
        font-size: 0.5ren; } }

#map-wrap {
  height: 100%;
  width: 100%;
  position: relative; }
  #map-wrap .info-window {
    background: white;
    width: 240px;
    overflow: visible;
    height: 320px; }
    #map-wrap .info-window img {
      width: 100%;
      height: 150px; }
    #map-wrap .info-window p {
      padding: 20px;
      line-height: 1.2; }
      #map-wrap .info-window p strong, #map-wrap .info-window p span.label {
        width: 100%;
        display: block;
        margin-bottom: 5px;
        font-weight: bold; }
      #map-wrap .info-window p a {
        text-decoration: none;
        color: #232323; }
        #map-wrap .info-window p a:hover, #map-wrap .info-window p a:focus {
          text-decoration: underline; }
      #map-wrap .info-window p span.label {
        text-transform: uppercase;
        font-size: 0.5rem; }
      #map-wrap .info-window p span.desc {
        line-height: 1.5; }
      #map-wrap .info-window p a.subheading {
        font-weight: bold;
        position: absolute;
        bottom: 20px;
        left: 20px; }
        #map-wrap .info-window p a.subheading:hover, #map-wrap .info-window p a.subheading:focus {
          opacity: 0.5 !important;
          filter: alpha(opacity=50 !important) !important;
          text-decoration: none; }
    #map-wrap .info-window .dot {
      position: absolute;
      top: -12px;
      right: 14px;
      height: 20px;
      width: 20px;
      background: black;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      #map-wrap .info-window .dot.base {
        top: -20px;
        right: 6px;
        height: 35px;
        width: 35px; }

.gm-style-iw {
  overflow: visible !important; }

#teachers,
#staff {
  width: 100%;
  padding-top: 0;
  padding-bottom: 90px;
  z-index: 200;
  position: relative;
  min-height: 600px; }
  #teachers h2.title,
  #staff h2.title {
    position: absolute;
    top: 120px;
    width: 100%;
    z-index: -1; }
  #teachers article,
  #staff article {
    position: relative;
    width: 20%;
    float: left;
    padding: 60px;
    z-index: 100; }
    #teachers article figure,
    #staff article figure {
      width: 100%;
      height: 0px;
      padding-top: 150%;
      margin-bottom: 30px; }
    #teachers article h3,
    #staff article h3 {
      font-family: "Austin", "Garamound", serif;
      font-size: 2rem;
      margin-bottom: 30px; }
    #teachers article p,
    #staff article p {
      font-size: 0.75rem;
      line-height: 1.5; }
    #teachers article:nth-of-type(5n+1),
    #staff article:nth-of-type(5n+1) {
      clear: both; }
  #teachers #initial-teachers,
  #teachers #filtered-teachers,
  #staff #initial-teachers,
  #staff #filtered-teachers {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s; }
    #teachers #initial-teachers.hidden,
    #teachers #filtered-teachers.hidden,
    #staff #initial-teachers.hidden,
    #staff #filtered-teachers.hidden {
      visibility: hidden;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  #teachers nav.filters#teachers-filters,
  #staff nav.filters#teachers-filters {
    margin-bottom: 120px; }
  @media (max-width: 1700px) {
    #teachers article,
    #staff article {
      padding: 30px; }
    #teachers nav.filters#teachers-filters,
    #staff nav.filters#teachers-filters {
      margin-bottom: 90px; }
    #teachers h2.title,
    #staff h2.title {
      top: 90px; } }
  @media (max-width: 1024px) {
    #teachers,
    #staff {
      padding-top: 60px; }
      #teachers article,
      #staff article {
        padding: 5vw;
        width: 50%; }
        #teachers article figure,
        #staff article figure {
          padding-top: 150%; }
        #teachers article:nth-of-type(5n+1),
        #staff article:nth-of-type(5n+1) {
          clear: none; }
        #teachers article:nth-of-type(odd),
        #staff article:nth-of-type(odd) {
          clear: both !important; } }

.page-template-teachers-php #hero-text.stretched {
  margin-bottom: 0; }

#staff h2.title {
  top: -120px; }

#classes {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  z-index: 200;
  position: relative;
  min-height: 600px; }
  #classes #filler {
    content: '';
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: -moz-calc(100% -  180px);
    height: -webkit-calc(100% -  180px);
    height: calc(100% -  180px);
    z-index: -1;
    background: #ebebeb; }
  #classes nav#classes-filters svg:nth-of-type(1) {
    display: block; }
  #classes nav#classes-filters svg:nth-of-type(2) {
    display: none; }
  #classes article {
    display: block;
    position: relative;
    height: 35vw;
    float: left;
    overflow: hidden;
    width: 25%;
    background: #232323 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #classes article.highlight {
      width: 50%; }
      #classes article.highlight:after {
        background: #000 !important; }
    #classes article:after {
      content: '';
      position: absolute;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: #8a74b2;
      top: 0;
      left: 0;
      opacity: 0.8 !important;
      filter: alpha(opacity=80 !important) !important; }
    #classes article.reg:nth-of-type(2n):after {
      background: #98bb5d; }
    #classes article.reg:nth-of-type(3n):after {
      background: #68a8bd; }
    #classes article.reg:nth-of-type(5n):after {
      background: #7a7a7a; }
    #classes article.reg:nth-of-type(7n):after {
      background: #8a74b2; }
    #classes article.reg:nth-of-type(9n):after {
      background: #68a8bd; }
    #classes article.reg:nth-of-type(11n):after {
      background: #98bb5d; }
    #classes article.ajaxed {
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important; }
    #classes article .anystretch {
      z-index: 1 !important;
      -webkit-filter: grayscale(50%);
      -moz-filter: grayscale(50%);
      -ms-filter: grayscale(50%);
      -o-filter: grayscale(50%);
      filter: grayscale(50%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    #classes article .thumb {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    #classes article hgroup {
      top: 0%;
      position: absolute;
      left: 0;
      padding: 60px;
      width: 100%;
      z-index: 20; }
      #classes article hgroup h1 {
        color: #ffffff;
        font-family: "Austin", "Garamound", serif; }
      #classes article hgroup h2.subheading {
        color: #ffffff;
        padding-bottom: 15px; }
    #classes article .details {
      position: absolute;
      bottom: 60px;
      left: 60px;
      color: #ffffff;
      z-index: 20; }
      #classes article .details span {
        display: block;
        margin-top: 10px;
        color: #ffffff; }
        #classes article .details span.date {
          font-weight: bold; }
        #classes article .details span.link svg {
          width: 10px;
          height: 10px;
          fill: #ffffff; }
    #classes article .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
      #classes article .target span {
        display: none; }
    #classes article:hover .anystretch, #classes article:focus .anystretch {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
  #classes #initial-classes,
  #classes #filtered-classes {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s; }
    #classes #initial-classes.hidden,
    #classes #filtered-classes.hidden {
      visibility: hidden;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important;
      -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  #classes.list-view #filler {
    display: none; }
  #classes.list-view article {
    z-index: 100;
    margin: 0 auto;
    padding: 60px 0;
    clear: both;
    width: 73.5%;
    float: none;
    height: auto;
    padding: 60px 0;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background: #ffffff !important; }
    #classes.list-view article .thumb {
      position: relative !important;
      left: 0;
      top: 0;
      float: left;
      width: 25% !important;
      padding-top: 20% !important;
      height: 0 !important; }
      #classes.list-view article .thumb .anystretch {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%); }
    #classes.list-view article hgroup {
      position: relative;
      float: left;
      left: 0%;
      top: 0%;
      width: 75%;
      padding: 60px 0 0 60px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #classes.list-view article hgroup h1 {
        color: #8a74b2;
        padding-right: 90px; }
      #classes.list-view article hgroup h2.subheading {
        color: #7a7a7a; }
    #classes.list-view article .details {
      position: relative;
      bottom: auto;
      left: 0;
      color: #7a7a7a;
      float: left;
      margin-left: 60px;
      -webkit-transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: left 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #classes.list-view article .details span {
        color: #7a7a7a; }
        #classes.list-view article .details span.link {
          display: none; }
    #classes.list-view article:before {
      content: '';
      top: 50%;
      z-index: 100;
      right: 20px;
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;
      background: transparent url(../images/ui/chevron-right-purple.svg) no-repeat center center;
      -webkit-background-size: auto 100% !important;
      -moz-background-size: auto 100% !important;
      -o-background-size: auto 100% !important;
      background-size: auto 100% !important;
      -webkit-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #classes.list-view article:after {
      top: 60px;
      right: 0;
      left: auto;
      z-index: 10;
      width: 60px;
      height: -moz-calc(100% - 120px);
      height: -webkit-calc(100% - 120px);
      height: calc(100% - 120px);
      background: #ebebeb !important; }
    #classes.list-view article:hover hgroup, #classes.list-view article:hover .details, #classes.list-view article:focus hgroup, #classes.list-view article:focus .details {
      left: 10px; }
    #classes.list-view article:hover .anystretch, #classes.list-view article:focus .anystretch {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    #classes.list-view article:hover:after, #classes.list-view article:focus:after {
      opacity: 0.25 !important;
      filter: alpha(opacity=25 !important) !important; }
    @media (max-width: 1440px) {
      #classes.list-view article {
        width: 90%; }
        #classes.list-view article.highlight {
          min-height: 0px; } }
    @media (max-width: 1024px) {
      #classes.list-view article {
        padding: 30px 0; }
        #classes.list-view article hgroup {
          padding: 30px 0 0 30px; }
        #classes.list-view article .details {
          width: auto;
          margin-left: 30px; }
        #classes.list-view article:after {
          top: 30px;
          height: -moz-calc(100% - 60px);
          height: -webkit-calc(100% - 60px);
          height: calc(100% - 60px); } }
  #classes.list-view nav#classes-filters .toggle svg:nth-of-type(1) {
    display: none; }
  #classes.list-view nav#classes-filters .toggle svg:nth-of-type(2) {
    display: block; }
  @media (max-width: 1024px) {
    #classes {
      padding-top: 60px;
      padding-bottom: 60px; }
      #classes #filler {
        top: 60px; }
      #classes article {
        height: auto;
        width: 100% !important;
        padding: 30px 0; }
        #classes article:before {
          content: '';
          width: 20px;
          height: 15px;
          background: transparent url(../images/ui/chevron-right-white.svg) no-repeat center center;
          background-size: auto 100%;
          position: absolute;
          top: 50%;
          z-index: 100;
          right: 5%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        #classes article hgroup {
          top: auto;
          left: auto;
          padding: 0 0 60px;
          position: relative;
          width: 90%;
          margin: 0 auto;
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
          #classes article hgroup h1 {
            font-size: 2rem !important;
            padding-right: 60px; }
        #classes article .details {
          position: absolute;
          left: 5%;
          bottom: 30px;
          margin: 0 auto;
          width: 90%; }
          #classes article .details span {
            display: inline; }
          #classes article .details .link {
            display: none; }
        #classes article.highlight {
          min-height: 400px; }
        #classes article:hover .anystretch, #classes article:focus .anystretch {
          -webkit-filter: grayscale(50%);
          -moz-filter: grayscale(50%);
          -ms-filter: grayscale(50%);
          -o-filter: grayscale(50%);
          filter: grayscale(50%);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); } }

#plants-search {
  background: #2b1555;
  min-height: 50vh;
  width: 100%;
  color: #ffffff;
  padding-top: 240px;
  padding-bottom: 200px;
  position: relative; }
  #plants-search.results {
    padding-bottom: 50px;
    min-height: 0px;
    overflow: visible;
    z-index: 100; }
  #plants-search article {
    margin: 0 auto;
    max-width: 73.5%;
    position: relative; }
    #plants-search article form {
      width: 100%;
      position: relative;
      margin-bottom: 90px; }
      #plants-search article form label {
        display: block;
        color: #8a74b2;
        margin-bottom: 30px; }
      #plants-search article form input[type=text] {
        border: 3px solid #ffffff;
        width: 100%;
        line-height: 60px;
        padding: 0 20% 0 30px;
        background: none;
        font-size: 0.9rem;
        color: #ffffff;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
        #plants-search article form input[type=text]::-webkit-input-placeholder {
          color: #8a74b2; }
        #plants-search article form input[type=text]:-moz-placeholder {
          color: #8a74b2; }
        #plants-search article form input[type=text]::-moz-placeholder {
          color: #8a74b2; }
        #plants-search article form input[type=text]:-ms-input-placeholder {
          color: #8a74b2; }
        #plants-search article form input[type=text]:-ms-clear {
          display: none; }
      #plants-search article form input[type=submit] {
        border: none;
        line-height: 60px;
        position: absolute;
        right: 30px;
        bottom: 3px;
        background: none;
        font-size: 1rem;
        font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
        color: white;
        cursor: pointer;
        z-index: 1000;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #plants-search article form #results {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 360px;
        overflow-x: hidden;
        overflow-y: scroll;
        background: white;
        padding: 0 30px;
        max-height: 0px;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
        #plants-search article form #results a {
          display: block;
          width: 100%;
          padding: 6px;
          font-size: 0.9rem;
          margin: 6px 0;
          text-decoration: none;
          color: #7a7a7a; }
          #plants-search article form #results a:focus {
            background: #ffffd9; }
      #plants-search article form.engaged input[type=text] {
        background: #ffffff;
        color: #8a74b2; }
        #plants-search article form.engaged input[type=text]::-webkit-input-placeholder {
          color: #8a74b2; }
        #plants-search article form.engaged input[type=text]:-moz-placeholder {
          color: #8a74b2; }
        #plants-search article form.engaged input[type=text]::-moz-placeholder {
          color: #8a74b2; }
        #plants-search article form.engaged input[type=text]:-ms-input-placeholder {
          color: #8a74b2; }
      #plants-search article form.engaged input[type=submit] {
        color: #8a74b2; }
      #plants-search article form.show-result #results {
        padding: 30px;
        max-height: 360px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
  #plants-search aside:nth-of-type(1) {
    float: left;
    width: 50%;
    padding-right: 60px; }
    #plants-search aside:nth-of-type(1) h1 {
      font-family: "Austin", "Garamound", serif;
      line-height: 1.5; }
  #plants-search aside:nth-of-type(2) {
    float: right;
    width: 50%;
    padding-left: 60px; }
    #plants-search aside:nth-of-type(2) span.subheading {
      color: #8a74b2;
      display: block;
      margin-bottom: 0.5rem; }
    #plants-search aside:nth-of-type(2) a {
      font-family: "Austin", "Garamound", serif;
      line-height: 1.5;
      color: #ffffff;
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      #plants-search aside:nth-of-type(2) a:hover, #plants-search aside:nth-of-type(2) a:focus {
        color: #8a74b2; }
  #plants-search #explore {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -36.75vw;
    background: rgba(0, 0, 0, 0.25);
    padding: 15px;
    cursor: pointer;
    min-width: 300px;
    width: 12vw;
    text-align: center; }
  @media (max-width: 1440px) {
    #plants-search article {
      max-width: 90%;
      width: 90%; }
    #plants-search #explore {
      margin-left: -45%; } }
  @media (max-width: 1024px) {
    #plants-search {
      padding-top: 135px;
      padding-bottom: 90px;
      min-height: 0px; }
      #plants-search article {
        max-width: 90%; }
        #plants-search article form {
          margin-bottom: 30px; }
          #plants-search article form label {
            text-align: center; }
          #plants-search article form #results {
            display: none !important; }
      #plants-search aside {
        text-align: center;
        font-size: 1.5rem !important; }
        #plants-search aside:nth-of-type(1) {
          width: 100%;
          padding: 0;
          margin-bottom: 30px; }
        #plants-search aside:nth-of-type(2) {
          width: 100%;
          padding: 0;
          margin-bottom: 30px; }
      #plants-search #explore {
        width: auto;
        margin-left: 0;
        bottom: 30px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }

#plants-list {
  min-height: 800px;
  width: 100%;
  background: white;
  position: relative;
  padding-bottom: 90px;
  margin-bottom: 180px; }
  #plants-list article {
    clear: both;
    width: 100%;
    padding: 60px 0;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
    #plants-list article .thumbnail {
      width: 25%;
      height: auto;
      float: left;
      z-index: 50;
      position: relative;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #plants-list article hgroup {
      position: absolute;
      left: 25%;
      width: 75%;
      width: -moz-calc(75% -  60px);
      width: -webkit-calc(75% -  60px);
      width: calc(75% -  60px);
      padding: 0 60px;
      top: 50%;
      z-index: 50;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #plants-list article hgroup h1 {
        font-family: "Austin", "Garamound", serif;
        color: #8a74b2;
        font-size: 2rem;
        margin-top: 15px; }
    #plants-list article .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
      #plants-list article .target span {
        display: none; }
    #plants-list article .arrow {
      position: absolute;
      top: 60px;
      right: 0;
      z-index: 10;
      width: 60px;
      height: -moz-calc(100% - 120px);
      height: -webkit-calc(100% - 120px);
      height: calc(100% - 120px);
      background: #ebebeb;
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      #plants-list article .arrow svg {
        width: 30px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%) translateX(50%);
        -moz-transform: translateY(-50%) translateX(50%);
        -ms-transform: translateY(-50%) translateX(50%);
        -o-transform: translateY(-50%) translateX(50%);
        transform: translateY(-50%) translateX(50%);
        fill: #8a74b2;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #plants-list article:hover hgroup, #plants-list article:focus hgroup {
      margin-left: 10px; }
    #plants-list article:hover .arrow, #plants-list article:focus .arrow {
      background: #fcfcfc; }
  #plants-list #initial-plants,
  #plants-list #filtered-plants {
    width: 73.5%;
    margin: 0 auto;
    clear: both;
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s; }
    #plants-list #initial-plants.hidden,
    #plants-list #filtered-plants.hidden {
      visibility: hidden;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
    @media (max-width: 1440px) {
      #plants-list #initial-plants,
      #plants-list #filtered-plants {
        width: 90%; } }
  @media (max-width: 1024px) {
    #plants-list {
      padding-top: 120px;
      margin-bottom: 0px; }
      #plants-list #initial-plants,
      #plants-list #filtered-plants {
        width: 90%; }
      #plants-list article {
        padding: 30px 0; }
        #plants-list article hgroup {
          position: relative;
          left: 0;
          width: 70%;
          padding: 0 10px 0 15px;
          top: 0;
          z-index: 50;
          float: left;
          transform: translateY(0%);
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition: 0s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0s cubic-bezier(0.28, 0, 0.18, 1); }
          #plants-list article hgroup h1 {
            font-size: 1.75rem !important; }
        #plants-list article .arrow {
          background: none; }
          #plants-list article .arrow svg {
            right: 15px; }
        #plants-list article:hover hgroup, #plants-list article:focus hgroup {
          margin-left: 0; }
        #plants-list article:hover .arrow, #plants-list article:focus .arrow {
          background: none; } }

#plant article {
  margin: 0 auto; }
  #plant article h3 {
    font-family: "Austin", "Garamound", serif;
    font-size: 2rem;
    margin-bottom: 30px; }
    #plant article h3 svg {
      width: 40px;
      fill: #98bb5d;
      margin-bottom: 10px; }
  #plant article #plant-slideshow {
    width: 100%;
    max-width: 60vw;
    max-height: 40vw;
    height: 100vh;
    margin: 0 auto 120px;
    position: relative;
    transition: max-height 0.5s cubic-bezier(0.28, 0, 0.18, 1), max-width 0.5s cubic-bezier(0.28, 0, 0.18, 1); }
    @media (max-width: 767px) and (orientation: portrait) {
      #plant article #plant-slideshow {
        max-width: 100vw;
        max-height: 100vh;
        height: 80vh !important; } }
    @media (max-width: 767px) and (orientation: landscape) {
      #plant article #plant-slideshow {
        max-width: 50vw;
        max-height: 100vw;
        height: 100vw; } }
    #plant article #plant-slideshow figure {
      width: 100%;
      height: 100%;
      top: 0px;
      position: absolute !important; }
      #plant article #plant-slideshow figure .anystretch {
        z-index: 10 !important; }
      #plant article #plant-slideshow figure img {
        transition: width 0.5s cubic-bezier(0.28, 0, 0.18, 1), height 0.5s cubic-bezier(0.28, 0, 0.18, 1); }
    #plant article #plant-slideshow #caption {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: -30px;
      width: 12.5vw;
      text-align: center;
      padding: 0;
      border-top: 3px solid #ebebeb;
      border-bottom: 3px solid #ebebeb;
      line-height: 60px;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
      #plant article #plant-slideshow #caption svg {
        fill: #98bb5d;
        width: 30px;
        height: 20px;
        position: relative;
        display: inline-block;
        top: 4px;
        margin-right: 6px; }
      #plant article #plant-slideshow #caption span {
        border-left: 3px solid #ebebeb;
        color: #7a7a7a;
        padding: 6px 0 6px 6px; }
    #plant article #plant-slideshow #slideshow-enlarge {
      width: 60px;
      height: 60px;
      background: #232323;
      cursor: pointer;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1000;
      opacity: 1; }
      #plant article #plant-slideshow #slideshow-enlarge svg {
        width: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        transform: translateY(-50%); }
        #plant article #plant-slideshow #slideshow-enlarge svg * {
          fill: white; }
      @media (max-width: 767px) {
        #plant article #plant-slideshow #slideshow-enlarge {
          display: none; } }
    #plant article #plant-slideshow #slideshow-close {
      width: 60px;
      height: 60px;
      background: #98bb5d;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000;
      opacity: 0; }
      #plant article #plant-slideshow #slideshow-close svg {
        width: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        transform: translateY(-50%); }
    #plant article #plant-slideshow.enlarged {
      max-width: 100vw;
      max-height: 100vh; }
      #plant article #plant-slideshow.enlarged #slideshow-enlarge {
        opacity: 0; }
      #plant article #plant-slideshow.enlarged #slideshow-close {
        opacity: 1; }
      #plant article #plant-slideshow.enlarged figure img {
        width: 100vw !important;
        height: 100vh !important;
        left: 0 !important;
        top: 0 !important;
        object-fit: cover; }
  #plant article #summary {
    text-align: center;
    margin: 0 auto 120px;
    width: 60%;
    max-width: 900px;
    line-height: 1.5; }
    #plant article #summary a {
      color: #8a74b2; }
  #plant article #media-plinth {
    margin-bottom: 120px;
    height: 75vh !important; }
  #plant article #details {
    text-align: center;
    margin: 0 auto 120px;
    width: 60%;
    max-width: 900px;
    line-height: 1.5; }
    #plant article #details ul {
      width: 100%; }
      #plant article #details ul li {
        width: 50%;
        display: block;
        float: left;
        text-align: left;
        padding: 10px;
        text-transform: capitalize;
        border-top: 1px solid #ebebeb; }
        #plant article #details ul li:nth-of-type(odd) {
          clear: both; }
  #plant article #additional {
    background: #f5f2f9;
    padding: 30px;
    margin: 0 auto;
    max-width: 900px; }
    #plant article #additional h4 {
      padding-bottom: 15px; }
    #plant article #additional p {
      line-height: 1.5;
      margin-bottom: 6px; }
    #plant article #additional ul li {
      margin-bottom: 6px; }
    #plant article #additional a {
      color: #8a74b2; }

@media (max-width: 1024px) {
  #plant article {
    width: 90% !important; }
    #plant article #plant-slideshow {
      width: 100% !important;
      height: 0;
      padding-top: 100%;
      margin-bottom: 60px; }
      #plant article #plant-slideshow #caption {
        display: none; }
    #plant article #summary,
    #plant article #details {
      width: 100%; } }

.no-objectfit #plant article #plant-slideshow.enlarged figure img {
  width: auto !important;
  height: 100vh !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%); }

nav#plants,
nav#news {
  height: 90vh;
  width: 100%;
  margin-top: 120px; }
  nav#plants .callout,
  nav#news .callout {
    width: 50%;
    height: 100%;
    float: left; }
    nav#plants .callout hgroup,
    nav#news .callout hgroup {
      height: 50%; }
    nav#plants .callout h1,
    nav#news .callout h1 {
      margin-bottom: 30px; }
    nav#plants .callout h3,
    nav#news .callout h3 {
      margin-bottom: 30px; }
    nav#plants .callout .box-button,
    nav#news .callout .box-button {
      position: absolute;
      bottom: 0; }
  nav#plants.single .callout,
  nav#news.single .callout {
    width: 100%; }
  @media (max-width: 1024px) {
    nav#plants,
    nav#news {
      height: 50vh;
      min-height: 400px; }
      nav#plants .callout .box-button,
      nav#news .callout .box-button {
        position: relative; } }

header.standard {
  position: relative;
  width: 100%;
  margin-top: 199.98px; }
  header.standard #back-btn {
    position: absolute;
    top: 0;
    left: 13.25%;
    z-index: 200;
    color: #232323; }
    header.standard #back-btn svg {
      width: 20px;
      margin-right: 6px; }
  header.standard #scientific-name, header.standard #meta {
    text-align: center;
    display: block; }
    header.standard #scientific-name a, header.standard #scientific-name strong, header.standard #meta a, header.standard #meta strong {
      color: #8a74b2;
      font-weight: bold;
      text-decoration: none; }
  header.standard h1 {
    text-align: center;
    font-family: "Austin", "Garamound", serif;
    z-index: 100;
    position: relative;
    padding: 120px 0;
    width: 50%;
    margin-left: 25%; }
  header.standard h2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    header.standard h2 span {
      left: auto;
      top: auto;
      position: relative;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }
  @media (max-width: 1024px) {
    header.standard {
      min-height: 0px;
      width: 90%;
      margin: 135px auto 0; }
      header.standard #back-btn {
        position: relative;
        margin: 0 auto;
        left: auto;
        display: block;
        text-align: center; }
        header.standard #back-btn svg {
          width: 10px; }
      header.standard #scientific-name, header.standard #meta {
        padding-top: 30px; }
      header.standard h1 {
        font-size: 3rem !important;
        width: 90%;
        left: 0;
        padding: 30px 0;
        position: relative;
        margin: 0 auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }

#retailers-listing {
  width: 73.5%;
  margin: 180px auto; }
  #retailers-listing h3 {
    font-family: "Austin", "Garamound", serif;
    font-size: 2rem;
    text-transform: uppercase;
    width: 25%;
    float: left;
    clear: both; }
  #retailers-listing ul {
    width: 75%;
    float: right;
    margin-bottom: 60px; }
    #retailers-listing ul li {
      float: left;
      width: 50%;
      font-size: 1rem;
      padding-right: 30px;
      padding-bottom: 30px;
      line-height: 1.2; }
      #retailers-listing ul li:nth-of-type(2n+1) {
        clear: both; }
      #retailers-listing ul li strong {
        font-weight: 700; }
      #retailers-listing ul li a {
        color: #232323;
        text-decoration: none; }
        #retailers-listing ul li a:hover, #retailers-listing ul li a:focus {
          color: #8a74b2;
          text-decoration: underline; }
      #retailers-listing ul li em {
        display: block;
        clear: both;
        color: #8a74b2;
        text-transform: lowercase; }
  @media (max-width: 1440px) {
    #retailers-listing {
      width: 90%; } }

section#blooming {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #000 !important;
  overflow: hidden;
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important;
  -webkit-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  section#blooming span.back {
    position: absolute;
    top: 60px;
    left: 60px;
    color: #ffffff;
    z-index: 10000;
    padding-left: 20px;
    padding-right: 0;
    cursor: pointer; }
    section#blooming span.back svg {
      fill: #ffffff;
      left: 0; }
  section#blooming figure {
    height: 100%;
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    background: #000 !important; }
    section#blooming figure .anystretch {
      opacity: 0.8 !important;
      filter: alpha(opacity=80 !important) !important;
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    section#blooming figure figcaption {
      color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: auto;
      text-align: center;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure figcaption h1 {
        font-family: "Austin", "Garamound", serif;
        font-size: 4rem !important;
        padding: 60px;
        width: 75%;
        margin: 0 auto;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure figcaption h2.bloom {
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        font-size: 1rem;
        color: #ffffff; }
      section#blooming figure figcaption h2.name {
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure figcaption div.details {
        overflow: hidden;
        position: absolute;
        line-height: 1.5;
        left: 50%;
        max-width: 600px;
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
        section#blooming figure figcaption div.details a.arrow-button {
          margin-top: 30px; }
          section#blooming figure figcaption div.details a.arrow-button svg {
            fill: #ffffff; }
    section#blooming figure .caption-toggle {
      position: absolute;
      width: 40px;
      height: 40px;
      background: #ffffff;
      left: 50%;
      z-index: 10000;
      bottom: 120px;
      border: 8px solid rgba(255, 255, 255, 0.2);
      cursor: pointer;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure .caption-toggle:hover, section#blooming figure .caption-toggle:focus {
        border: 0px solid rgba(255, 255, 255, 0.2); }
      section#blooming figure .caption-toggle svg {
        fill: #ffffff;
        width: 40%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    section#blooming figure.show-details figcaption {
      top: 35%;
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure.show-details figcaption h1 {
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transform: scale(0.75); }
      section#blooming figure.show-details figcaption h2.bloom {
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure.show-details figcaption h2.name {
        opacity: 1 !important;
        filter: alpha(opacity=100 !important) !important;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      section#blooming figure.show-details figcaption div.details {
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
        opacity: 1 !important;
        filter: alpha(opacity=100 !important) !important; }
    section#blooming figure.show-details .anystretch {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0.25 !important;
      filter: alpha(opacity=25 !important) !important;
      -webkit-filter: blur(10px);
      -moz-filter: blur(10px);
      -ms-filter: blur(10px);
      -o-filter: blur(10px);
      filter: blur(10px);
      -webkit-transition: all 1s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      -moz-transition: all 1s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      transition: all 1s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
    section#blooming figure.show-details .caption-toggle {
      border: none;
      background: rgba(255, 255, 255, 0.1); }
      section#blooming figure.show-details .caption-toggle svg {
        opacity: 1 !important;
        filter: alpha(opacity=100 !important) !important; }
      section#blooming figure.show-details .caption-toggle:hover svg, section#blooming figure.show-details .caption-toggle:focus svg {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.3);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1.3);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1.3);
        -o-transform: translateY(-50%) translateX(-50%) scale(1.3);
        transform: translateY(-50%) translateX(-50%) scale(1.3); }
  section#blooming .pager {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  @media (max-width: 1024px) {
    section#blooming span.back {
      top: 30px;
      left: 30px; }
    section#blooming figure .caption-toggle {
      bottom: 120px; }
      section#blooming figure .caption-toggle:hover, section#blooming figure .caption-toggle:focus {
        border: 8px solid rgba(255, 255, 255, 0.2); }
    section#blooming figure figcaption {
      top: 120px !important; }
      section#blooming figure figcaption div.details {
        width: 90% !important; }
      section#blooming figure figcaption h1 {
        padding: 12px 0; }
      section#blooming figure figcaption a.arrow-button {
        margin-top: 12px; }
    section#blooming.cycle-paused .pager {
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important; } }
  @media (max-width: 767px) {
    section#blooming figure .caption-toggle {
      bottom: 30px; } }

.page-template-blooming-php section#blooming {
  position: relative;
  z-index: 10; }
  .page-template-blooming-php section#blooming span.back {
    display: none; }

.page-template-blooming-php.loaded section#blooming {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }

.loading-blooming {
  overflow: hidden;
  background-color: black;
  -webkit-transition: background-color 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: background-color 0.25s cubic-bezier(0.28, 0, 0.18, 1);
  transition: background-color 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
  .loading-blooming #wrapper {
    opacity: 0.25 !important;
    filter: alpha(opacity=25 !important) !important;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  .loading-blooming section#blooming {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }
  .loading-blooming.show-blooming section#blooming {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }

.post-listing {
  position: relative; }

.excerpt {
  position: relative;
  z-index: 100;
  margin: 0 auto;
  padding: 60px 0 !important;
  clear: both;
  width: 73.5%;
  max-width: 1200px; }
  .excerpt .thumb {
    position: relative;
    float: left;
    width: 25%;
    padding-top: 25%;
    height: 0; }
  .excerpt hgroup {
    float: left;
    width: 75%;
    padding: 0 0 0 60px; }
    .excerpt hgroup h3 {
      font-size: 3rem;
      font-family: "Austin", "Garamound", serif;
      margin: 15px 0 30px; }
    .excerpt hgroup p {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 30px; }
  .excerpt .target {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }
    .excerpt .target span {
      display: none; }
  @media (max-width: 1440px) {
    .excerpt {
      width: 90%; } }
  @media (max-width: 1024px) {
    .excerpt {
      padding: 0 0 60px 0 !important;
      width: 90%; }
      .excerpt .thumb {
        width: 100%;
        float: left;
        padding-top: 50%;
        margin-bottom: 15px; }
      .excerpt hgroup {
        width: 100%;
        clear: both;
        padding: 0; }
        .excerpt hgroup h3 {
          font-size: 3rem !important; } }

#trials-final {
  padding: 120px 0;
  margin-top: -120px;
  z-index: 100; }
  #trials-final .box-button {
    margin-right: 15px; }
  @media (max-width: 1024px) {
    #trials-final {
      margin-top: 0; } }

#trials-in-progress {
  padding: 120px 0; }
  #trials-in-progress .title {
    text-align: center;
    padding-bottom: 60px; }

#plant.trial #grid h3 {
  text-align: center; }

#plant.trial #grid {
  padding-top: 60px;
  padding-bottom: 60px;
  width: 100%;
  position: relative;
  min-height: 800px; }
  #plant.trial #grid .hidden {
    display: none; }
  #plant.trial #grid #initial-plants,
  #plant.trial #grid #filtered-plants {
    padding-bottom: 60px; }

#plant.trial .plant {
  position: relative;
  width: 20%;
  float: left;
  padding: 60px;
  z-index: 100; }
  #plant.trial .plant figure {
    width: 100%;
    height: 0;
    padding-top: 125%;
    margin-bottom: 30px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
  #plant.trial .plant h4 {
    font-family: "Austin", "Garamound", serif;
    font-size: 2rem;
    margin-bottom: 30px; }
  #plant.trial .plant p {
    font-size: 0.85rem;
    line-height: 1.5; }
  #plant.trial .plant:nth-of-type(5n+1) {
    clear: both; }
  #plant.trial .plant .target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; }
    #plant.trial .plant .target span {
      display: none; }
  #plant.trial .plant:hover figure, #plant.trial .plant:focus figure {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }

#plant.trial article {
  width: 100%; }
  #plant.trial article #plant-slideshow {
    width: 45%; }

@media (max-width: 1700px) {
  #plant.trial .plant {
    padding: 30px; } }

@media (max-width: 1700px) {
  #plant.trial .plant {
    width: 25%; }
    #plant.trial .plant:nth-of-type(5n+1) {
      clear: none; }
    #plant.trial .plant:nth-of-type(4n+1) {
      clear: both !important; } }

@media (max-width: 1024px) {
  #plant.trial .plant {
    width: 50%;
    padding: 10px; }
    #plant.trial .plant figure {
      padding-top: 100%;
      margin-bottom: 10px; }
    #plant.trial .plant h4 {
      font-size: 1.5rem;
      margin-bottom: 10px; }
    #plant.trial .plant:nth-of-type(5n+1) {
      clear: none; }
    #plant.trial .plant:nth-of-type(4n+1) {
      clear: none !important; }
    #plant.trial .plant:nth-of-type(odd) {
      clear: both !important; } }

.main-content.trial {
  background: #ebebeb; }
  .main-content.trial article {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important; }

section#news-single article,
section#event-single article {
  width: 40%;
  margin: 0 auto;
  padding: 0 0 60px 0;
  max-width: 1200px;
  position: relative; }
  section#news-single article h1,
  section#event-single article h1 {
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 30px; }
  section#news-single article h2,
  section#event-single article h2 {
    font-family: "Austin", "Garamound", serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 30px; }
  section#news-single article h3,
  section#event-single article h3 {
    font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif;
    font-size: 0.6rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 0.125rem; }
  section#news-single article p,
  section#event-single article p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 30px; }
  section#news-single article a,
  section#event-single article a {
    color: #8a74b2; }
  section#news-single article blockquote,
  section#event-single article blockquote {
    width: -moz-calc(100% +  360px);
    width: -webkit-calc(100% +  360px);
    width: calc(100% +  360px);
    margin-left: -180px;
    margin-top: 60px;
    margin-bottom: 60px;
    font-family: "Austin", "Garamound", serif;
    font-size: 3rem;
    line-height: 1.2; }
    section#news-single article blockquote p,
    section#event-single article blockquote p {
      font-family: "Austin", "Garamound", serif;
      font-size: 3rem;
      line-height: 1.2; }
  section#news-single article ul,
  section#event-single article ul {
    list-style: none;
    margin-bottom: 30px; }
    section#news-single article ul li,
    section#event-single article ul li {
      position: relative;
      margin: 15px 0;
      line-height: 1.2;
      font-size: 1rem;
      display: block;
      padding-left: 30px; }
      section#news-single article ul li:before,
      section#event-single article ul li:before {
        content: '';
        width: 15px;
        height: 2px;
        background: #98bb5d;
        left: 0;
        top: 0.6rem;
        position: absolute; }
  section#news-single article div .wp-caption-text,
  section#event-single article div .wp-caption-text {
    position: absolute;
    bottom: 0;
    left: 15px;
    font-size: 1rem;
    color: #ffffff;
    padding-left: 40px;
    line-height: 1.2; }
    section#news-single article div .wp-caption-text:after,
    section#event-single article div .wp-caption-text:after {
      content: '';
      width: 30px;
      height: 3px;
      background: #98bb5d;
      position: absolute;
      left: 0;
      top: .6rem; }
  section#news-single article div.gallery,
  section#event-single article div.gallery {
    width: 100%;
    position: relative;
    margin-bottom: 60px; }
    section#news-single article div.gallery img,
    section#event-single article div.gallery img {
      border: none; }
    section#news-single article div.gallery .wp-caption-text,
    section#event-single article div.gallery .wp-caption-text {
      bottom: 30px; }
  section#news-single article div.wp-caption,
  section#event-single article div.wp-caption {
    margin-bottom: 30px;
    position: relative;
    width: 100% !important; }
  section#news-single article #author,
  section#event-single article #author {
    display: block;
    padding-bottom: 20px; }
  section#news-single article aside,
  section#event-single article aside {
    position: absolute;
    top: 0;
    left: -30px;
    width: 12.5vw;
    text-align: center;
    padding: 0;
    border-top: 3px solid #ebebeb;
    border-bottom: 3px solid #ebebeb;
    line-height: 60px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
    section#news-single article aside svg,
    section#event-single article aside svg {
      fill: #ebebeb;
      width: 30px;
      height: auto;
      position: relative;
      display: inline-block;
      top: 7px;
      margin-right: 12px; }
      section#news-single article aside svg:hover, section#news-single article aside svg:focus,
      section#event-single article aside svg:hover,
      section#event-single article aside svg:focus {
        fill: #98bb5d; }
    section#news-single article aside a,
    section#event-single article aside a {
      width: 20%;
      display: inline-block; }
    section#news-single article aside span,
    section#event-single article aside span {
      display: none; }
      section#news-single article aside span.tribe-event-date-start, section#news-single article aside span.tribe-event-time,
      section#event-single article aside span.tribe-event-date-start,
      section#event-single article aside span.tribe-event-time {
        display: inline; }
    section#news-single article aside#date, section#news-single article aside p,
    section#event-single article aside#date,
    section#event-single article aside p {
      border: none;
      font-family: "Austin", "Garamound", serif;
      line-height: 1;
      text-align: left;
      font-size: 2rem;
      margin-bottom: 0; }
    section#news-single article aside strong,
    section#event-single article aside strong {
      color: #8a74b2;
      font-weight: bold;
      font-size: 1rem;
      font-family: "Founders Grotesk", "Helvetica Neue", "Helvetica", "Ariel", sans-serif; }
  section#news-single article img,
  section#event-single article img {
    width: 100%;
    height: auto; }

section#news-single #comments,
section#event-single #comments {
  display: none; }

@media (max-width: 1024px) {
  section#news-single article,
  section#event-single article {
    width: 90%;
    padding-top: 30px; }
    section#news-single article aside,
    section#event-single article aside {
      position: relative;
      width: 100%;
      left: 0;
      margin-bottom: 30px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
      section#news-single article aside#date,
      section#event-single article aside#date {
        text-align: center; }
    section#news-single article #author,
    section#event-single article #author {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    section#news-single article blockquote,
    section#event-single article blockquote {
      margin-left: 0;
      width: 100%; }
      section#news-single article blockquote p,
      section#event-single article blockquote p {
        font-size: 2rem; }
  section#news-single#event-single article,
  section#event-single#event-single article {
    padding-top: 0; } }

section#event-single article {
  border-bottom: none; }
  section#event-single article h1, section#event-single article h2 {
    font-size: 1.25rem;
    font-weight: bold; }

#news-landing {
  height: 75vh;
  min-height: 600px; }
  #news-landing .pager {
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  #news-landing .slide {
    margin-bottom: 60px;
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    background: #232323 !important; }
    #news-landing .slide hgroup {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      height: auto;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -moz-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
      #news-landing .slide hgroup #meta {
        text-align: center;
        display: block;
        color: #ffffff; }
        #news-landing .slide hgroup #meta strong {
          color: #ffffff;
          font-weight: bold;
          text-decoration: none; }
      #news-landing .slide hgroup h1 {
        text-align: center;
        font-family: "Austin", "Garamound", serif;
        z-index: 100;
        padding: 60px 0;
        width: 100%;
        left: 0%;
        color: #ffffff; }
      #news-landing .slide hgroup .arrow-button {
        color: #ffffff;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        #news-landing .slide hgroup .arrow-button svg {
          fill: #ffffff; }
    #news-landing .slide .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
      #news-landing .slide .target span {
        display: none; }
    #news-landing .slide .anystretch img {
      opacity: 0.8 !important;
      filter: alpha(opacity=80 !important) !important; }
  @media (max-width: 1024px) {
    #news-landing {
      min-height: 500px; }
      #news-landing .slide hgroup h1 {
        font-size: 3rem !important;
        padding: 30px 0; }
      #news-landing .pager {
        top: auto;
        width: 100%;
        bottom: 60px;
        text-align: center; }
        #news-landing .pager span {
          width: 60px;
          height: 6px;
          display: inline-block;
          margin: 0 6px;
          opacity: 0.5 !important;
          filter: alpha(opacity=50 !important) !important; }
          #news-landing .pager span.cycle-pager-active {
            max-width: 60px;
            opacity: 1 !important;
            filter: alpha(opacity=100 !important) !important; } }

.archive #hero-text {
  height: auto;
  min-height: 0px;
  background: #6f548d; }
  .archive #hero-text .subheading {
    color: white; }
  .archive #hero-text h1 {
    padding-top: 60px; }
  .archive #hero-text #back-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    color: #ffffff; }
    .archive #hero-text #back-btn svg {
      fill: white;
      width: 20px;
      margin-right: 6px; }

.archive nav.filters#news-filters,
.archive nav.filters#news-filters-mobile {
  display: none !important; }

@media (max-width: 1024px) {
  .archive #hero-text #back-btn {
    display: none; }
  .archive #news {
    padding-top: 30px; } }

#news {
  min-height: 600px; }
  #news #show-more {
    max-width: 1200px;
    margin: 60px auto 180px;
    position: relative;
    display: block; }
  #news #initial-news,
  #news #filtered-news {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s;
    transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.25s; }
    #news #initial-news.hidden,
    #news #filtered-news.hidden {
      visibility: hidden;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important;
      -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s;
      transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0s; }
  @media (max-width: 1024px) {
    #news {
      padding-top: 90px; } }

#history-timeline {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  height: 100vh;
  background: #232323;
  z-index: 10; }
  #history-timeline .scroll {
    width: 60px;
    height: 60px;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1000;
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  #history-timeline .exit {
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1000000; }
  #history-timeline article {
    position: relative;
    z-index: 1000;
    color: white;
    text-align: center; }
    #history-timeline article.year {
      height: 100vh;
      max-height: 3rem;
      cursor: pointer;
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }
      #history-timeline article.year hgroup {
        position: absolute;
        top: 50%;
        width: 90%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
        #history-timeline article.year hgroup h2 {
          font-family: "Austin", "Garamound", serif;
          font-size: 2rem;
          line-height: 1;
          -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
          transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
        #history-timeline article.year hgroup p {
          line-height: 1.5;
          font-size: 1.25rem;
          opacity: 0 !important;
          filter: alpha(opacity=0 !important) !important;
          max-height: 0px;
          max-width: 600px;
          margin: 0 auto;
          -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1);
          transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #history-timeline article.year:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        width: 4px;
        background: #ffffff;
        height: 120px;
        margin-top: -60px;
        max-height: 0px;
        -webkit-transform: translateX(-50%) translateY(-100%);
        -moz-transform: translateX(-50%) translateY(-100%);
        -ms-transform: translateX(-50%) translateY(-100%);
        -o-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #history-timeline article.year.active {
        max-height: 80vh; }
        #history-timeline article.year.active hgroup h2 {
          font-size: 10rem; }
        #history-timeline article.year.active hgroup p {
          opacity: 1 !important;
          filter: alpha(opacity=100 !important) !important;
          max-height: 100%;
          -webkit-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
          -moz-transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s;
          transition: opacity 0.3s cubic-bezier(0.28, 0, 0.18, 1) 0.3s; }
        #history-timeline article.year.active:after {
          max-height: 90px;
          -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
          -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
          transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
      @media (max-width: 1024px) {
        #history-timeline article.year.active hgroup h2 {
          font-size: 2rem; }
        #history-timeline article.year.active:after {
          display: none; } }
    #history-timeline article.intro {
      position: absolute;
      top: 0vh;
      width: 100%;
      height: 90vh;
      padding: 30px 0;
      opacity: 0 !important;
      filter: alpha(opacity=0 !important) !important;
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      #history-timeline article.intro h1 {
        font-family: "Austin", "Garamound", serif;
        font-size: 3rem;
        position: absolute;
        top: 50%;
        width: 75%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
        #history-timeline article.intro h1 span {
          color: #7a7a7a; }
      #history-timeline article.intro:before {
        content: '';
        position: absolute;
        bottom: 120px;
        left: 50%;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border: 4px solid rgba(255, 255, 255, 0.5);
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-transform: translateX(-50%) translateY(50%);
        -moz-transform: translateX(-50%) translateY(50%);
        -ms-transform: translateX(-50%) translateY(50%);
        -o-transform: translateX(-50%) translateY(50%);
        transform: translateX(-50%) translateY(50%);
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
      #history-timeline article.intro:after {
        content: '';
        position: absolute;
        bottom: 15px;
        left: 50%;
        width: 4px;
        background: #ffffff;
        height: 120px;
        max-height: 90px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      @media (max-width: 1024px) {
        #history-timeline article.intro {
          /*&:before{
					bottom: $pad;
				}
				&:after{
					height: $pad/4;
					max-height: $pad/4;
					bottom:$pad/2;
				}*/ }
          #history-timeline article.intro h1 {
            font-size: 1.5rem !important;
            width: 90%; } }
      @media (max-width: 1024px) and (orientation: landscape) {
        #history-timeline article.intro:before {
          display: none; }
        #history-timeline article.intro:after {
          display: none; } }
    #history-timeline article.last {
      height: 80vh;
      padding-top: 20vh;
      visibility: hidden; }
      #history-timeline article.last hgroup {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%) translateY(50%);
        -moz-transform: translateX(-50%) translateY(50%);
        -ms-transform: translateX(-50%) translateY(50%);
        -o-transform: translateX(-50%) translateY(50%);
        transform: translateX(-50%) translateY(50%);
        opacity: 0 !important;
        filter: alpha(opacity=0 !important) !important;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
        #history-timeline article.last hgroup h3 {
          font-family: "Austin", "Garamound", serif;
          font-size: 12rem;
          position: relative;
          -webkit-transform: translateY(10%);
          -moz-transform: translateY(10%);
          -ms-transform: translateY(10%);
          -o-transform: translateY(10%);
          transform: translateY(10%); }
        #history-timeline article.last hgroup p {
          font-family: "Austin", "Garamound", serif;
          font-size: 3rem;
          color: #232323;
          width: 50%;
          position: relative;
          z-index: 100;
          margin: 0 auto 15px;
          opacity: 1 !important;
          filter: alpha(opacity=100 !important) !important; }
        #history-timeline article.last hgroup .box-button {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
      @media (max-width: 1024px) {
        #history-timeline article.last hgroup p {
          width: 100%;
          font-size: 2rem !important; } }
  #history-timeline div#scroller {
    height: 100vh;
    width: 100%;
    margin-top: -60px;
    position: absolute;
    z-index: 1000;
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
  #history-timeline aside#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100; }
    #history-timeline aside#background:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 25vh;
      background: rgba(255, 255, 255, 0);
      z-index: 200;
      background-color: rgba(255, 255, 255, 0);
      background-image: -webkit-linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
      background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, #000000 100%); }
    #history-timeline aside#background:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 75vh;
      background: #232323;
      z-index: 200;
      background-color: rgba(255, 255, 255, 0);
      background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
      background-image: linear-gradient(-180deg,rgba(255, 255, 255, 0) 0%, #000000 100%);
      -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    #history-timeline aside#background figure {
      position: absolute !important;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 500; }
      #history-timeline aside#background figure .anystretch {
        z-index: 100 !important;
        opacity: 0.5 !important;
        filter: alpha(opacity=50 !important) !important;
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
        #history-timeline aside#background figure .anystretch img {
          -webkit-transition: transform 5s cubic-bezier(0.28, 0, 0.18, 1);
          -moz-transition: transform 5s cubic-bezier(0.28, 0, 0.18, 1);
          transition: transform 5s cubic-bezier(0.28, 0, 0.18, 1); }
      #history-timeline aside#background figure.cycle-slide-active .anystretch img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
  #history-timeline.started article.intro {
    -webkit-transform: translateY(-90vh);
    -moz-transform: translateY(-90vh);
    -ms-transform: translateY(-90vh);
    -o-transform: translateY(-90vh);
    transform: translateY(-90vh); }
    #history-timeline.started article.intro:after {
      max-height: 0px; }
    #history-timeline.started article.intro:before {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
  #history-timeline.started .year {
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    #history-timeline.started .year.active {
      cursor: normal; }
      #history-timeline.started .year.active h2 {
        -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
        -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
        transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
      #history-timeline.started .year.active p {
        -webkit-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s;
        -moz-transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s;
        transition: opacity 0.6s cubic-bezier(0.28, 0, 0.18, 1) 1s; }
  #history-timeline.started.ended article.last {
    visibility: visible; }
    #history-timeline.started.ended article.last hgroup {
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      opacity: 1 !important;
      filter: alpha(opacity=100 !important) !important;
      -webkit-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      -moz-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
      transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
  #history-timeline.started.ended aside#background:before {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important;
    -webkit-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
    -moz-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s;
    transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 0.6s; }
  #history-timeline.started.ended aside#background figure.cycle-slide-active .anystretch {
    opacity: 1 !important;
    filter: alpha(opacity=100 !important) !important;
    -webkit-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 1.5s;
    -moz-transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 1.5s;
    transition: 1.5s cubic-bezier(0.28, 0, 0.18, 1) 1.5s; }

.loaded #history-timeline .scroll {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }
  .loaded #history-timeline .scroll.hide {
    opacity: 0 !important;
    filter: alpha(opacity=0 !important) !important; }

.loaded #history-timeline div#scroller {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important;
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh); }

.loaded #history-timeline article.intro {
  opacity: 1 !important;
  filter: alpha(opacity=100 !important) !important; }

.loaded #history-timeline.started div#scroller {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
  transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }

.loaded #history-timeline.ended div#scroller {
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important; }

.timeline-started header#mobile,
.timeline-started #wrapper .home-button.mobile {
  opacity: 0 !important;
  filter: alpha(opacity=0 !important) !important;
  visibility: hidden; }

@media (max-width: 1024px) {
  .page-template-history,
  .page-template-history #wrapper {
    overflow: hidden;
    height: 100vh; } }

#events {
  margin-bottom: 20vh;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative; }
  #events nav[role=event-month] {
    height: 60px;
    background: #8a74b2;
    width: 20%;
    position: absolute;
    left: 50%;
    color: white;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    #events nav[role=event-month]#top {
      top: 0; }
      #events nav[role=event-month]#top ul {
        width: 100%;
        height: 60px;
        text-align: center;
        position: relative; }
        #events nav[role=event-month]#top ul li {
          visibility: hidden;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          line-height: 60px;
          font-size: 10px;
          color: #ffffff !important; }
          #events nav[role=event-month]#top ul li.active {
            visibility: visible; }
    #events nav[role=event-month] .arrow {
      display: block;
      width: 60px;
      height: 60px;
      position: absolute;
      z-index: 100;
      cursor: pointer;
      top: 0%; }
      #events nav[role=event-month] .arrow svg {
        fill: #ffffff;
        width: 100%;
        height: 20%;
        left: 0;
        top: 40%;
        position: absolute;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #events nav[role=event-month] .arrow:nth-of-type(1) {
        left: 0; }
      #events nav[role=event-month] .arrow:nth-of-type(2) {
        right: 0; }
      #events nav[role=event-month] .arrow:hover:nth-of-type(1) svg, #events nav[role=event-month] .arrow:focus:nth-of-type(1) svg {
        -webkit-transform: translateX(-5px);
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px); }
      #events nav[role=event-month] .arrow:hover:nth-of-type(2) svg, #events nav[role=event-month] .arrow:focus:nth-of-type(2) svg {
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px); }
    #events nav[role=event-month]#bottom {
      bottom: 0;
      width: 30%;
      min-width: 600px; }
      #events nav[role=event-month]#bottom .arrow {
        width: 50%;
        text-align: center;
        line-height: 60px; }
        #events nav[role=event-month]#bottom .arrow span.subheading {
          color: #ffffff;
          font-size: 10px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateY(-50%) translateX(-50%);
          -moz-transform: translateY(-50%) translateX(-50%);
          -ms-transform: translateY(-50%) translateX(-50%);
          -o-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%); }
        #events nav[role=event-month]#bottom .arrow:nth-of-type(1) {
          background: rgba(255, 255, 255, 0.1); }
          #events nav[role=event-month]#bottom .arrow:nth-of-type(1) svg {
            width: 30px;
            left: 15px; }
        #events nav[role=event-month]#bottom .arrow:nth-of-type(2) svg {
          left: auto;
          width: 30px;
          right: 15px; }
  #events #events-list {
    margin: 0 auto;
    width: 50%;
    min-width: 700px;
    max-width: 960px;
    border-top: 3px solid #ebebeb; }
    #events #events-list article {
      position: relative;
      border-bottom: 3px solid #ebebeb;
      padding: 10px 0;
      display: none; }
      #events #events-list article.shown {
        display: block; }
      #events #events-list article .date {
        float: left;
        width: 20%;
        height: 0;
        padding-top: 20%;
        position: relative;
        border-right: 3px solid #ebebeb; }
        #events #events-list article .date span {
          position: absolute;
          top: 50%; }
          #events #events-list article .date span.day {
            left: 0;
            font-size: 10px;
            -webkit-transform: rotate(-90deg) translateY(100%) translateX(-50%);
            -moz-transform: rotate(-90deg) translateY(100%) translateX(-50%);
            -ms-transform: rotate(-90deg) translateY(100%) translateX(-50%);
            -o-transform: rotate(-90deg) translateY(100%) translateX(-50%);
            transform: rotate(-90deg) translateY(100%) translateX(-50%);
            -webkit-transform-origin: -10% 40%;
            -moz-transform-origin: -10% 40%;
            -ms-transform-origin: -10% 40%;
            -o-transform-origin: -10% 40%;
            transform-origin: -10% 40%; }
          #events #events-list article .date span.number {
            font-family: "Austin", "Garamound", serif;
            font-size: 4rem;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
      #events #events-list article .info {
        left: 20%;
        top: 50%;
        position: absolute;
        width: 75%;
        padding: 0 60px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        #events #events-list article .info .subheading {
          font-size: 18px;
          font-weight: bold;
          display: block;
          margin-bottom: 15px; }
          #events #events-list article .info .subheading.tip {
            color: #98bb5d; }
          #events #events-list article .info .subheading.bloom {
            color: #8a74b2; }
          #events #events-list article .info .subheading.special {
            color: #68a8bd; }
      #events #events-list article.special .info, #events #events-list article.tip .info {
        padding-right: 90px;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #events #events-list article.special .target, #events #events-list article.tip .target {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100; }
        #events #events-list article.special .target span, #events #events-list article.tip .target span {
          display: none; }
      #events #events-list article.special .arrow, #events #events-list article.tip .arrow {
        position: absolute;
        width: 60px;
        height: -moz-calc(100% -  20px);
        height: -webkit-calc(100% -  20px);
        height: calc(100% -  20px);
        right: 0;
        background: #ebebeb;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
        #events #events-list article.special .arrow svg, #events #events-list article.tip .arrow svg {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 12px;
          margin-top: -6px; }
          #events #events-list article.special .arrow svg *, #events #events-list article.tip .arrow svg * {
            fill: #8a74b2; }
      #events #events-list article.special:hover .info, #events #events-list article.special:focus .info, #events #events-list article.tip:hover .info, #events #events-list article.tip:focus .info {
        -webkit-transform: translateX(10px) translateY(-50%);
        -moz-transform: translateX(10px) translateY(-50%);
        -ms-transform: translateX(10px) translateY(-50%);
        -o-transform: translateX(10px) translateY(-50%);
        transform: translateX(10px) translateY(-50%); }
      #events #events-list article.special:hover .arrow, #events #events-list article.special:focus .arrow, #events #events-list article.tip:hover .arrow, #events #events-list article.tip:focus .arrow {
        background: #fcfcfc; }
  @media (max-width: 1024px) {
    #events nav[role=event-month] {
      width: 100%; }
      #events nav[role=event-month]#bottom {
        min-width: 0;
        width: 100%; }
    #events #events-list {
      width: 90%;
      min-width: 0px; }
      #events #events-list article .info {
        left: 0;
        top: 0;
        position: relative;
        width: 55vw;
        padding: 5vw;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        float: left;
        margin-left: 60px; }
        #events #events-list article .info .subheading {
          font-size: 1rem; }
      #events #events-list article .date {
        float: left;
        width: 90px;
        height: 0;
        position: absolute;
        border-right: none;
        padding-top: 0px;
        top: 50%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        #events #events-list article .date span.number {
          font-size: 2.25rem; }
      #events #events-list article.special .arrow {
        background: none; }
        #events #events-list article.special .arrow svg {
          left: 75%; } }

#location {
  float: left;
  clear: both;
  width: 100%; }
  #location article {
    width: 50%;
    position: relative;
    height: 50vh;
    float: left;
    background: #8a74b2; }
    #location article .stretched {
      width: 60px;
      height: -moz-calc(50vh +  15px);
      height: -webkit-calc(50vh +  15px);
      height: calc(50vh +  15px);
      position: absolute !important;
      z-index: 1000 !important;
      left: 0;
      top: -30px; }
  #location #map-wrap {
    height: 50vh;
    float: left;
    width: 50%;
    position: relative; }

#location article hgroup,
#contact article hgroup {
  position: absolute;
  top: 50%;
  color: #ffffff;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  #location article hgroup h3,
  #contact article hgroup h3 {
    color: #ffffff;
    font-family: "Austin", "Garamound", serif;
    font-size: 2rem; }
  #location article hgroup p,
  #contact article hgroup p {
    color: #ffffff;
    line-height: 1.5;
    font-size: 1rem;
    margin: 10px 0; }
  #location article hgroup a,
  #contact article hgroup a {
    color: #ffffff;
    text-decoration: none; }

#contact {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  display: block; }
  #contact article {
    position: absolute;
    width: 50%;
    height: 100%;
    min-height: 50vh; }
    #contact article hgroup h3, #contact article hgroup p, #contact article hgroup a {
      color: #232323; }
  #contact div#contact-form {
    float: right;
    padding: 120px;
    width: 50%;
    min-height: 50vh; }
    #contact div#contact-form h3 {
      color: #232323;
      font-family: "Austin", "Garamound", serif;
      font-size: 2rem;
      margin-bottom: 30px; }

#highlight {
  width: 100%;
  height: 70vh;
  clear: both; }
  #highlight hgroup {
    width: 40%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    #highlight hgroup p {
      color: white;
      line-height: 1.5;
      margin-bottom: 60px; }

@media (max-width: 1024px) {
  #location article,
  #contact article {
    width: 100%;
    clear: both;
    height: auto; }
    #location article .stretched,
    #contact article .stretched {
      display: none; }
  #location #map-wrap {
    width: 100%;
    height: 50vh;
    min-height: 400px; }
  #location article hgroup,
  #contact article hgroup {
    text-align: center;
    padding: 30px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  #contact article {
    position: relative;
    min-height: 0px; }
  #contact div#contact-form {
    width: 90%;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
    text-align: center; }
  .wpcf7-form input[type=submit], .wpcf7-form input[type=button] {
    float: none; }
  #highlight {
    min-height: 400px;
    height: auto; }
    #highlight hgroup {
      top: 0;
      position: relative;
      width: 100%;
      left: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      padding: 30px; }
      #highlight hgroup h1 {
        font-size: 2.25rem !important; } }

#search-results {
  min-height: 100vh;
  position: relative;
  padding-bottom: 120px; }
  #search-results.plants {
    z-index: 10; }
  #search-results header {
    background: #2b1555;
    height: 300px;
    width: 100%;
    position: relative; }
    #search-results header span {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -36.75vw;
      background: rgba(0, 0, 0, 0.25);
      padding: 15px;
      cursor: pointer;
      min-width: 300px;
      width: 12vw;
      text-align: center;
      color: #ffffff; }
  #search-results #plants-count {
    width: 73.5%;
    margin: 0 auto;
    position: relative;
    display: block;
    padding: 40px 0; }
    #search-results #plants-count span {
      color: black; }
    @media (max-width: 1440px) {
      #search-results #plants-count {
        width: 90%; } }
  #search-results article {
    clear: both;
    padding: 60px 0;
    width: 73.5%;
    display: block;
    margin: 30px auto 30px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    -webkit-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.6s cubic-bezier(0.28, 0, 0.18, 1); }
    #search-results article hgroup {
      position: relative;
      width: 50%;
      z-index: 50;
      float: left; }
      #search-results article hgroup h1 {
        font-family: "Austin", "Garamound", serif;
        color: #8a74b2;
        font-size: 3rem;
        padding-right: 30px;
        margin-top: 15px;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
      #search-results article hgroup .subheading p {
        width: auto;
        font-size: inherit;
        line-height: 1;
        float: none;
        margin-top: 0; }
    #search-results article p {
      position: relative;
      width: 40%;
      font-size: 0.8rem;
      line-height: 1.2;
      float: left;
      margin-top: 2rem; }
      #search-results article p strong {
        font-weight: bolder;
        color: #8a74b2; }
    #search-results article .target {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
      #search-results article .target span {
        display: none; }
    #search-results article .arrow {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      width: 60px;
      height: -moz-calc(100% - 30px);
      height: -webkit-calc(100% - 30px);
      height: calc(100% - 30px);
      background: #ebebeb;
      -webkit-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      -moz-transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1);
      transition: 0.25s cubic-bezier(0.28, 0, 0.18, 1); }
      #search-results article .arrow svg {
        width: 30px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%) translateX(50%);
        -moz-transform: translateY(-50%) translateX(50%);
        -ms-transform: translateY(-50%) translateX(50%);
        -o-transform: translateY(-50%) translateX(50%);
        transform: translateY(-50%) translateX(50%);
        fill: #8a74b2;
        -webkit-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        -moz-transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1);
        transition: 0.3s cubic-bezier(0.28, 0, 0.18, 1); }
    #search-results article.hidden {
      display: none; }
    #search-results article:hover hgroup h1, #search-results article:focus hgroup h1 {
      color: #6f548d; }
    #search-results article:hover .arrow, #search-results article:focus .arrow {
      background: #fcfcfc; }
    @media (max-width: 1440px) {
      #search-results article {
        width: 90%; } }
  @media (max-width: 1024px) {
    #search-results header {
      height: 180px; }
      #search-results header span {
        width: 100%;
        margin-left: 0;
        min-width: 0px;
        left: 0; }
    #search-results article {
      width: 90%;
      margin: 30px auto 0;
      padding: 0 0 30px 0; }
      #search-results article hgroup {
        width: 100%; }
        #search-results article hgroup h1 {
          font-size: 1.5rem; }
      #search-results article p {
        width: 75%; }
      #search-results article .arrow {
        background: none; }
        #search-results article .arrow svg {
          right: 15px; }
      #search-results article:hover hgroup h1, #search-results article:focus hgroup h1 {
        color: #8a74b2; }
      #search-results article:hover .arrow, #search-results article:focus .arrow {
        background: none; } }