@charset "UTF-8";
/*
Theme Name: Natan Sinigaglia / non-linear
Theme URI: http://non-linear.com
Description: non-linear theme
Author: Manuel Ehrenfeld
Author URI: http://non-linear.com
Version: 1.0
Tags: Isotope, Flickity, SASS

*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font: 16px;
}

iframe {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
blockquote,
figure,
button {
  margin: 0;
  padding: 0;
}

main,
li {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
p {
  font-size: inherit;
}

strong {
  font-weight: bold;
}

sup {
  position: relative;
  top: -.5em;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}

a,
button {
  color: inherit;
}

a {
  text-decoration: none;
}

button {
  overflow: visible;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  -webkit-font-smoothing: inherit;
}

button:focus {
  outline: 0;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

/* GOOGLE FONT  */
/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3SZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hpS3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype');
}
*/
/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0brIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnnYhjbSpvc47ee6xR_80Hnw.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC7rIa-7acMAeDBVuclsi6Gc.woff) format("woff");
}

body {
  width: 100%;
  height: 100vh;
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 16px;
  -webkit-font-smoothing: antialiased !important;
}

#mask {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
}

.myinner {
  max-width: 1400px;
  margin: 0 auto;
}

.responsive {
  width: 100%;
  height: auto;
}

a {
  color: #888;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

h1 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 16px;
}

h2 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 16px;
}

h3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 16px;
}

p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 16px 0;
}

.mycolor {
  color: #888;
}

ul {
  list-style: none;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

u {
  text-decoration: none;
  border-bottom: 1px solid #333;
}

​
.clear {
  clear: both;
}

/* wp responsive advice */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

*,
:after,
::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* not user selectable */
.not-selectable, .myinner > a, .icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.transition-color {
  -webkit-transition: color 1s ease-out;
  transition: color 1s ease-out;
}

/*  GRID  1.1 */
.container-grid *,
.container-grid *:after,
.container-grid *:before {
  box-sizing: border-box;
}

.container-grid {
  display: block;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.container-grid:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  display: table;
  clear: both;
  width: 100%;
  min-height: 100px;
}

[class^="col-"] {
  display: block;
  float: left;
  position: relative;
  min-height: 1px;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.33%;
}

.col-1-4 {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-2-3 {
  width: 66.66%;
}

.col-3-4 {
  width: 75%;
}

.inner {
  padding: 10px;
}

.inner-t {
  padding-top: 10px;
}

.inner-b {
  padding-bottom: 10px;
}

.inner-l {
  padding-left: 10px;
}

.inner-r {
  padding-right: 10px;
}

.inner-h {
  padding: 0 10px;
}

.inner-v {
  padding: 10px 0;
}

/* HEADER + NAVIGATION */
#site-header {
  position: relative;
  display: block;
  margin: 25px auto 0;
  width: 100%;
  max-width: 1400px;
  height: 60px;
  padding: 0 40px;
  padding: 0 100px;
}

#site-header .logo {
  display: block;
  position: relative;
  float: left;
  width: 140px;
  height: 50px;
  color: #333;
  line-height: 50px;
  text-decoration: none;
}

#wrapper {
  /* STICKY FOOTER */
  min-height: 100vh;
  margin-bottom: -50px;
  overflow: hidden;
}

/* STICKY FOOTER */
#wrapper:after {
  content: "";
  display: block;
  height: 50px;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
}

/* MENU */
.main-menu {
  position: absolute;
  top: 10px;
  right: 70px;
  margin: 0 30px;
}

.main-menu li {
  display: inline;
}

.main-menu a {
  color: #333;
  height: 30px;
  line-height: 30px;
  margin: 0px 10px;
}

.main-menu a:hover, .current-menu-item a {
  border-bottom: 1px solid #333;
  color: #333;
}

/*  ENTRY  */
article {
  max-width: 1400px;
  overflow: auto;
  margin: 50px auto;
  padding: 0 40px;
  padding: 0 100px;
}

.entry-header {
  width: 100%;
  height: 100px;
}

.entry-content h1 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 60px 0;
}

section {
  height: 100%;
}

.entry-content {
  max-width: 800px;
  margin: 0 auto;
  overflow: auto;
}

