/*
Theme Name: GDS Timber
Theme URI: http://www.matteogualandris.com/
Author: Giga Design Studio
Author URI: https://www.gigadesignstudio.com
Description: A Timber Theme for Wordpress by Giga Design Studio
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: design, portfolio, graphic, grid, modern
Text Domain: matteogualandris

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

h1, h2, h3, h4, h5, h6, p, span, div, li, blockquote, pre, a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

body {
  line-height: 1; }

ul {
  list-style: none; }

ol > li {
  margin-left: 1.5em; }

ol > li > ol {
  list-style-type: lower-alpha; }

blockquote, q {
  quotes: none; }

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

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

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

body {
  width: 100%;
  height: 100%; }

main {
  display: block; }

b,
strong {
  font-weight: 700; }

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

address {
  font-style: italic;
  margin: 0 0 1.6em; }

abbr[title] {
  border-bottom: 1px dotted #eaeaea;
  border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
  cursor: help; }

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

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

a {
  text-decoration: none; }

dd {
  padding-left: 2em; }

* {
  -webkit-tap-highlight-color: transparent; }

figure {
  text-align: center; }

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

hr {
  border: 0;
  border-bottom: 1px solid;
  margin: 0;
  padding: 0;
  margin-bottom: 4em; }

*:focus {
  outline: 0; }

@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes simple-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes simple-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes simple-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes simple-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
* ::-moz-selection {
  background-color: black;
  color: black; }
* ::selection {
  background-color: black;
  color: black; }

/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2019 Schwartzco Inc.
        License: 1901-FWXPRM
*/
@font-face {
  font-family: 'Haas Grot Text Web';
  src: url("font/NeueHaasGrotText-76BoldItalic-Web.woff2") format("woff2"), url("font/NeueHaasGrotText-76BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }
.NeueHaasGrotText-76BoldItalic-Web {
  font-family: 'Haas Grot Text Web';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: 'Haas Grot Text Web';
  src: url("font/NeueHaasGrotText-75Bold-Web.woff2") format("woff2"), url("font/NeueHaasGrotText-75Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }
.NeueHaasGrotText-75Bold-Web {
  font-family: 'Haas Grot Text Web';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

html {
  font-size: 10px; }

@media screen and (min-width: 1000px) {
  .mobile-only, .homepage__mobile {
    display: none; } }

@media screen and (max-width: 1000px) {
  .desktop-only, .header__payoff, .single__caption, .single__switch, .homepage__gallery {
    display: none; } }

@media print {
  * {
    color: black !important;
    font-size: 75%;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; } }
body {
  font-feature-settings: "liga", "kern"; }

p + p {
  padding-top: 1em; }

@media screen and (min-width: 1000px) {
  a {
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease; }
    a:hover {
      color: rgba(0, 0, 0, 0.5); } }

html {
  background-color: black; }

body {
  font-family: "Haas Grot Text Web", sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 11px;
  color: white;
  background-color: black;
  padding-top: 18px; }
  @media screen and (min-width: 1000px) {
    body {
      color: black;
      background-color: white;
      padding-top: 0px; } }

a {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white; }
  @media screen and (min-width: 1000px) {
    a {
      color: black; } }

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

img[data-responsive="true"]:not(.responsive_image--loaded) {
  min-height: 62.5vh;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0); }

body.img-responsive-fallback img,
body.img-responsive-fallback img[data-responsive="true"]:not(.responsive_image--loaded) {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  min-height: auto !important; }

.responsive_placeholder {
  background: transparent; }

body.img-responsive-fallback .responsive_placeholder {
  display: none;
  padding: 0 !important; }

.responsive_placeholder.responsive_placeholder--loaded {
  display: none; }
  .responsive_placeholder.responsive_placeholder--loaded + img {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: simple-fade;
    -moz-animation-name: simple-fade;
    -o-animation-name: simple-fade;
    animation-name: simple-fade;
    -webkit-animation-direction: ease-out;
    -moz-animation-direction: ease-out;
    -o-animation-direction: ease-out;
    animation-direction: ease-out;
    -webkit-animation-timing-function: 0;
    -moz-animation-timing-function: 0;
    -o-animation-timing-function: 0;
    animation-timing-function: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

.responsive_placeholder:not(.responsive_placeholder--loaded) {
  display: block; }
  .responsive_placeholder:not(.responsive_placeholder--loaded) + img {
    display: none !important; }

.clear {
  clear: both; }

main {
  overflow-x: hidden; }

.logged-in main {
  margin-top: 18px; }
  @media screen and (min-width: 1000px) {
    .logged-in main {
      margin-top: 30px; } }

.header {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  font-size: 12px;
  line-height: 14px;
  background-color: black; }
  @media screen and (min-width: 1000px) {
    .header {
      font-size: 11px;
      line-height: 12px;
      background-color: white; } }
  .header.hidden {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0); }
  .header.visible {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); }

.header__wrapper, .footer__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 3px; }
  @media screen and (min-width: 1000px) {
    .header__wrapper, .footer__wrapper {
      padding: 9px 10px; } }

.header__branding {
  width: 50%; }
  @media screen and (min-width: 1000px) {
    .header__branding {
      width: 16.66667%; } }

.header__payoff {
  width: 50%; }

.header__navigation {
  width: 50%; }
  @media screen and (min-width: 1000px) {
    .header__navigation {
      width: 33.33333%; } }
  .header__navigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    .header__navigation ul li {
      margin-left: 10px; }
      .header__navigation ul li.menu__archive {
        display: none; }
        @media screen and (min-width: 1000px) {
          .header__navigation ul li.menu__archive {
            display: block; } }

.footer {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  position: static;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  background-color: black;
  padding-top: 14px; }
  @media screen and (min-width: 1000px) {
    .footer {
      font-size: 11px;
      line-height: 12px;
      background-color: white;
      padding-top: 0px; } }

.footer__wrapper {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 1000px) {
    .footer__wrapper {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .footer__wrapper p {
    margin-right: 10px; }
    .footer__wrapper p + p {
      padding-top: 0; }

.single__wrapper, .gds-cookie__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2px 3px;
  font-size: 12px;
  line-height: 14px; }
  @media screen and (min-width: 1000px) {
    .single__wrapper, .gds-cookie__wrapper {
      padding: 9px 10px;
      font-size: 11px;
      line-height: 12px; } }

.single__header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  user-select: none;
  cursor: pointer; }
  @media screen and (min-width: 1000px) {
    .single__header {
      width: 16.66667%;
      display: block; } }

.single__title::after {
  content: ', '; }
  @media screen and (min-width: 1000px) {
    .single__title::after {
      content: ''; } }

.single__subtitle {
  padding-left: 5px; }
  @media screen and (min-width: 1000px) {
    .single__subtitle {
      padding-left: 0; } }

.single__caption {
  width: 66.66667%; }
  @media screen and (min-width: 1256px) {
    .single__caption {
      width: 66.66667%; } }
  @media screen and (min-width: 1896px) {
    .single__caption {
      width: 50%;
      margin-right: 16.66667%; } }

.single__content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 21px;
  padding: 0 3px; }
  .single__content p {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    max-width: 66.66667%; }
    @media screen and (min-width: 1256px) {
      .single__content p {
        max-width: 50%; } }
  @media screen and (min-width: 1000px) {
    .single__content {
      padding: 0 10px; } }
  .single__content.visible {
    display: block; }

.single__switch {
  width: 16.66667%;
  text-align: right;
  cursor: pointer;
  user-select: none; }

.single__figure {
  height: 62.5vw;
  padding-bottom: 1px; }
  @media screen and (min-width: 1000px) {
    .single__figure {
      padding-bottom: 0px; } }

.single__gallery img {
  margin-bottom: 2px; }
  .single__gallery img:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 1000px) {
    .single__gallery img {
      margin-bottom: 0; } }

