/*!
Theme Name: blank
Theme URI: http://underscores.me/
Author: Johan Giraud
Author URI: http://johangiraud.com/
Description: Borderline Project
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blank

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

blank is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/


/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
  font-family: sans-serif;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

:focus {
  outline: none; }

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none;
  /* IE 10 */ }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

/* Show the overflow in IE. Show the overflow in Edge. */
button,
input {
  overflow: visible; }

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/* Remove the default vertical scrollbar in IE 10+.*/
textarea {
  overflow: auto; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon%EF%B9%96hejumy.eot");
  src: url("fonts/icomoon%EF%B9%96hejumy.eot#iefix") format("embedded-opentype"), url("fonts/icomoon%EF%B9%96hejumy.ttf") format("truetype"), url("fonts/icomoon%EF%B9%96hejumy.woff") format("woff"), url("fonts/icomoon%EF%B9%96hejumy.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-marker:before {
  content: "\e900"; }

body,
button,
input,
select,
optgroup,
textarea {
  color: #303030;
  font-family: "VremenaGroteskBook", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  font-family: "VremenaBold", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 1.1;
  padding-left: 2rem;
  margin: 3rem auto;
  max-width: 75rem;
  position: relative; }

@media screen and (min-width: 750px) {
  blockquote {
    font-size: 3em;
    margin: 5rem auto; } }
address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

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

body {
  background: #fff; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0;
  padding-left: 0; }

ul {
  list-style: none; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  display: block;
  max-width: 100%; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa; }

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #303030;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s; }

a:hover,
a:focus,
a:active {
  color: #abdd83; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a.logo-cafebabel {
  position: fixed;
  width: 10rem;
  display: block;
  transition: all 0.2s;
  top: 2.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }
  a.logo-cafebabel:hover {
    top: 2.5rem; }

@media screen and (min-width: 750px) {
  a.logo-cafebabel {
    width: 11rem;
    top: 3.2rem; }
    a.logo-cafebabel:hover {
      top: 3rem; } }
button.menu {
  position: fixed;
  display: block;
  top: 0;
  left: 1rem;
  width: 6.5rem;
  height: 7.5rem;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 120; }
  button.menu:before, button.menu:after {
    content: "";
    height: 0.3rem;
    width: 3.5rem;
    margin: 0;
    left: 1.5rem;
    background: #abdd83;
    position: absolute;
    display: block;
    transition: all 0.3s ease-in-out; }
  button.menu:before {
    top: 3rem; }
  button.menu:after {
    bottom: 3rem; }
  button.menu.active:before {
    top: 3.6rem;
    transform: rotate(45deg); }
  button.menu.active:after {
    bottom: 3.6rem;
    transform: rotate(-45deg); }
  button.menu + nav {
    font-family: "VremenaGroteskRegular", sans-serif;
    background: white;
    top: -100vh;
    right: 0;
    bottom: 100vh;
    left: 0;
    position: fixed;
    font-size: 7vw;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s; }
    button.menu + nav ul {
      position: absolute;
      top: 51%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      line-height: 1.3;
      text-align: center; }
      button.menu + nav ul li a {
        color: #abdd83; }
      button.menu + nav ul li.wpml-ls-item {
        display: inline-block; }
  button.menu.active + nav {
    display: block;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    z-index: 110; }

@media screen and (min-width: 750px) {
  button.menu {
    top: 0.5rem; }
    button.menu:hover {
      top: 0.3rem; }
    button.menu + nav {
      font-size: 6vh; }
      button.menu + nav ul li.wpml-ls-item {
        display: none; }
      button.menu + nav ul li a {
        position: relative;
        display: inline-block; }
        button.menu + nav ul li a:after {
          content: "";
          position: absolute;
          height: 0.3rem;
          background-color: #abdd83;
          left: 0;
          bottom: 0.5rem;
          width: 0;
          transition: all 0.3s; }
        button.menu + nav ul li a:hover:after {
          width: 100%; } }
button.language {
  display: none;
  color: #abdd83;
  text-transform: uppercase; }
  button.language:before, button.language:after {
    display: none; }
  button.language + nav a {
    text-transform: uppercase; }

#social-networks {
  display: none; }

@media screen and (min-width: 750px) {
  button.language {
    display: block;
    left: 7.5rem; }

  button.menu.language:hover {
    top: 0.3rem; }

  #social-networks {
    display: block;
    position: fixed;
    top: 3rem;
    right: 3rem;
    z-index: 120; }
    #social-networks li {
      display: inline-block;
      padding: 0.5rem;
      margin-top: -0.1rem; }
      #social-networks li.facebook {
        padding-right: 0.2rem; }
        #social-networks li.facebook img {
          height: 1.9rem; }
      #social-networks li.youtube img {
        width: 2.4rem; }
      #social-networks li.newsletter img {
        width: 2.2rem; }
      #social-networks li a {
        top: 0;
        transition: all 0.2s;
        display: inline-block;
        position: relative; }
        #social-networks li a:hover {
          top: -0.2rem; } }