.entry-content p a:hover {
  border-bottom: 1px solid #888;
}

.entry-content.wide {
  max-width: 100%;
}

.entry-content .meta {
  margin: 32px 0;
}

.entry-content .meta a {
  display: block;
  line-height: 32px;
}

/* FOOTER */
#footer {
  width: 100%;
  height: 50px;
  padding: 0 40px;
  padding: 0 100px;
}

#footer p {
  float: left;
  display: inline;
}

#footer .firma {
  float: right;
}

#footer .firma a {
  text-decoration: none;
  color: #ccc;
}

/* ISOTOPE V2  */
#container-isotope {
  /* margin: 40px 25px 0; */
  margin: 20px 25px 0;
}

/* clear fix */
#container-isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* item  module grid*/
.item {
  width: 20%;
  height: 0;
  padding-bottom: 14.0625%;
}

.grid-sizer {
  width: 20%;
  padding-bottom: 14.0625%;
}

.item .inner-item {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 0;
  overflow: hidden;
}

.item .item-cover {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 75%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
}

.item figcaption {
  position: absolute;
  top: 80%;
  width: 100%;
  padding: 0;
  font-size: 16px;
  color: #333;
}

.item a:hover figure {
  opacity: 0.7;
}

.button-group {
  position: relative;
  display: block;
  z-index: 1000;
  width: 100%;
  max-width: 1400px;
  min-height: 50px;
  /* margin: -80px auto 80px auto; */
  margin: -20px auto auto auto;
  padding: 0 100px;
  text-align: right;
}

.button-group .button {
  display: inline-block;
  margin: 2px 10px;
  border: none;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  height: 20px !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  line-height: 20px;
  cursor: pointer;
}

.button:hover,
.button:active,
.button.is-checked {
  border-bottom: 1px solid #333;
  color: #333;
}

/* LIST MODULE */
#container-list {
  margin: 40px auto;
  padding: 0 100px;
}

.list-items {
  margin: 60px 0;
  border-bottom: 1px solid #333;
}

.list-items li {
  display: table;
  width: 100%;
  line-height: 50px;
}

.list-items li a:hover {
  border-bottom: 1px solid #888;
}

.list-items .list-date,
.list-items .list-title,
.list-items .list-place,
.list-items .list-link {
  border-top: 1px solid #333;
  text-indent: 0;
  display: table-cell;
  width: 25%;
}

.list-items .list-date.empty {
  border-top: none;
}

/* GALLERY  */
.main-gallery {
  margin: 0px 36px 10px;
}

.gallery-cell {
  width: 100%;
  height: auto;
  background: #f5f5f5;
}