.single__visual {
  position: relative; }

.single__overview {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 20; }
  .single__overview.visible {
    display: block; }
  .single__overview .single__overview-wrapper {
    margin: -1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .single__overview .single__overview-wrapper button {
      cursor: pointer;
      outline: 0;
      border: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 16.66667%;
      height: 10.5vw;
      padding: 0;
      margin: 0;
      background: black;
      border: 1px solid black; }
      @media screen and (min-width: 1000px) {
        .single__overview .single__overview-wrapper button {
          border: 1px solid white;
          background: white; } }

.tns-outer {
  position: relative; }

.tns-controls {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%; }
  .tns-controls button {
    position: absolute;
    z-index: 2;
    width: 50%;
    outline: none;
    border: none;
    height: 100%;
    background-color: transparent;
    font-size: 0; }
    .tns-controls button[data-controls='prev'] {
      left: 0; }
    .tns-controls button[data-controls='next'] {
      right: 0; }

.homepage__archive {
  display: none;
  margin: -1px -1px 1px; }
  @media screen and (min-width: 1000px) {
    .homepage__archive {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .homepage__archive figure {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66667%;
    height: 10.5vw;
    padding: 0;
    margin: 0;
    border: 1px solid black; }
    @media screen and (min-width: 1000px) {
      .homepage__archive figure {
        border: 1px solid white; } }
    .homepage__archive figure img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
    .homepage__archive figure:hover img {
      -webkit-filter: grayscale(0%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(0%); }

.homepage__information {
  font-size: 20px;
  line-height: 21px;
  padding: 1px 3px; }
  @media screen and (min-width: 1000px) {
    .homepage__information {
      padding: 8px 10px; } }

.homepage__mobile {
  padding: 0 3px 60px;
  font-size: 12px;
  line-height: 16px; }

.homepage__figure {
  height: 62.5vw; }

button[data-action="stop"], button[data-action="start"] {
  display: none; }

.gds-cookie {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: black;
  padding: 0;
  z-index: 100; }
  @media screen and (min-width: 1000px) {
    .gds-cookie {
      background: white; } }

.gds-cookie__text {
  display: inline; }

.gds-cookie__content {
  width: 100%;
  padding-bottom: 3px;
  position: relative; }
  @media screen and (min-width: 1000px) {
    .gds-cookie__content {
      padding-bottom: 0px; } }

.gds-cookie__close {
  display: inline; }
  @media screen and (min-width: 1000px) {
    .gds-cookie__close {
      display: block;
      position: absolute;
      right: 0;
      top: 0; } }

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