#donate {
  display: none; }

@media screen and (min-width: 750px) {
  #donate {
    display: block;
    position: fixed;
    top: 1.5rem;
    left: 15rem;
    font-size: 1.1rem;
    text-align: center;
    line-height: 2.2;
    color: #abdd83;
    transition: all 0.2s;
    z-index: 110; }
    #donate:hover {
      top: 1.3rem; }
    #donate img {
      margin: 0 auto; } }
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

.grimme {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
  width: 7rem;
  z-index: 1; }

@media screen and (min-width: 750px) {
  .grimme {
    top: 7rem;
    right: auto;
    left: 2.5rem;
    width: 9.5rem; } }
/*--------------------------------------------------------------
# Landing page
--------------------------------------------------------------*/
#landing-page:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  background-image: url(img/noise.png), linear-gradient(to bottom, #000039, black);
  opacity: 0.3;
  z-index: 5; }
#landing-page .landing-image {
  position: absolute;
  height: 100vh;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
#landing-page .landing-video {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  /* in case the video doesn't fit the whole page*/
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  /*cover video background */
  z-index: 3; }
#landing-page .site-branding {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: 80%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  font-weight: bold;
  z-index: 20; }
  #landing-page .site-branding img {
    margin: 0 auto;
    max-width: 50%; }
  #landing-page .site-branding p {
    font-size: 1.5rem; }
#landing-page .scroll-down-arrow {
  position: absolute;
  left: 47%;
  bottom: 4rem;
  display: block;
  text-decoration: none;
  width: 2.3rem;
  height: 2.3rem;
  border-bottom: 0.2rem solid #abdd83;
  border-right: 0.2rem solid #abdd83;
  z-index: 9;
  transform: translate(-50%, 0%) rotate(45deg);
  transition: all 0.3s;
  cursor: pointer;
  animation: wave_up_down 0.5s ease-in-out alternate infinite; }

@media screen and (max-width: 750px) {
  #landing-page .landing-video {
    background-image: url(../../uploads/2018/07/Nicolas_Blandin_12000x1611-1200x967.jpg);
    background-position: center center;
    background-size: cover; } }
@keyframes wave_up_down {
  0% {
    transform: translate(0, -0.2rem) rotate(45deg); }
  100% {
    transform: translate(0, 0.2rem) rotate(45deg); } }
@keyframes wave_up_down_hover {
  0% {
    transform: translate(0, -0.3rem) rotate(45deg); }
  100% {
    transform: translate(0, 0.3rem) rotate(45deg); } }
@media screen and (min-width: 750px) {
  #landing-page .site-branding {
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%); }
    #landing-page .site-branding img {
      max-width: 100%; }
    #landing-page .site-branding p {
      font-size: 1.8rem; }
  #landing-page .scroll-down-arrow {
    left: 50%; }
    #landing-page .scroll-down-arrow:hover {
      animation: wave_up_down_hover 0.3s ease-in-out alternate infinite;
      border-bottom: 0.2rem solid #fff;
      border-right: 0.2rem solid #fff; } }
.home section {
  background-position: center; }
  .home section.data h2 {
    display: none; }
  .home section.data h3 {
    font-size: 11vw;
    text-align: center;
    color: #abdd83;
    display: inline-block; }

#fp-nav ul li a span {
  height: 1.2rem;
  width: 1.2rem;
  background: transparent;
  border: 0.2rem solid #abdd83;
  margin: -0.6rem 0 0 -0.6rem; }

