/*********************************************************************/
/* Resources */
/************************************************************************/
/* Overrides */
/* 	Forms */
input, select {
  border: 0px;
  font-size: inherit;
  padding: 0px;
  margin: 0px;
  background: transparent;
  -webkit-appearance: textarea;
}

*:focus, :focus {
  outline: 0px;
}

::-webkit-input-placeholder {
  color: black;
}

::-moz-placeholder {
  color: black;
}

:-ms-input-placeholder {
  color: black;
}

/* 	Scrollbars */
::-webkit-scrollbar {
  display: none;
  width: 0px;
}

::-moz-scrollbar {
  display: none;
  width: 0px;
}

::-ms-scrollbar {
  display: none;
  width: 0px;
}

/************************************************************************/
/* 	Layout */
body {
  background-color: white;
  transition: 50ms ease-in-out background-color;
}

p {
  margin: 0px;
}

header, footer {
  position: fixed;
  padding: 15px 20px 10px 20px;
  width: 100%;
}

header {
  top: 0px;
  left: 0px;
  z-index: 99999;
}
timeline header {
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  timeline header h1 {
    position: fixed;
    bottom: 10px;
    left: 20px;
  }
}
header > div {
  z-index: 10;
}
header > h1 {
  z-index: 10;
}
@media screen and (min-width: 1025px) {
  header > h1 {
    position: absolute;
  }
}
header.expanded {
  height: calc(100vh + 10px);
  overflow-y: scroll;
}
header .about {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

timeline {
  z-index: 4;
}

footer {
  bottom: 0px;
  z-index: 3;
}
footer.expanded {
  top: 0px;
  bottom: 0px;
  padding-top: 2em;
  margin-bottom: 0px;
}
footer .alignV-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 1025px) {
  footer.split > div {
    margin-right: 20%;
  }
}

.split {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .split {
    display: block;
  }
}
.split > div {
  width: 50%;
}
@media screen and (min-width: 1025px) {
  .about .split > div {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .split > div {
    width: 100%;
  }
}

#about {
  font-family: "Theinhardt", "Helvetica", sans-serif;
  font-size: 32pt;
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  z-index: 9;
  padding-left: calc(50vw - 20px);
  position: absolute;
  top: 0px;
  padding-top: 15px;
  height: 100vh;
  overflow: scroll;
}
@media screen and (max-width: 767px) {
  #about {
    font-size: 22pt;
  }
}
#about a[target=_blank], #about a[href^=mailto] {
  border-bottom: 3px solid;
  display: inline-block;
  height: 1em;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  #about {
    margin: 0px;
    padding-left: 0px;
    position: relative;
    margin-top: 2em;
    height: auto;
  }
}
#about p {
  margin-bottom: 1em;
  margin-right: calc(40px + 20px);
}
@media screen and (max-width: 1024px) {
  #about p {
    margin-right: 0px;
  }
}
#about a:hover {
  color: white;
}

.small-footer {
  z-index: 10;
}
.small-footer a:hover {
  color: white;
}
@media screen and (min-width: 1024px) {
  .small-footer {
    position: fixed;
    bottom: 10px;
    left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .small-footer {
    font-family: "Theinhardt", "Helvetica", sans-serif;
    font-size: 11pt;
    line-height: 1.3;
    letter-spacing: 0.03em;
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 3em;
  }
  .small-footer a[target=_blank], .small-footer a[href^=mailto] {
    border-bottom: 1px solid;
    display: inline-block;
    height: 1.15em;
    word-break: break-all;
  }
}

/* 	Contents */
@media screen and (max-width: 767px) {
  timeline {
    position: absolute;
  }
}

.entry.active .image-wrapper.is-sticky {
  position: fixed !important;
  top: 0px !important;
}

.description {
  margin: 10px 20px;
  margin-top: 1em;
  margin-bottom: 3em;
}

.wrapper {
  position: absolute;
  z-index: 1;
}

.image-wrapper {
  height: 100vh;
  z-index: -1 !important;
}
.image-wrapper.is_sticky {
  z-index: -1 !important;
}
.image-wrapper.is_sticky:not(.forcaption) {
  z-index: -1;
}
.image-wrapper, .image-wrapper img {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*Firefox scrollbar fix*/
.image-wrapper {
  width: 100vw !important;
}

/*MOBILE STYLES*/
body, html {
  overflow-x: hidden;
}

.img-fluid {
  display: inline-block;
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.img-fluid img {
  display: none;
}
@media screen and (max-width: 767px) {
  .img-fluid {
    margin-bottom: 0px;
    max-height: none;
    max-width: 100vw !important;
  }
}

/************************************************************************/
/* 	Typography */
body, h2 {
  font-family: "Theinhardt", "Helvetica", sans-serif;
  font-size: 11pt;
  line-height: 1.3;
  letter-spacing: 0.03em;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
body a[target=_blank], body a[href^=mailto], h2 a[target=_blank], h2 a[href^=mailto] {
  border-bottom: 1px solid;
  display: inline-block;
  height: 1.15em;
  word-break: break-all;
}

h1 {
  font-family: "Theinhardt", "Helvetica", sans-serif;
  font-size: 32pt;
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 22pt;
  }
}
h1 a[target=_blank], h1 a[href^=mailto] {
  border-bottom: 3px solid;
  display: inline-block;
  height: 1em;
  word-break: break-all;
}

.uppercase {
  text-transform: uppercase;
}

/*  Colors */
.passive {
  opacity: 0.1;
}

body {
  color: black;
}

a, a:hover {
  color: black;
  text-decoration: none;
}

/************************************************************************/
/* 	Interactive */
.no-events {
  pointer-events: none;
}

.all-events {
  pointer-events: all;
}

.transparent {
  opacity: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: text;
}

.close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-family: "Theinhardt", "Helvetica", sans-serif;
  font-size: 32pt;
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  text-shadow: none;
  float: none;
  color: black;
  z-index: 10;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .close {
    font-size: 22pt;
  }
}
.close a[target=_blank], .close a[href^=mailto] {
  border-bottom: 3px solid;
  display: inline-block;
  height: 1em;
  word-break: break-all;
}
.close:hover {
  color: white;
}

/************************************************************************/
/* 	Responsive */
.mobile {
  display: none;
}

@media screen and (max-width: 1024px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }
}

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