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

	@package museumofthesoul

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

	@package museumofthesoul

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 500px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
@font-face {
  font-family: Compagnon;
  src: url("../../fonts/Compagnon-Roman.woff2") format("woff2"), url("../../fonts/Compagnon-Roman.woff") format("woff"), url("../../fonts/Compagnon-Roman.eot") format("eot"); }
/* 
 *
 * 1./  Page Styles
------------------------------------------------*/
/* line 22, ../src/pages.scss */
.page-title {
  font-size: 2em;
  text-transform: lowercase;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 50em) {
    /* line 22, ../src/pages.scss */
    .page-title {
      font-size: 2.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 22, ../src/pages.scss */
    .page-title {
      font-size: 3em;
      margin-left: 3em; } }

/* 
 *
 * 2./  Homepage
------------------------------------------------*/
/* line 41, ../src/pages.scss */
.home {
  background-color: #000000; }

/* line 44, ../src/pages.scss */
.home-title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 50vh;
  color: #ffffff; }

/* line 52, ../src/pages.scss */
.home-title {
  font-size: 2em;
  text-transform: lowercase;
  filter: drop-shadow(0 0 5px #000000); }
  @media screen and (min-width: 50em) {
    /* line 52, ../src/pages.scss */
    .home-title {
      font-size: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 52, ../src/pages.scss */
    .home-title {
      font-size: 4em; } }
  /* line 64, ../src/pages.scss */
  .menu-open .home-title {
    opacity: 0 !important; }

/* line 68, ../src/pages.scss */
.vimeo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden; }

/* line 78, ../src/pages.scss */
.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* 
 *
 * 3./  Modules
------------------------------------------------*/
/* Image */
/* line 95, ../src/pages.scss */
.image {
  margin-bottom: 2em; }

/* Paper Slips */
/* line 100, ../src/pages.scss */
.paper-slip {
  font-family: Compagnon, mono;
  line-height: 1.4;
  max-width: 50vw;
  padding: 1em;
  margin-bottom: 2em;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  @media screen and (min-width: 50em) {
    /* line 100, ../src/pages.scss */
    .paper-slip {
      padding: 2em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 100, ../src/pages.scss */
    .paper-slip {
      padding: 3em; } }
  /* line 116, ../src/pages.scss */
  .paper-slip p {
    margin-bottom: 1em; }
  /* line 120, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+1) {
    background: url(../../images/paperslip-1.jpg) no-repeat;
    background-size: cover; }
  /* line 124, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+2) {
    background: url(../../images/paperslip-2.jpg) no-repeat;
    background-size: cover; }
  /* line 128, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+3) {
    background: url(../../images/paperslip-3.jpg) no-repeat;
    background-size: cover; }
  /* line 132, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+4) {
    background: url(../../images/paperslip-4.jpg) no-repeat;
    background-size: cover; }
  /* line 136, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+5) {
    background: url(../../images/paperslip-5.jpg) no-repeat;
    background-size: cover; }
  /* line 140, ../src/pages.scss */
  .paper-slip:nth-of-type(6n+6) {
    background: url(../../images/paperslip-6.jpg) no-repeat;
    background-size: cover; }
  @media screen and (min-width: 68.75em) {
    /* line 145, ../src/pages.scss */
    .paper-slip:nth-of-type(3n+2) {
      margin-right: auto; }
    /* line 148, ../src/pages.scss */
    .paper-slip:nth-of-type(3n+2) {
      margin-left: auto;
      margin-right: auto; }
    /* line 152, ../src/pages.scss */
    .paper-slip:nth-of-type(3n+3) {
      margin-left: auto; } }

/* 
 *
 * 4./  What Landing (Projects)
------------------------------------------------*/
/* line 164, ../src/pages.scss */
.what-list__project {
  max-width: 20em;
  margin-bottom: 4em;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 37.5em) {
    /* line 171, ../src/pages.scss */
    .what-list__project:nth-of-type(3n+1) {
      margin-right: auto;
      margin-left: 0; }
    /* line 175, ../src/pages.scss */
    .what-list__project:nth-of-type(3n+2) {
      margin-left: auto;
      margin-right: 0; }
    /* line 179, ../src/pages.scss */
    .what-list__project:nth-of-type(3n+3) {
      margin-left: auto;
      margin-right: auto; } }
/* line 185, ../src/pages.scss */
.what-list__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }
/* line 192, ../src/pages.scss */
.what-list__image img {
  display: block; }
/* line 196, ../src/pages.scss */
.what-list__title {
  color: #ffffff;
  background: black;
  background: radial-gradient(circle, black 0%, rgba(222, 225, 204, 0.75) 50%);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.5s;
  text-transform: lowercase;
  font-size: 1.25em;
  text-align: center; }
  @media screen and (min-width: 68.75em) {
    /* line 196, ../src/pages.scss */
    .what-list__title {
      font-size: 1.5em; } }
  /* line 221, ../src/pages.scss */
  .what-list__title:hover {
    opacity: 1; }

/* 
 *
 * 5./  What Detail (Projects)
------------------------------------------------*/
/* line 233, ../src/pages.scss */
.what__title {
  font-size: 2em;
  text-transform: lowercase; }
  @media screen and (min-width: 50em) {
    /* line 233, ../src/pages.scss */
    .what__title {
      font-size: 2.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 233, ../src/pages.scss */
    .what__title {
      font-size: 3em;
      margin-left: 3em;
      margin-bottom: 1rem; } }
/* line 246, ../src/pages.scss */
.what__description {
  font-size: 1em;
  margin-bottom: 1em;
  max-width: 44em; }
  @media screen and (min-width: 50em) {
    /* line 246, ../src/pages.scss */
    .what__description {
      font-size: 1.125em; } }
  @media screen and (min-width: 68.75em) {
    /* line 246, ../src/pages.scss */
    .what__description {
      font-size: 1.25em;
      margin-left: 9rem;
      margin-bottom: 1.5em; } }
  /* line 260, ../src/pages.scss */
  .what__description p {
    margin-bottom: 1em; }
/* line 264, ../src/pages.scss */
.what__spacer {
  width: 7em; }
/* line 267, ../src/pages.scss */
.what__images {
  margin-left: -1em;
  margin-right: -1em;
  margin-top: 6em; }
  @media screen and (min-width: 50em) {
    /* line 267, ../src/pages.scss */
    .what__images {
      margin-left: -2em;
      margin-right: -2em; } }
  @media screen and (min-width: 68.75em) {
    /* line 267, ../src/pages.scss */
    .what__images {
      margin-left: -3em;
      margin-right: -3em; } }
@media screen and (min-width: 50em) {
  /* line 293, ../src/pages.scss */
  .what__image {
    margin-left: 5em;
    margin-right: 5em;
    height: 60vh; } }
/* line 300, ../src/pages.scss */
.what__image:first-child {
  margin-left: 0rem; }
/* line 303, ../src/pages.scss */
.what__image img {
  display: block;
  height: 100%;
  object-fit: contain;
  max-width: none; }
/* line 320, ../src/pages.scss */
.what__back-link {
  font-size: 2em; }
  @media screen and (min-width: 50em) {
    /* line 320, ../src/pages.scss */
    .what__back-link {
      font-size: 3em;
      height: 60vh;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 35vw; } }
  /* line 335, ../src/pages.scss */
  .what__back-link a {
    display: inline-block;
    margin-top: -2em;
    text-transform: lowercase;
    color: #000000;
    text-decoration: none; }
    /* line 342, ../src/pages.scss */
    .what__back-link a:after {
      content: '';
      display: block;
      background-image: url(../../images/arrow-left.svg);
      background-size: cover;
      width: 93px;
      height: 14px;
      transition: transform 0.2s, width 0.2s; }
    /* line 351, ../src/pages.scss */
    .what__back-link a:hover:after {
      transform: translateX(-5px);
      width: 98px; }

/* line 359, ../src/pages.scss */
.flickity-button {
  background-color: transparent; }
  /* line 362, ../src/pages.scss */
  .flickity-button:hover {
    background-color: transparent; }

/* line 366, ../src/pages.scss */
.flickity-prev-next-button {
  top: -3em;
  width: 40px;
  height: 40px; }

/* line 371, ../src/pages.scss */
.flickity-prev-next-button.previous {
  left: 14em; }

/* line 374, ../src/pages.scss */
.flickity-prev-next-button.next {
  left: 16em; }

/* 
 *
 * 6./  In the Gallery 
------------------------------------------------*/
/* line 383, ../src/pages.scss */
.in-the-gallery__main-header {
  font-family: Compagnon, mono;
  font-size: 1.25em;
  margin-bottom: 4em;
  background: url(../../images/paperslip-1.jpg) no-repeat;
  background-size: cover;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 3em;
  max-width: 30rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 50em) {
    /* line 383, ../src/pages.scss */
    .in-the-gallery__main-header {
      font-size: 1.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 383, ../src/pages.scss */
    .in-the-gallery__main-header {
      font-size: 1.75em; } }
/* line 403, ../src/pages.scss */
.in-the-gallery__artist {
  margin-bottom: 4em; }
  @media screen and (min-width: 50em) {
    /* line 403, ../src/pages.scss */
    .in-the-gallery__artist {
      margin-bottom: 6em; } }
  @media screen and (min-width: 68.75em) {
    /* line 403, ../src/pages.scss */
    .in-the-gallery__artist {
      margin-bottom: 8em; } }
/* line 413, ../src/pages.scss */
.in-the-gallery__image {
  max-width: 42em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em; }
/* line 419, ../src/pages.scss */
.in-the-gallery__header {
  text-align: center; }
/* line 422, ../src/pages.scss */
.in-the-gallery__title {
  font-size: 1.25em;
  margin-bottom: 0.25em; }
  @media screen and (min-width: 50em) {
    /* line 422, ../src/pages.scss */
    .in-the-gallery__title {
      font-size: 1.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 422, ../src/pages.scss */
    .in-the-gallery__title {
      font-size: 1.75em; } }
/* line 433, ../src/pages.scss */
.in-the-gallery__link {
  font-size: 1em;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #000000; }
  @media screen and (min-width: 50em) {
    /* line 433, ../src/pages.scss */
    .in-the-gallery__link {
      font-size: 1.125em; } }
  @media screen and (min-width: 68.75em) {
    /* line 433, ../src/pages.scss */
    .in-the-gallery__link {
      font-size: 1.25em; } }

/* 
 *
 * 7./  In Progress 
------------------------------------------------*/
/* line 453, ../src/pages.scss */
.in-progress__image-wrapper {
  max-width: 42em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5em; }
  /* line 459, ../src/pages.scss */
  .in-progress__image-wrapper img {
    max-height: 80vh;
    display: block;
    margin-left: auto;
    margin-right: auto; }
/* line 466, ../src/pages.scss */
.in-progress__image-caption {
  margin-top: 1em;
  text-align: center; }

/* 
 *
 * 7./  In the Archives 
------------------------------------------------*/
/* line 477, ../src/pages.scss */
.in-the-archives__listing {
  margin-bottom: 15em; }
/* line 480, ../src/pages.scss */
.in-the-archives__title {
  text-align: center;
  font-size: 2em;
  margin-bottom: 1em; }
/* line 485, ../src/pages.scss */
.in-the-archives__image-wrapper {
  max-width: 42em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5em; }
  /* line 491, ../src/pages.scss */
  .in-the-archives__image-wrapper img {
    max-height: 80vh;
    display: block;
    margin-left: auto;
    margin-right: auto; }
/* line 498, ../src/pages.scss */
.in-the-archives__image-caption {
  margin-top: 1em;
  text-align: center; }

/* 
 *
 * 9./  Credits
------------------------------------------------*/
/* line 510, ../src/pages.scss */
.credits .body-text {
  min-height: 50vh; }