#fp-nav ul li a.active span {
  background: #abdd83;
  border: 0.2rem solid #abdd83; }

.home #docu .docu-video {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: 3; }
.home #docu {
  background-color: black; }
  .home #docu aside {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(171, 221, 131, 0.8) url(img/background-texture.jpg);
    box-shadow: 0.2rem 0.4rem 2rem 0 rgba(0, 0, 0, 0.3);
    padding: 2rem 4rem 2rem 2rem;
    margin: 0 2rem;
    font-size: 1.3rem;
    z-index: 3; }
    .home #docu aside img {
      margin: 0 auto; }
    .home #docu aside span {
      position: absolute;
      right: 1rem;
      top: 1rem;
      width: 3.3rem;
      height: 3.3rem;
      cursor: pointer; }
    .home #docu aside span:before,
    .home #docu aside span:after {
      position: absolute;
      left: 1.5rem;
      content: ' ';
      height: 3.3rem;
      width: 0.1rem;
      background-color: black; }
    .home #docu aside span:before {
      transform: rotate(45deg); }
    .home #docu aside span:after {
      transform: rotate(-45deg); }
    .home #docu aside p:first-child {
      margin-top: 0; }
    .home #docu aside p:last-of-type {
      margin-bottom: 0; }
.home .home-article:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.3;
  width: 100%;
  height: 100%; }
.home .home-article.coming-soon:before {
  opacity: 0.7; }
.home .home-article.coming-soon img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
.home .article-details {
  text-align: center;
  width: 100%;
  padding: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .home .article-details a {
    text-decoration: none; }
  .home .article-details h2 {
    font-size: 11vw;
    text-align: center;
    color: #abdd83;
    line-height: 1;
    margin-top: 0;
    display: inline-block;
    transition: all 0.3s; }
    .home .article-details h2:before {
      font-family: "icomoon";
      content: "\e900";
      padding-right: 0.5rem; }
  .home .article-details p {
    color: white; }
  .home .article-details h3 {
    display: none; }

@media screen and (min-width: 750px) {
  .home #docu aside {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    margin: 0 auto;
    font-size: 1.6rem; }
  .home .article-details {
    width: 65%;
    font-family: "VremenaGroteskRegular", sans-serif; }
    .home .article-details a:hover h2 {
      color: white !important; }
    .home .article-details h2 {
      font-size: 6rem;
      line-height: 1;
      margin-bottom: 0; }
      .home .article-details h2:before {
        padding-right: 2rem; }
    .home .article-details h3 {
      display: block;
      font-weight: normal;
      color: white;
      font-size: 3rem;
      margin-top: 2rem; } }
.home .contributors {
  display: none; }
  .home .contributors figure img {
    box-shadow: 0.2rem 0.4rem 2rem 0 rgba(0, 0, 0, 0.3); }

@media screen and (min-width: 750px) {
  .home .contributors {
    display: block;
    /*background-color: rgba(0, 0, 0, 0.3);
    border: 0.1rem solid white;
    padding: 2rem;*/ }
    .home .contributors a {
      color: white; }
      .home .contributors a:hover {
        color: #abdd83; } }
.contributors figure {
  display: inline-block;
  margin: 0 1rem; }
  .contributors figure img {
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 7rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem; }
  .contributors figure figcaption {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem; }

@media screen and (min-width: 2000px) {
  #landing-page .landing-image {
    background-size: cover; }

  .home section {
    background-size: cover; } }
#fp-nav {
  display: none; }

@media screen and (min-width: 750px) {
  #fp-nav {
    display: block; }

  .home section.data h3 {
    font-size: 6rem; } }
/*--------------------------------------------------------------
## Single
--------------------------------------------------------------*/
.single .scrolly {
  overflow-x: hidden; }
