/*----------------------------------------------*\
    PAGES
	=====

	@package piknikpress

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package piknikpress

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* Breakpoints */
/* 500px */
/* 600px */
/* 700px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* 
 *
 * /  Work
------------------------------------------------*/
/* line 16, ../src/pages.scss */
article:first-child .work__title {
  margin-top: 8rem; }
  @media screen and (min-width: 37.5em) {
    /* line 16, ../src/pages.scss */
    article:first-child .work__title {
      margin-top: 8rem; } }
  @media screen and (min-width: 50em) {
    /* line 16, ../src/pages.scss */
    article:first-child .work__title {
      margin-top: 11rem; } }
  @media screen and (min-width: 68.75em) {
    /* line 16, ../src/pages.scss */
    article:first-child .work__title {
      margin-top: 12rem; } }

/* line 31, ../src/pages.scss */
.work__title {
  text-align: center;
  font-weight: 500;
  font-size: 2.5em;
  line-height: 1.1;
  margin-bottom: 0.75em;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding-left: 1rem;
  padding-right: 1rem; }
  /* line 42, ../src/pages.scss */
  .work__title.in-view {
    opacity: 1; }
  @media screen and (min-width: 37.5em) {
    /* line 31, ../src/pages.scss */
    .work__title {
      font-size: 2.75em; } }
  @media screen and (min-width: 50em) {
    /* line 31, ../src/pages.scss */
    .work__title {
      font-size: 3.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 31, ../src/pages.scss */
    .work__title {
      font-size: 5em; } }

/* 
 *
 * /  Modules
------------------------------------------------*/
/* line 63, ../src/pages.scss */
.modules {
  margin-top: 8em; }
  @media screen and (min-width: 37.5em) {
    /* line 63, ../src/pages.scss */
    .modules {
      margin-top: 8em; } }
  @media screen and (min-width: 50em) {
    /* line 63, ../src/pages.scss */
    .modules {
      margin-top: 11em; } }
  @media screen and (min-width: 68.75em) {
    /* line 63, ../src/pages.scss */
    .modules {
      margin-top: 12em; } }
  /* line 76, ../src/pages.scss */
  .work__title + .modules {
    margin-top: 2em; }

/* 
 *
 * /  Featured Text
------------------------------------------------*/
/* line 86, ../src/pages.scss */
.featured-text {
  margin-top: 1em;
  margin-bottom: 2em;
  font-weight: 500; }
  @media screen and (min-width: 37.5em) {
    /* line 86, ../src/pages.scss */
    .featured-text {
      margin-top: 2em;
      margin-bottom: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 86, ../src/pages.scss */
    .featured-text {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 86, ../src/pages.scss */
    .featured-text {
      margin-top: 4em;
      margin-bottom: 4em; } }
  /* line 104, ../src/pages.scss */
  .featured-text p {
    font-size: 1.35em;
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 109, ../src/pages.scss */
    .featured-text p.in-view {
      opacity: 1; }
    @media screen and (min-width: 37.5em) {
      /* line 104, ../src/pages.scss */
      .featured-text p {
        font-size: 1.5em; } }
    @media screen and (min-width: 50em) {
      /* line 104, ../src/pages.scss */
      .featured-text p {
        font-size: 1.75em; } }
    @media screen and (min-width: 68.75em) {
      /* line 104, ../src/pages.scss */
      .featured-text p {
        font-size: 2em; } }

/* 
 *
 * /  Fullscreen Image
------------------------------------------------*/
/* line 130, ../src/pages.scss */
.fullscreen-image {
  position: relative;
  top: -8em;
  z-index: -1; }
  @media screen and (min-width: 37.5em) {
    /* line 130, ../src/pages.scss */
    .fullscreen-image {
      top: -8em; } }
  @media screen and (min-width: 50em) {
    /* line 130, ../src/pages.scss */
    .fullscreen-image {
      top: -11em; } }
  @media screen and (min-width: 68.75em) {
    /* line 130, ../src/pages.scss */
    .fullscreen-image {
      top: -12em; } }
  /* line 145, ../src/pages.scss */
  .fullscreen-image img {
    width: 100vw; }
  /* line 149, ../src/pages.scss */
  .fullscreen-image + .module {
    margin-top: -6.5em; }
    @media screen and (min-width: 50em) {
      /* line 149, ../src/pages.scss */
      .fullscreen-image + .module {
        margin-top: -8em; } }
    @media screen and (min-width: 68.75em) {
      /* line 149, ../src/pages.scss */
      .fullscreen-image + .module {
        margin-top: -8.5em; } }
  /* line 159, ../src/pages.scss */
  .fullscreen-image__image {
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 163, ../src/pages.scss */
    .fullscreen-image__image.in-view {
      opacity: 1; }

/* 
 *
 * /  Image Block
------------------------------------------------*/
/* line 174, ../src/pages.scss */
.image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em; }
  @media screen and (min-width: 50em) {
    /* line 174, ../src/pages.scss */
    .image {
      grid-column-gap: 2em;
      grid-row-gap: 2em; } }
  /* line 187, ../src/pages.scss */
  .image__image--span {
    grid-column: span 2; }
  /* line 190, ../src/pages.scss */
  .image__image--half {
    grid-column: span 2; }
    @media screen and (min-width: 37.5em) {
      /* line 190, ../src/pages.scss */
      .image__image--half {
        grid-column: span 1; } }
  /* line 197, ../src/pages.scss */
  .image__image img {
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease;
    width: 100%; }
  /* line 204, ../src/pages.scss */
  .image__image.in-view img {
    opacity: 1; }
  /* line 209, ../src/pages.scss */
  .image figcaption {
    margin-top: 0.5em;
    font-size: 0.8em;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex; }
    /* line 215, ../src/pages.scss */
    .image figcaption.center {
      -ms-flex-pack: center;
          justify-content: center; }
    @media screen and (min-width: 37.5em) {
      /* line 209, ../src/pages.scss */
      .image figcaption {
        font-size: 1em; } }
    @media screen and (min-width: 50em) {
      /* line 209, ../src/pages.scss */
      .image figcaption {
        font-size: 1em; } }
    @media screen and (min-width: 68.75em) {
      /* line 209, ../src/pages.scss */
      .image figcaption {
        font-size: 1.125em; } }
    /* line 228, ../src/pages.scss */
    .image figcaption svg {
      width: 1em;
      margin-right: 0.25em;
      -ms-flex-item-align: start;
          align-self: flex-start;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    /* line 234, ../src/pages.scss */
    .image figcaption a {
      color: #016937;
      display: inline-block;
      text-decoration: none;
      margin-bottom: -6px; }
      /* line 240, ../src/pages.scss */
      .image figcaption a:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 0.35em;
        background-color: #016937;
        transform-origin: right;
        transform: translateY(-0.4rem) scaleX(1);
        transition: transform 1s ease; }
        @media screen and (min-width: 37.5em) {
          /* line 240, ../src/pages.scss */
          .image figcaption a:after {
            height: 3px;
            margin-top: 0.25em; } }
      /* line 256, ../src/pages.scss */
      .image figcaption a:hover:after, .image figcaption a:focus:after {
        transform-origin: right;
        transform: translateY(-0.4rem) scaleX(0); }

/* 
 *
 * /  Image Text
------------------------------------------------*/
/* line 270, ../src/pages.scss */
.image-text {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 500; }
  @media screen and (min-width: 50em) {
    /* line 270, ../src/pages.scss */
    .image-text {
      margin-top: 2em;
      margin-bottom: 2em; } }
  @media screen and (min-width: 43.75em) {
    /* line 280, ../src/pages.scss */
    .image-text__wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 0.5em;
      grid-row-gap: 0.5em; } }
  @media screen and (min-width: 43.75em) {
    /* line 280, ../src/pages.scss */
    .image-text__wrapper {
      grid-column-gap: 1em;
      grid-row-gap: 1em; } }
  @media screen and (min-width: 43.75em) {
    /* line 280, ../src/pages.scss */
    .image-text__wrapper {
      grid-column-gap: 2em;
      grid-row-gap: 2em; } }
  /* line 299, ../src/pages.scss */
  .image-text__text-wrapper + .image-text__image-wrapper {
    margin-top: 1.5em; }
    @media screen and (min-width: 50em) {
      /* line 299, ../src/pages.scss */
      .image-text__text-wrapper + .image-text__image-wrapper {
        margin-top: 0; } }
  /* line 307, ../src/pages.scss */
  .image-text__image-wrapper img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease; }
  /* line 314, ../src/pages.scss */
  .image-text__image-wrapper.in-view img {
    opacity: 1; }
  /* line 319, ../src/pages.scss */
  .image-text__text-wrapper {
    font-weight: 500; }
    /* line 322, ../src/pages.scss */
    .image-text__image-wrapper + .image-text__text-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 0;
      margin-top: 1.5em; }
      @media screen and (min-width: 43.75em) {
        /* line 322, ../src/pages.scss */
        .image-text__image-wrapper + .image-text__text-wrapper {
          padding: 1em;
          margin-top: 0; } }
      @media screen and (min-width: 50em) {
        /* line 322, ../src/pages.scss */
        .image-text__image-wrapper + .image-text__text-wrapper {
          padding: 2em; } }
      @media screen and (min-width: 68.75em) {
        /* line 322, ../src/pages.scss */
        .image-text__image-wrapper + .image-text__text-wrapper {
          padding: 4em; } }
    /* line 340, ../src/pages.scss */
    .image-text__text-wrapper p {
      font-size: 1.35em;
      opacity: 0;
      transition: opacity 0.5s ease; }
      /* line 345, ../src/pages.scss */
      .image-text__text-wrapper p.in-view {
        opacity: 1; }
      @media screen and (min-width: 37.5em) {
        /* line 340, ../src/pages.scss */
        .image-text__text-wrapper p {
          font-size: 1.5em; } }
      @media screen and (min-width: 50em) {
        /* line 340, ../src/pages.scss */
        .image-text__text-wrapper p {
          font-size: 1.75em; } }
      @media screen and (min-width: 68.75em) {
        /* line 340, ../src/pages.scss */
        .image-text__text-wrapper p {
          font-size: 2em; } }
  /* line 359, ../src/pages.scss */
  .image-text__text-wrapper--small {
    font-weight: 400; }
    /* line 362, ../src/pages.scss */
    .image-text__image-wrapper + .image-text__text-wrapper--small {
      -ms-flex-align: start;
          align-items: flex-start; }
      @media screen and (min-width: 43.75em) {
        /* line 362, ../src/pages.scss */
        .image-text__image-wrapper + .image-text__text-wrapper--small {
          padding: 0.25em !important; } }
      @media screen and (min-width: 50em) {
        /* line 362, ../src/pages.scss */
        .image-text__image-wrapper + .image-text__text-wrapper--small {
          padding: 2em; } }
    /* line 372, ../src/pages.scss */
    .image-text__text-wrapper--small p {
      font-size: 1em; }
      @media screen and (min-width: 37.5em) {
        /* line 372, ../src/pages.scss */
        .image-text__text-wrapper--small p {
          font-size: 1.125em; } }
      @media screen and (min-width: 50em) {
        /* line 372, ../src/pages.scss */
        .image-text__text-wrapper--small p {
          font-size: 1.25em; } }
      @media screen and (min-width: 68.75em) {
        /* line 372, ../src/pages.scss */
        .image-text__text-wrapper--small p {
          font-size: 1.25em; } }
  /* line 387, ../src/pages.scss */
  .image-text--text-first .image-text__image-wrapper {
    -ms-flex-order: 2;
        order: 2; }
  /* line 393, ../src/pages.scss */
  .image-text--text-first .image-text__text-wrapper {
    -ms-flex-order: 1;
        order: 1; }

/* 
 *
 * /  List
------------------------------------------------*/
/* line 407, ../src/pages.scss */
.list {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 407, ../src/pages.scss */
    .list {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 407, ../src/pages.scss */
    .list {
      margin-top: 4em;
      margin-bottom: 4em; } }
  /* line 420, ../src/pages.scss */
  .list__wrapper {
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 424, ../src/pages.scss */
    .list__wrapper.in-view {
      opacity: 1; }
    @media screen and (min-width: 37.5em) {
      /* line 420, ../src/pages.scss */
      .list__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: baseline;
            align-items: baseline; } }
  /* line 434, ../src/pages.scss */
  .list__title {
    font-size: 1.75em;
    margin-bottom: 0.5em;
    font-weight: 500;
    line-height: 1.1; }
    @media screen and (min-width: 37.5em) {
      /* line 434, ../src/pages.scss */
      .list__title {
        font-size: 2em;
        width: 48%; } }
    @media screen and (min-width: 50em) {
      /* line 434, ../src/pages.scss */
      .list__title {
        font-size: 2.5em;
        width: 30%; } }
    @media screen and (min-width: 68.75em) {
      /* line 434, ../src/pages.scss */
      .list__title {
        font-size: 3em; } }
  @media screen and (min-width: 37.5em) {
    /* line 452, ../src/pages.scss */
    .list__text {
      width: 48%; } }
  @media screen and (min-width: 50em) {
    /* line 452, ../src/pages.scss */
    .list__text {
      width: 70%;
      column-count: 2;
      column-gap: 5%; } }
  /* line 463, ../src/pages.scss */
  .typography .list__text p {
    font-size: 1.35em;
    margin-bottom: 1rem;
    line-height: 1.2; }
    @media screen and (min-width: 37.5em) {
      /* line 463, ../src/pages.scss */
      .typography .list__text p {
        font-size: 1.5em; } }
    @media screen and (min-width: 50em) {
      /* line 463, ../src/pages.scss */
      .typography .list__text p {
        font-size: 1.75em; } }
    @media screen and (min-width: 68.75em) {
      /* line 463, ../src/pages.scss */
      .typography .list__text p {
        font-size: 2em; } }

/* 
 *
 * /  Small Data
------------------------------------------------*/
/* line 486, ../src/pages.scss */
.small-data {
  margin-top: 2em;
  margin-bottom: 2em;
  	/*&__column--1 {
  
  		p:last-child {
  			margin-bottom: 0 !important;
  
  			@media screen and (min-width: $small) {
  				margin-bottom: 1em;
  			}
  		}
  	}*/ }
  @media screen and (min-width: 50em) {
    /* line 486, ../src/pages.scss */
    .small-data {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 486, ../src/pages.scss */
    .small-data {
      margin-top: 4em;
      margin-bottom: 4em; } }
  /* line 499, ../src/pages.scss */
  .featured-text + .small-data {
    margin-top: 0; }
  @media screen and (min-width: 37.5em) {
    /* line 503, ../src/pages.scss */
    .small-data__columns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  /* line 510, ../src/pages.scss */
  .small-data__column {
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 514, ../src/pages.scss */
    .small-data__column.in-view {
      opacity: 1; }
    @media screen and (min-width: 37.5em) {
      /* line 510, ../src/pages.scss */
      .small-data__column {
        width: 48.5%; } }

/* 
 *
 * /  Project Listing
------------------------------------------------*/
/* line 539, ../src/pages.scss */
.project-listing {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 539, ../src/pages.scss */
    .project-listing {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 539, ../src/pages.scss */
    .project-listing {
      margin-top: 4em;
      margin-bottom: 4em; } }
  /* line 552, ../src/pages.scss */
  .project-listing__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em; }
    @media screen and (min-width: 37.5em) {
      /* line 552, ../src/pages.scss */
      .project-listing__list {
        grid-column-gap: 1em;
        grid-row-gap: 1em; } }
    @media screen and (min-width: 50em) {
      /* line 552, ../src/pages.scss */
      .project-listing__list {
        grid-column-gap: 2em;
        grid-row-gap: 2em; } }
  /* line 569, ../src/pages.scss */
  .project-listing__project:nth-child(3n + 1) .project-listing__info {
    background-color: #ffca38; }
  /* line 572, ../src/pages.scss */
  .project-listing__project:nth-child(3n + 2) .project-listing__info {
    background-color: #f296ae; }
  /* line 575, ../src/pages.scss */
  .project-listing__project:nth-child(3n + 3) .project-listing__info {
    background-color: #35bec0; }
  /* line 579, ../src/pages.scss */
  .project-listing__project img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease; }
  /* line 586, ../src/pages.scss */
  .project-listing__project.in-view img {
    opacity: 1; }
  /* line 590, ../src/pages.scss */
  .project-listing__project--featured {
    width: 100%;
    grid-column: span 2; }
  /* line 595, ../src/pages.scss */
  .project-listing__link {
    position: relative;
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none; }
  /* line 602, ../src/pages.scss */
  .project-listing__image {
    overflow: hidden; }
  /* line 605, ../src/pages.scss */
  .project-listing__info {
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .3s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    /* line 617, ../src/pages.scss */
    .project-listing__link:hover .project-listing__info, .project-listing__link:focus .project-listing__info {
      opacity: 1; }
  /* line 622, ../src/pages.scss */
  .project-listing__title {
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media screen and (min-width: 31.25em) {
      /* line 622, ../src/pages.scss */
      .project-listing__title {
        font-size: 1.25em; } }
    @media screen and (min-width: 37.5em) {
      /* line 622, ../src/pages.scss */
      .project-listing__title {
        font-size: 1.75em; } }
    @media screen and (min-width: 50em) {
      /* line 622, ../src/pages.scss */
      .project-listing__title {
        font-size: 2em;
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media screen and (min-width: 68.75em) {
      /* line 622, ../src/pages.scss */
      .project-listing__title {
        font-size: 2.5em; } }
  /* line 644, ../src/pages.scss */
  .project-listing__subtitle {
    display: none;
    position: absolute;
    text-align: center;
    text-transform: lowercase; }
    @media screen and (min-width: 37.5em) {
      /* line 644, ../src/pages.scss */
      .project-listing__subtitle {
        display: block; } }
    /* line 653, ../src/pages.scss */
    .project-listing__subtitle:nth-of-type(1) {
      top: 1.5em;
      left: 0;
      right: 0; }
    /* line 658, ../src/pages.scss */
    .project-listing__subtitle:nth-of-type(2) {
      bottom: 1.5em;
      left: 0;
      right: 0;
      transform: rotate(180deg); }
  /* line 665, ../src/pages.scss */
  .project-listing .yellow {
    background-color: #ffca38; }
  /* line 668, ../src/pages.scss */
  .project-listing .teal {
    background-color: #35bec0; }
  /* line 671, ../src/pages.scss */
  .project-listing .green {
    background-color: #016937; }
  /* line 674, ../src/pages.scss */
  .project-listing .pink {
    background-color: #f296ae; }

/* 
 *
 * /  Masonry Image Grid
------------------------------------------------*/
/* line 684, ../src/pages.scss */
.grid {
  margin-left: -1%;
  margin-right: -1%; }

/* line 688, ../src/pages.scss */
.grid-sizer {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media screen and (min-width: 37.5em) {
    /* line 688, ../src/pages.scss */
    .grid-sizer {
      width: 48%; } }
  @media screen and (min-width: 50em) {
    /* line 688, ../src/pages.scss */
    .grid-sizer {
      width: 31.333%; } }

/* line 701, ../src/pages.scss */
.grid-item {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1em; }
  @media screen and (min-width: 37.5em) {
    /* line 701, ../src/pages.scss */
    .grid-item {
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
      margin-bottom: 0.85em; } }
  @media screen and (min-width: 50em) {
    /* line 701, ../src/pages.scss */
    .grid-item {
      margin-bottom: 0.85em;
      width: 31.333%; } }
  @media screen and (min-width: 68.75em) {
    /* line 701, ../src/pages.scss */
    .grid-item {
      margin-bottom: 1.75em; } }

/* line 725, ../src/pages.scss */
.masonry-grid__image img {
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  display: block; }
/* line 732, ../src/pages.scss */
.masonry-grid__image.in-view img {
  opacity: 1; }
/* line 737, ../src/pages.scss */
.masonry-grid__wrapper {
  position: relative;
  display: block;
  width: 100%;
  color: #000000;
  text-decoration: none; }
/* line 744, ../src/pages.scss */
.masonry-grid__info {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity 0.3s ease;
  padding: 0.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 1em;
  margin-bottom: 2em; }
  @media screen and (min-width: 37.5em) {
    /* line 744, ../src/pages.scss */
    .masonry-grid__info {
      padding: 1em;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 0;
      margin-bottom: 0;
      position: absolute;
      opacity: 0;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      min-height: 0; } }
  @media screen and (min-width: 50em) {
    /* line 744, ../src/pages.scss */
    .masonry-grid__info {
      padding: 2em; } }
  /* line 770, ../src/pages.scss */
  .masonry-grid__wrapper:hover .masonry-grid__info, .masonry-grid__wrapper:focus .masonry-grid__info {
    opacity: 1; }
/* line 775, ../src/pages.scss */
.masonry-grid__link {
  text-align: center;
  font-size: 1em;
  font-weight: 500;
  display: block;
  color: #ffffff;
  text-decoration: none; }
  /* line 783, ../src/pages.scss */
  .masonry-grid__link h5 {
    display: inline-block;
    border: 3px solid #ffffff;
    padding: 0.25em 0.5em;
    color: #ffffff;
    margin-top: 1em;
    transition: color 0.3s ease, background-color 0.3s ease; }
    /* line 791, ../src/pages.scss */
    .masonry-grid__link h5:hover, .masonry-grid__link h5:focus {
      color: #000000;
      background-color: #ffffff; }
    @media screen and (min-width: 37.5em) {
      /* line 783, ../src/pages.scss */
      .masonry-grid__link h5 {
        padding: 0.5em 0.75em; } }
    @media screen and (min-width: 50em) {
      /* line 783, ../src/pages.scss */
      .masonry-grid__link h5 {
        margin-top: 1.5em; } }
  @media screen and (min-width: 37.5em) {
    /* line 775, ../src/pages.scss */
    .masonry-grid__link {
      font-size: 1.125em; } }
/* line 810, ../src/pages.scss */
.masonry-grid__title {
  text-align: center;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.1; }
  @media screen and (min-width: 37.5em) {
    /* line 810, ../src/pages.scss */
    .masonry-grid__title {
      font-size: 1.5em; } }
  @media screen and (min-width: 50em) {
    /* line 810, ../src/pages.scss */
    .masonry-grid__title {
      font-size: 1.75em; } }
  @media screen and (min-width: 68.75em) {
    /* line 810, ../src/pages.scss */
    .masonry-grid__title {
      font-size: 2em; } }
/* line 826, ../src/pages.scss */
.masonry-grid__artist {
  text-align: center;
  font-size: 1em;
  font-weight: 500;
  margin-top: 0.5rem; }
  @media screen and (min-width: 37.5em) {
    /* line 826, ../src/pages.scss */
    .masonry-grid__artist {
      font-size: 1em; } }
  @media screen and (min-width: 50em) {
    /* line 826, ../src/pages.scss */
    .masonry-grid__artist {
      font-size: 1.125em; } }
  @media screen and (min-width: 68.75em) {
    /* line 826, ../src/pages.scss */
    .masonry-grid__artist {
      font-size: 1.25em; } }
/* line 842, ../src/pages.scss */
.masonry-grid__text {
  margin-top: 1em;
  text-align: center;
  font-size: 0.8em; }
  @media screen and (min-width: 50em) {
    /* line 842, ../src/pages.scss */
    .masonry-grid__text {
      font-size: 1em; } }
  /* line 851, ../src/pages.scss */
  .masonry-grid__text a {
    color: #ffffff;
    display: inline-block;
    text-decoration: none; }
    /* line 856, ../src/pages.scss */
    .masonry-grid__text a:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      margin-top: 0.35em;
      background-color: #ffffff;
      transform-origin: right;
      transform: translateY(-0.4rem) scaleX(1);
      transition: transform 1s ease; }
    /* line 867, ../src/pages.scss */
    .masonry-grid__text a:hover:after, .masonry-grid__text a:focus:after {
      transform-origin: right;
      transform: translateY(-0.4rem) scaleX(0); }

/* 
 *
 * MODULE: Button
------------------------------------------------*/
/* line 883, ../src/pages.scss */
.button--center {
  text-align: center; }
/* line 886, ../src/pages.scss */
.button__wrapper {
  display: inline-block;
  font-family: davis-sans, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease; }
  /* line 892, ../src/pages.scss */
  .button__wrapper.in-view {
    opacity: 1; }
/* line 896, ../src/pages.scss */
.button--onsite {
  margin-bottom: 1.5em;
  margin-right: 0.5em; }
  /* line 900, ../src/pages.scss */
  .button--onsite a,
  .button--onsite button {
    cursor: pointer;
    color: #016937;
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 0.55em 0.75em 0.5em;
    border: 4px solid #016937;
    text-transform: uppercase;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0px 0px 15px 0px; }
    @media screen and (min-width: 50em) {
      /* line 900, ../src/pages.scss */
      .button--onsite a,
      .button--onsite button {
        font-size: 1rem;
        border-radius: 0px 0px 20px 0px; } }
    @media screen and (min-width: 68.75em) {
      /* line 900, ../src/pages.scss */
      .button--onsite a,
      .button--onsite button {
        font-size: 1.5rem;
        border-radius: 0px 0px 25px 0px; } }
    /* line 923, ../src/pages.scss */
    .button--onsite a:hover, .button--onsite a:focus,
    .button--onsite button:hover,
    .button--onsite button:focus {
      background-color: #016937;
      color: #ffffff; }
/* line 930, ../src/pages.scss */
.button--offsite {
  margin-bottom: 1.5em;
  margin-right: 0.5em; }
  /* line 934, ../src/pages.scss */
  .button--offsite a,
  .button--offsite button {
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 0.6em 0.75em 0.5em;
    background-color: #016937;
    border: 4px solid #016937;
    text-transform: uppercase;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0px 0px 15px 0px; }
    @media screen and (min-width: 50em) {
      /* line 934, ../src/pages.scss */
      .button--offsite a,
      .button--offsite button {
        font-size: 1rem;
        border-radius: 0px 0px 20px 0px; } }
    @media screen and (min-width: 68.75em) {
      /* line 934, ../src/pages.scss */
      .button--offsite a,
      .button--offsite button {
        font-size: 1.5rem;
        border-radius: 0px 0px 25px 0px; } }
    /* line 958, ../src/pages.scss */
    .button--offsite a:hover, .button--offsite a:focus,
    .button--offsite button:hover,
    .button--offsite button:focus {
      background-color: transparent;
      color: #016937; }

/* line 966, ../src/pages.scss */
.typography .button a:after {
  content: none; }

/* 
 *
 * /  Divider
------------------------------------------------*/
/* line 974, ../src/pages.scss */
.divider {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease; }
  /* line 979, ../src/pages.scss */
  .divider.in-view {
    opacity: 1; }
  /* line 983, ../src/pages.scss */
  .divider--small {
    margin-top: 2.25em;
    margin-bottom: 3.5em; }
    @media screen and (min-width: 37.5em) {
      /* line 983, ../src/pages.scss */
      .divider--small {
        margin-top: 1.75em;
        margin-bottom: 3em; } }
    @media screen and (min-width: 50em) {
      /* line 983, ../src/pages.scss */
      .divider--small {
        margin-top: 0.25em;
        margin-bottom: 4.5em; } }
  /* line 996, ../src/pages.scss */
  .divider--medium {
    margin-top: -0.25em;
    margin-bottom: 3.5em; }
    @media screen and (min-width: 37.5em) {
      /* line 996, ../src/pages.scss */
      .divider--medium {
        margin-top: 0.5em;
        margin-bottom: 4.25em; } }
    @media screen and (min-width: 50em) {
      /* line 996, ../src/pages.scss */
      .divider--medium {
        margin-top: 2em;
        margin-bottom: 5.75em; } }
  /* line 1009, ../src/pages.scss */
  .divider--large {
    margin-top: 0.25em;
    margin-bottom: 4em; }
    @media screen and (min-width: 37.5em) {
      /* line 1009, ../src/pages.scss */
      .divider--large {
        margin-top: 1.25em;
        margin-bottom: 5em; } }
    @media screen and (min-width: 50em) {
      /* line 1009, ../src/pages.scss */
      .divider--large {
        margin-top: 3.25em;
        margin-bottom: 7em; } }
  /* line 1022, ../src/pages.scss */
  .divider__wrapper {
    width: 100%;
    position: relative;
    height: 13px;
    background: url("../../images/wavyline.svg") repeat-x 0%;
    background-size: contain;
    animation: 5s wave linear infinite; }
    @media screen and (min-width: 50em) {
      /* line 1022, ../src/pages.scss */
      .divider__wrapper {
        animation: 20s wave linear infinite; } }

@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 100% 0; } }
/* 
 *
 * MODULE: Spacer
------------------------------------------------*/
/* line 1053, ../src/pages.scss */
.spacer--small {
  padding-top: .25em; }
  @media screen and (min-width: 31.25em) {
    /* line 1053, ../src/pages.scss */
    .spacer--small {
      padding-top: .5em; } }
  @media screen and (min-width: 37.5em) {
    /* line 1053, ../src/pages.scss */
    .spacer--small {
      padding-top: .75em; } }
  @media screen and (min-width: 50em) {
    /* line 1053, ../src/pages.scss */
    .spacer--small {
      padding-top: 1.25em; } }
/* line 1066, ../src/pages.scss */
.spacer--medium {
  padding-top: .5em; }
  @media screen and (min-width: 31.25em) {
    /* line 1066, ../src/pages.scss */
    .spacer--medium {
      padding-top: 1em; } }
  @media screen and (min-width: 37.5em) {
    /* line 1066, ../src/pages.scss */
    .spacer--medium {
      padding-top: 1.5em; } }
  @media screen and (min-width: 50em) {
    /* line 1066, ../src/pages.scss */
    .spacer--medium {
      padding-top: 3em; } }
/* line 1079, ../src/pages.scss */
.spacer--large {
  padding-top: 1em; }
  @media screen and (min-width: 31.25em) {
    /* line 1079, ../src/pages.scss */
    .spacer--large {
      padding-top: 1.5em; } }
  @media screen and (min-width: 37.5em) {
    /* line 1079, ../src/pages.scss */
    .spacer--large {
      padding-top: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 1079, ../src/pages.scss */
    .spacer--large {
      padding-top: 4em; } }

/* 
 *
 * /  Project Nav Links
------------------------------------------------*/
/* line 1098, ../src/pages.scss */
.project-navigation {
  margin-top: 2em;
  opacity: 0;
  transition: opacity 0.3s ease; }
  /* line 1103, ../src/pages.scss */
  .project-navigation.in-view {
    opacity: 1; }
  @media screen and (min-width: 37.5em) {
    /* line 1098, ../src/pages.scss */
    .project-navigation {
      margin-top: 4em; } }
  @media screen and (min-width: 50em) {
    /* line 1098, ../src/pages.scss */
    .project-navigation {
      margin-top: 6em; } }

/* line 1114, ../src/pages.scss */
.nav-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em; }
  @media screen and (min-width: 50em) {
    /* line 1114, ../src/pages.scss */
    .nav-links {
      grid-column-gap: 2em;
      grid-row-gap: 2em; } }
  /* line 1125, ../src/pages.scss */
  .nav-links .project-previous,
  .nav-links .project-next {
    border: 3px solid #016937;
    position: relative; }
    /* line 1130, ../src/pages.scss */
    .nav-links .project-previous a,
    .nav-links .project-next a {
      color: #016937;
      text-decoration: none; }
    /* line 1134, ../src/pages.scss */
    .nav-links .project-previous .overlay,
    .nav-links .project-next .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
    /* line 1145, ../src/pages.scss */
    .nav-links .project-previous img,
    .nav-links .project-next img {
      opacity: 0;
      transition: opacity 0.3s ease;
      display: block;
      width: 100%; }
    /* line 1151, ../src/pages.scss */
    .nav-links .project-previous h3,
    .nav-links .project-next h3 {
      font-size: 1em;
      text-align: center;
      font-weight: 500; }
      @media screen and (min-width: 37.5em) {
        /* line 1151, ../src/pages.scss */
        .nav-links .project-previous h3,
        .nav-links .project-next h3 {
          font-size: 1.5em; } }
      @media screen and (min-width: 50em) {
        /* line 1151, ../src/pages.scss */
        .nav-links .project-previous h3,
        .nav-links .project-next h3 {
          font-size: 2.5em;
          margin-top: 0; } }
      @media screen and (min-width: 68.75em) {
        /* line 1151, ../src/pages.scss */
        .nav-links .project-previous h3,
        .nav-links .project-next h3 {
          font-size: 3em;
          margin-top: 0; } }
    /* line 1168, ../src/pages.scss */
    .nav-links .project-previous h4,
    .nav-links .project-next h4 {
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.3s ease, transform 0.3s ease;
      display: none; }
      @media screen and (min-width: 50em) {
        /* line 1168, ../src/pages.scss */
        .nav-links .project-previous h4,
        .nav-links .project-next h4 {
          font-size: 1.5em;
          display: block; } }
      @media screen and (min-width: 68.75em) {
        /* line 1168, ../src/pages.scss */
        .nav-links .project-previous h4,
        .nav-links .project-next h4 {
          font-size: 2em; } }
    @media screen and (min-width: 50em) {
      /* line 1185, ../src/pages.scss */
      .nav-links .project-previous:hover img, .nav-links .project-previous:focus img,
      .nav-links .project-next:hover img,
      .nav-links .project-next:focus img {
        opacity: 1; }
      /* line 1188, ../src/pages.scss */
      .nav-links .project-previous:hover h4, .nav-links .project-previous:focus h4,
      .nav-links .project-next:hover h4,
      .nav-links .project-next:focus h4 {
        opacity: 1;
        transform: translateY(0); } }

/* line 1200, ../src/pages.scss */
.dark-mode .nav-links .project-previous,
.dark-mode .nav-links .project-next {
  border: 3px solid #ffffff; }
  /* line 1204, ../src/pages.scss */
  .dark-mode .nav-links .project-previous a,
  .dark-mode .nav-links .project-next a {
    color: #ffffff; }
  /* line 1207, ../src/pages.scss */
  .dark-mode .nav-links .project-previous:hover, .dark-mode .nav-links .project-previous:focus,
  .dark-mode .nav-links .project-next:hover,
  .dark-mode .nav-links .project-next:focus {
    border: 3px solid #016937; }
    /* line 1211, ../src/pages.scss */
    .dark-mode .nav-links .project-previous:hover a, .dark-mode .nav-links .project-previous:focus a,
    .dark-mode .nav-links .project-next:hover a,
    .dark-mode .nav-links .project-next:focus a {
      color: #016937; }

/* Flip Book */
/* line 1220, ../src/pages.scss */
.df-raw-loading {
  display: none; }

/* 404 page */
@media screen and (min-width: 43.75em) {
  /* line 1227, ../src/pages.scss */
  .error-page .image-text__wrapper {
    grid-template-columns: 0.5fr 1fr; } }
/* line 1232, ../src/pages.scss */
.error-page .image-text__image {
  max-width: 20em;
  margin-left: auto;
  margin-right: auto; }