.gallery-cell-image {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.gallery-cell-image.flickity-lazyloaded,
.gallery-cell-image.flickity-lazyerror {
  opacity: 1;
}

.caption {
  margin: 0 40px;
}

/*


.gallery-cell {
  width: 100%;
  background: #8C8;
  height: 300px;
}

// Fade CSS

.flickity-slider {
  transform: none !important;
}

.gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.gallery-cell.is-selected {
  opacity: 1;
}
*/
/* RESPONSIVE */
/* desktop */
@media only screen and (max-width: 1920px) {
  .item, .grid-sizer {
    width: 20%;
    padding-bottom: 14.0625%;
  }
}

/*  laptop small */
@media only screen and (max-width: 1600px) {
  .col-1-1 {
    width: 100%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-5 {
    width: 20%;
  }
  .col-2-3 {
    width: 66.66%;
  }
  .col-3-4 {
    width: 75%;
  }
  .item, .grid-sizer {
    width: 25%;
    padding-bottom: 17.57812%;
  }
}

/* iPad (landscape ) + browser testing  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), screen and (min-width: 768px) and (max-width: 1024px) {
  .col-1-1 {
    width: 100%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-1-5 {
    width: 20%;
  }
  .col-2-3 {
    width: 66.66%;
  }
  .col-3-4 {
    width: 75%;
  }
  .item, .grid-sizer {
    width: 33.33%;
    padding-bottom: 23.4375%;
  }
}

/* iPad (portrait) + browser testing  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), screen and (max-width: 768px) {
  .col-1-1 {
    width: 100%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-1-4 {
    width: 50%;
  }
  .col-1-5 {
    width: 20%;
  }
  .col-2-3 {
    width: 66.66%;
  }
  .col-3-4 {
    width: 75%;
  }
  .item, .grid-sizer {
    width: 50%;
    padding-bottom: 35.15625%;
  }
}

/*  mobile iphone5 + browser testing */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px), screen and (max-width: 768px) {
  [class^="col-"] {
    width: 100%;
    padding: 20px 0 !important;
  }
  .item, .grid-sizer {
    width: 100%;
    padding-bottom: 66.5%;
  }
  .item .item-cover {
    height: 79%;
  }
  .item figcaption {
    top: 84%;
  }
  .inner, .inner-t, .inner-b, .inner-l, .inner-r {
    padding: 0px;
  }
  #site-header {
    height: 200px;
    padding: 0 20px;
  }
  .main-menu {
    top: 70px;
    left: 0;
    margin: 0 10px;
    width: 50%;
  }
  .main-menu li {
    display: block;
    line-height: 30px;
  }
  .button-group {
    text-align: left;
    width: 50%;
    margin-left: 50%;
    margin-top: -130px;
    padding: 0;
  }
  .button-group button {
    display: block !important;
    padding-left: 0 !important;
    height: 30px !important;
    margin: 0 !important;
  }
  article {
    padding: 0 20px;
  }
  #container-isotope {
    /* margin: 40px 5px 0; */
    margin: 60px 10px 0;
  }
  #container-list {
    padding: 0 20px;
  }
  .list-items li {
    line-height: 30px;
  }
  .list-items .list-link, .list-items .list-place {
    display: none;
  }
  .list-items .list-date {
    width: 20% !important;
  }
  .list-items .list-title {
    width: 80% !important;
  }
  #footer {
    padding: 0 20px;
  }
  .main-gallery {
    margin: 0px 0px 10px;
  }

  /* About page mobile: clear portrait float, stack above text */
  body.page-template-default article {
    margin-top: 20px;
  }
  .entry-content.wide figure.alignleft,
  .entry-content.wide figure.alignright {
    float: none;
    margin: 0 0 20px 0;
    width: 100%;
  }
  .entry-content.wide figure.alignleft img,
  .entry-content.wide figure.alignright img {
    width: 100%;
    height: auto;
  }
}

/*! Flickity v1.1.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1;
}

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

/* ---- DARK MODE (auto from OS preference) ---- */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #212121;
    color: #b0b0b0;
  }

  #mask {
    background-color: #212121;
  }

  img.wp-image-2530 {
    content: url('/wp-content/uploads/2026/05/portrait_darkMode.png');
  }

  a {
    color: #aaa;
  }

  p {
    color: #b0b0b0;
  }

  u {
    border-bottom-color: #b0b0b0;
  }

  #site-header .logo {
    color: #b0b0b0;
  }

  .main-menu a {
    color: #b0b0b0;
  }

  .main-menu a:hover,
  .current-menu-item a {
    border-bottom-color: #b0b0b0;
    color: #b0b0b0;
  }

  .entry-content p a:hover {
    border-bottom-color: #aaa;
  }

  .item figcaption {
    color: #b0b0b0;
  }

  .button-group .button {
    color: #b0b0b0;
  }

  .button:hover,
  .button:active,
  .button.is-checked {
    border-bottom-color: #b0b0b0;
    color: #b0b0b0;
  }

  .list-items {
    border-bottom-color: #444;
  }

  .list-items .list-date,
  .list-items .list-title,
  .list-items .list-place,
  .list-items .list-link {
    border-top-color: #444;
  }

  .list-items li a:hover {
    border-bottom-color: #aaa;
  }

  .gallery-cell {
    background: #1a1a1a;
  }

  .flickity-prev-next-button {
    background: rgba(20, 20, 20, 0.75);
  }

  .flickity-prev-next-button:hover {
    background: #222;
  }

  .flickity-prev-next-button .arrow {
    fill: #b0b0b0;
  }

  .flickity-prev-next-button.no-svg {
    color: #b0b0b0;
  }

  .flickity-page-dots .dot {
    background: #b0b0b0;
  }
}