.single article {
  padding: 5rem 0; }
  .single article header {
    background: url(img/path2.svg) no-repeat center -20px/cover; }
  .single article .prev-next-article {
    display: none; }
  .single article .summary {
    font-family: "VremenaGroteskRegular", sans-serif;
    font-size: 2rem;
    margin: 5rem auto; }
    .single article .summary p {
      max-width: 1160px; }
  .single article time {
    /*font-style: italic;
    font-family: serif;
    font-size: 1.3rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -2rem;*/
    font-style: italic;
    font-family: serif;
    font-size: 1.3rem;
    text-align: center;
    display: block;
    margin: 2rem 0 -2rem; }
  .single article h1 {
    font-size: 3rem;
    text-align: center;
    line-height: 1.2;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 0 1rem; }
    .single article h1:before {
      font-family: "icomoon";
      content: "\e900";
      padding-right: 2rem; }
  .single article h2,
  .single article h3 {
    text-align: center;
    max-width: 75rem;
    margin: 5rem auto 3rem; }
  .single article h4 {
    font-family: "VremenaBook", sans-serif;
    font-size: 2.1rem;
    color: #a09f9f; }
  .single article p,
  .single article h4,
  .single article h5,
  .single article h6 {
    max-width: 75rem;
    margin: 1rem auto 1.5rem; }
  .single article p {
    padding: 0 3rem; }
    .single article p a {
      background-color: transparent;
      border-bottom: 0.2rem solid #abdd83;
      box-shadow: inset 0 -1.1rem 0 #abdd83; }
    .single article p + figure {
      margin: 0 auto;
      max-width: 100%; }
      .single article p + figure img {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto; }
      .single article p + figure figcaption {
        font-family: "VremenaBook", sans-serif;
        font-size: 1.3rem;
        text-align: center;
        margin: 3rem 2rem 2rem; }
  .single article .thumbnail-container {
    position: relative;
    width: 100%;
    height: 35rem;
    margin: 5rem 0;
    background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat; }
    .single article .thumbnail-container.caption {
      margin: 5rem 0 1rem; }
  .single article p.parallax-image-caption {
    width: 100%;
    font-family: "VremenaBook", sans-serif;
    font-size: 1.3rem;
    text-align: center; }
  .single article .thumbnail-caption {
    width: 100%;
    font-family: "VremenaBook", sans-serif;
    font-size: 1.3rem;
    text-align: center;
    margin: -3rem auto 0;
    padding: 0; }
  .single article .contributors {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0; }
    .single article .contributors a {
      position: relative; }
      .single article .contributors a h3 {
        font-size: 1.2rem;
        margin: 0.5rem;
        font-weight: normal; }
      .single article .contributors a img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
        padding: 0;
        transition: all 0.2s; }
      .single article .contributors a figcaption {
        display: block;
        padding-top: 8rem;
        text-align: center; }
    .single article .contributors + ul.language-switcher {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1; }
      .single article .contributors + ul.language-switcher li {
        display: inline-block;
        margin: 0 .1rem;
        text-align: center; }
        .single article .contributors + ul.language-switcher li a {
          padding: .8rem;
          font-size: 1.6rem;
          background-color: #eee;
          box-shadow: 0.2rem 0.2rem 2rem 0 rgba(0, 0, 0, 0.03);
          border-radius: 50%;
          width: 4rem;
          height: 4rem;
          transition: all .3s;
          color: #abdd83;
          display: block; }
        .single article .contributors + ul.language-switcher li.original a {
          background-color: #abdd83;
          color: white; }
  .single article .slider {
    position: relative;
    margin: 5rem 0; }
    .single article .slider .flickity-prev-next-button {
      top: 45%;
      width: 8rem;
      height: 8rem;
      background: transparent; }
      .single article .slider .flickity-prev-next-button:hover {
        background: transparent; }
      .single article .slider .flickity-prev-next-button .arrow {
        fill: #f7f6f6; }
    .single article .slider .image {
      min-width: 100%;
      padding: 0.5rem; }
      .single article .slider .image img {
        width: auto;
        margin: 0 auto; }
      .single article .slider .image figcaption {
        font-family: "VremenaBook", sans-serif;
        font-size: 1.3rem;
        text-align: center;
        margin: 3rem 2rem 2rem; }
  .single article #bbsm-trigger-svg-drawing-1 + .svg-drawing {
    margin-bottom: -26rem; }
  .single article .svg-drawing {
    display: flex;
    justify-content: center;
    background-color: #abdd83;
    background-image: url(img/background-texture.jpg);
    background-attachment: fixed;
    padding: 6rem 0 10rem;
    margin: 5rem 0 7rem; }
    .single article .svg-drawing .st0 {
      fill: none;
      stroke: white;
      stroke-width: 1; }
    .single article .svg-drawing svg {
      position: relative; }
  .single article figure.wallet {
    margin: -13rem auto 0; }
  .single article .share {
    width: 23rem;
    margin: 10rem auto 6rem;
    text-align: center;
    line-height: 1.5; }
    .single article .share a:first-of-type {
      margin-right: 1rem; }
    .single article .share p {
      font-size: 1.3rem; }
.single .related-article-title {
  text-align: center;
  margin: 5rem 0 3rem; }
.single .related-articles {
  max-width: 120rem;
  margin: 0 auto 10rem;
  display: block;
  padding: 1rem;
  text-align: center; }
  .single .related-articles li {
    padding: 1rem;
    position: relative; }
    .single .related-articles li p {
      position: absolute;
      width: 95%; }
.single .participate {
  max-width: 1150px;
  margin: 5rem auto 10rem;
  border: 0.1rem solid;
  text-align: center;
  padding: 10rem 2rem; }
  .single .participate img {
    margin: 0 auto; }
  .single .participate a {
    display: inline-block;
    margin: 3rem auto 0;
    background-color: transparent;
    border: 0.15rem solid #303030;
    padding: 2rem;
    transition: all .3s; }
    .single .participate a:hover {
      background-color: #abdd83;
      border: 0.15rem solid #abdd83;
      color: #303030; }
.single .trigger {
  position: fixed;
  height: 0.1rem;
  top: 50%;
  left: -99rem;
  overflow: hidden; }

@keyframes wave_left_right_hover_before {
  0% {
    transform: translate(-0.3rem, 0) rotate(-225deg); }
  100% {
    transform: translate(0.3rem, 0) rotate(-225deg); } }
@keyframes wave_left_right_hover_after {
  0% {
    transform: translate(-0.3rem, 0) rotate(-45deg); }
  100% {
    transform: translate(0.3rem, 0) rotate(-45deg); } }
@media screen and (min-width: 790px) {
  .summary,
  .single article p {
    padding: 0; } }
@media screen and (min-width: 750px) {
  .single article header {
    background: url(img/path2.svg) no-repeat center center/cover; }
  .single article .summary {
    font-size: 2.8rem; }
    .single article .summary p {
      padding: 0 2rem; }
  .single article time {
    margin: 3rem 0 -2rem; }
  .single article h1 {
    font-size: 5rem;
    text-align: center;
    line-height: 1;
    max-width: 60%;
    margin: 3rem auto 5rem;
    padding: 0; }
  .single article h3 {
    font-size: 3rem; }
  .single article p a:hover {
    color: #303030;
    border-bottom: 0 solid #abdd83;
    box-shadow: inset 0 -2.4rem 0 #abdd83; }
  .single article .thumbnail-container {
    height: 80rem; }
    .single article .thumbnail-container.caption {
      margin: 5rem 0 2rem; }
  .single article .prev-next-article {
    position: absolute;
    display: block;
    top: 10.5rem;
    font-size: 2rem;
    width: 100%; }
    .single article .prev-next-article a {
      font-size: 1.5rem;
      max-width: 20rem;
      display: inline-block;
      line-height: 1; }
      .single article .prev-next-article a:first-child {
        margin-left: 3rem; }
        .single article .prev-next-article a:first-child:before {
          content: "";
          position: absolute;
          left: 1rem;
          top: 0.2rem;
          display: inline-block;
          text-align: center;
          font-size: 20px;
          width: 2.3rem;
          height: 2.3rem;
          border-bottom: 0.2rem solid #303030;
          border-right: 0.2rem solid #303030;
          transition: all 0.3s;
          transform: translate(0, 0) rotate(-225deg); }
        .single article .prev-next-article a:first-child:hover:before {
          animation: wave_left_right_hover_before 0.3s ease-in-out alternate infinite;
          border-bottom: 0.2rem solid #abdd83;
          border-right: 0.2rem solid #abdd83; }
      .single article .prev-next-article a:last-child {
        float: right;
        text-align: right;
        margin-right: 3rem;
        margin-top: 0.7rem; }
        .single article .prev-next-article a:last-child:after {
          content: "";
          position: absolute;
          right: 1rem;
          top: 0.2rem;
          display: inline-block;
          text-align: center;
          font-size: 20px;
          width: 2.3rem;
          height: 2.3rem;
          border-bottom: 0.2rem solid #303030;
          border-right: 0.2rem solid #303030;
          transition: all 0.3s;
          transform: translate(0, 0) rotate(-45deg); }
        .single article .prev-next-article a:last-child:hover:after {
          animation: wave_left_right_hover_after 0.3s ease-in-out alternate infinite;
          border-bottom: 0.2rem solid #abdd83;
          border-right: 0.2rem solid #abdd83; }
  .single article .contributors a:hover img {
    transform: translateX(-50%) rotate(180deg); }
  .single article .contributors + ul.language-switcher li {
    margin: 0 .2rem; }
    .single article .contributors + ul.language-switcher li a {
      font-size: 1.8rem;
      padding: 1.1rem;
      width: 5rem;
      height: 5rem; }
      .single article .contributors + ul.language-switcher li a:hover {
        background-color: #e2e2e2; }
    .single article .contributors + ul.language-switcher li.original a:hover {
      background-color: #a2d17c; }
  .single article .slider .image {
    min-width: 50rem; }
  .single article figure.wallet {
    margin: -33rem auto 0; }
  .single .related-articles {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2rem; }
    .single .related-articles li {
      width: 33.3%;
      padding: 1rem; } }
@media screen and (min-width: 1200px) {
  .single article .summary p {
    padding: 0; } }
/*--------------------------------------------------------------
## page team
--------------------------------------------------------------*/
#team {
  margin: 10rem auto 5rem; }
  #team h2 {
    text-align: center;
    border-top: 0.1rem solid;
    border-bottom: 0.1rem solid;
    padding: 0.2rem 1rem 0 1rem; }
  #team section {
    display: flex;
    /*align-items: center;
    justify-content: center;*/
    flex-wrap: wrap; }
    #team section article {
      display: inline-block;
      width: 50%;
      text-align: center;
      margin: 1rem auto; }
      #team section article img {
        border-radius: 50%;
        padding: 1rem; }

@media screen and (min-width: 750px) {
  #team {
    max-width: 1200px;
    padding: 0 2rem; }
    #team section article {
      width: 25%;
      margin: 2rem auto; } }
@media screen and (min-width: 1200px) {
  #team {
    padding: 0; } }
/*--------------------------------------------------------------
## Single contributor
--------------------------------------------------------------*/
.single-contributors #team .contributor {
  margin-bottom: 7rem;
  display: block; }
  .single-contributors #team .contributor img {
    margin: 0 auto; }
  .single-contributors #team .contributor h1,
  .single-contributors #team .contributor p {
    text-align: center; }
  .single-contributors #team .contributor p,
  .single-contributors #team .contributor a.portfolio {
    margin: 1rem; }
.single-contributors #team section {
  margin: 2rem 0 5rem; }
  .single-contributors #team section article {
    margin: 0 auto;
    padding: 2rem 0; }

@media screen and (min-width: 750px) {
  .single-contributors #team .contributor {
    margin-bottom: 5rem;
    display: flex; }
    .single-contributors #team .contributor img {
      margin: 0; }
    .single-contributors #team .contributor h1,
    .single-contributors #team .contributor p,
    .single-contributors #team .contributor a.portfolio {
      margin: 0;
      padding-left: 3rem;
      text-align: left; }
    .single-contributors #team .contributor p {
      padding-bottom: 2rem;
      margin: 1rem 0; }
    .single-contributors #team .contributor a.portfolio {
      margin: 1rem 0; }
      .single-contributors #team .contributor a.portfolio:before {
        content: url(img/icon-link.svg);
        width: 1.5rem;
        height: 1.5rem;
        display: inline-block;
        margin-right: 0.5rem; }
  .single-contributors #team h2 {
    margin: 0;
    padding-top: 0.3rem;
    border-bottom: 0.1rem solid;
    border-top: 0.1rem solid;
    font-size: 1.6rem; }
  .single-contributors #team section article {
    width: 12%; } }
/*--------------------------------------------------------------
## page behind the scenes
--------------------------------------------------------------*/
#behind-the-scenes {
  margin-top: 10rem; }
  #behind-the-scenes h1 {
    text-align: center; }
  #behind-the-scenes ul {
    max-width: 750px;
    margin: 0 auto; }
    #behind-the-scenes ul li {
      margin: 5rem 0; }
      #behind-the-scenes ul li h2, #behind-the-scenes ul li h3 {
        text-align: center; }

/*--------------------------------------------------------------
## page about
--------------------------------------------------------------*/
#about article {
  margin: 0 auto 5rem; }
  #about article .thumbnail-container {
    position: relative;
    width: 100%;
    height: 35rem;
    margin: 0 0 5rem;
    background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat; }
  #about article .entry-content {
    max-width: 750px;
    padding: 3rem;
    margin: 3rem auto; }
  #about article h1 {
    text-align: center; }
  #about article h3 {
    text-align: center; }
  #about article ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    #about article ul li {
      width: 70%; }
      #about article ul li a {
        width: 15rem;
        height: 8.5rem;
        margin: .5rem 1rem; }

@media screen and (min-width: 750px) {
  #about article {
    padding: 0; }
    #about article .thumbnail-container {
      height: 80rem; }
    #about article ul li {
      width: 33.3%; } }
/*--------------------------------------------------------------
## Progressbar wraparound
--------------------------------------------------------------*/
.progress-top,
.progress-right,
.progress-bottom,
.progress-left {
  position: fixed;
  z-index: 999;
  background-color: #abdd83;
  background-image: url("img/background-texture.jpg");
  background-attachment: fixed; }

.progress-top,
.progress-bottom {
  height: 2rem; }

.progress-right,
.progress-left {
  width: 2rem; }

.progress-top,
.progress-right {
  top: 0; }

.progress-top,
.progress-left {
  left: 0; }

.progress-bottom,
.progress-left {
  bottom: 0; }

.progress-bottom,
.progress-right {
  right: 0; }

.header,
.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  font-size: 3em; }

/* iframe responsive */
#behind-the-scenes .iframe-wrapper {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  #behind-the-scenes .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  max-width: calc(16*(100vh)/9); }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.yt-control {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; }

/* Map */
#map_ol3js_1 {
  height: 100vh !important; }

#map_ol3js_1_popup-content a img {
  opacity: 1;
  transition: opacity 0.3s; }
#map_ol3js_1_popup-content a:hover img {
  opacity: 0.9; }
#map_ol3js_1_popup-content h2 {
  font-family: "VremenaRegular", sans-serif;
  text-align: center;
  font-size: 2.7rem;
  line-height: 1;
  text-transform: uppercase;
  margin: 1rem 0 -2rem; }

.ol-attribution.ol-uncollapsible {
  display: none; }

.ol-control,
.ol-control:hover {
  background-color: transparent !important; }

.ol-zoom {
  top: auto !important;
  left: auto !important;
  right: 1em;
  bottom: 2em; }

.ol-popup {
  position: absolute;
  padding: 10px 25px 10px 10px;
  border-radius: 0 !important;
  border: none !important;
  min-width: 500px !important; }

.ol-control button {
  height: 2.5em !important;
  width: 2.5em !important;
  line-height: 0.4em;
  background-color: #abdd83 !important;
  border-radius: 0 !important;
  cursor: pointer; }

.ol-control button:focus,
.ol-control button:hover {
  background-color: #9fd178 !important; }

#map-section {
  display: none; }

@media screen and (min-width: 750px) {
  #map-section {
    display: table;
    background-size: 100%;
    background: #abdd83;
    background-image: url(img/noise.png), linear-gradient(-295deg, #abdd83, #45564e);
    z-index: 10; }
    #map-section img {
      width: auto;
      height: auto;
      max-height: 100%;
      margin: 0 auto; } }
/* Hide admin bar on mobile */
@media screen and (max-width: 782px) {
  html #wpadminbar {
    display: none; }

  html {
    margin-top: 0 !important; } }
/* 404 */
.error404 #content {
  position: relative; }
  .error404 #content main {
    max-width: 750px;
    margin: 10rem auto;
    padding: 2rem; }

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