@charset "UTF-8";
/*!
Theme Name: Zilahy
Author: Gergely Konrád
Author URI: http://www.gergely-konrad.com
Description: György Zilahy's architecture portfolio page template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zilahy
Tags: architecture, portfolio

*/
/*---------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
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;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*div.logo {
   background: url("logo.png") no-repeat;
   @include image-2x("logo2x.png", 100px, 25px);
 }*/
/**,
*:after,
*:before {
  @include box-sizing(border-box);
}*/
/*p {
  @include font-size(14px)
}*/
/*tiled-grid*/
/*
@include tiles(5, 2%);
*/
/*.abs {
  @include abs-pos(10px, 10px, 5px, 15px);
}*/
/*
a {
  color: $gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
*/
/*generic transform*/
/*rotate*/
/*scale*/
/*translate*/
/*skew*/
/*transform origin*/
/*transform-3d*/
/*@mixin transform-3d($translate-x: 0, $translate-y: 0, $translate-z: 0, $rotate-x: 0, $rotate-y: 0, $rotate-z: 0, $scale-x: 1, $scale-y: 1, $scale-z: 1, $perspective: none) {
  -webkit-transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
    perspective($perspective);
  -ms-transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
  transform: 
    translate3d($translate-x, $translate-y, $translate-z) 
    rotateX($rotate-x) rotateY($rotate-y) rotateZ($rotate-z) 
    scaleX($scale-x) scaleY($scale-y) scaleZ($scale-z) 
    perspective($perspective);
}*/
/*perspective*/
/*@include perspective(400px);*/
/* fonts */
/*
 * Typography
 */
body {
  color: black;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
}

.italic {
  font-style: italic;
}

.light, .content h2, .content p, header.row a, .caption, .menu li a {
  font-weight: 300;
}

.link, .content a, .menu li a, footer a {
  text-decoration: none;
  padding: .5em 0;
  margin: -.5em 0;
  color: #666;
  transition: color 0.5s;
}
.link:hover, .content a:hover, .menu li a:hover, footer a:hover {
  color: black;
}

.fixed {
  font-family: "Andale Mono", AndaleMono, monospace;
  font-size: 14px;
  line-height: 1.2;
  max-height: 25em;
  white-space: pre;
  background-color: #333333;
  color: wite;
  overflow: auto;
  padding: 0.5em 1em;
}

.block-margins, .content h2, .content p {
  margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

h1, h2 {
  line-height: 1.1;
}

h3, h4 {
  line-height: 1.3;
}

h1 {
  font-size: 300%;
}

h2 {
  font-size: 240%;
}

h3 {
  font-size: 200%;
}

h4 {
  font-size: 180%;
}

h5 {
  font-size: 140%;
}

h6 {
  font-size: 120%;
}

/* 
 *  POST FORMATTING
 */
.content h2 {
  font-size: 120%;
}

.alignleft,
.alignright {
  padding-bottom: 2em;
  /*480px*/
}
@media (min-width: 30em) {
  .alignleft,
  .alignright {
    padding: 0 2em;
  }
}

img.alignleft,
figure.alignleft {
  float: left;
  padding-left: 0;
}

img.alignright,
figure.alignright {
  float: right;
  padding-right: 0;
}

img.aligncenter,
figure.aligncenter {
  display: block;
  margin: 1em auto;
}

/* 
 *  END!!! POST FORMATTING 
 */
*,
*:after,
*:before {
  box-sizing: border-box;
}

* {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: text;
}

::selection {
  color: white;
  background: black;
}

/* ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background-color: $gray;
    padding:0 1px;
}
 
::-webkit-scrollbar-thumb {
    background-color: black;
    // height: 64px;
    border-radius:10px;
} */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-scroll {
  overflow-y: hidden !important;
  position: static;
}

/* Disabled class */
.disabled {
  pointer-events: none;
  opacity: 0.5;
}

/*Clearfix*/
.clearfix, .row {
  *zoom: 1;
}
.clearfix:before, .row:before, .clearfix:after, .row:after {
  content: "";
  display: table;
}
.clearfix:after, .row:after {
  clear: both;
}

/* Float classes */
.right {
  float: right !important;
}

.left {
  float: left !important;
}

/* Hide / Show classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

/*
.preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}*/
html {
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -apple-font-smoothing: apple-font-smoothing;
  -moz-osx-font-smoothing: grayscale;
}

body {
  padding: 0 1em;
  /*400px*/
}
@media (min-width: 25em) {
  body {
    padding: 0 2em;
  }
}

.row {
  width: 100%;
  max-width: 640px;
  display: block;
  margin: 0 auto;
  /*1376px*/
}
@media (min-width: 86em) {
  .row {
    max-width: 800px;
  }
}
@media (min-width: 120em) {
  .row {
    /*1920px*/
    max-width: 1024px;
  }
}

#wrapper {
  width: 100%;
  position: relative;
}

/*responsive images*/
img {
  max-width: 100%;
}

/*Entry Images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 97.5%;
  /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}

img.size-full {
  max-width: 97.5%;
  width: auto;
  /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

header.row {
  text-align: center;
  margin: 1em auto;
  text-transform: uppercase;
  font-size: 70%;
  /*1376px*/
}
@media (min-width: 86em) {
  header.row {
    font-size: 100%;
    margin: 2em auto;
  }
}
header.row a {
  color: black;
  text-decoration: none;
}
header.row a h1 {
  letter-spacing: 1.6em;
  line-height: 1.8;
  padding-left: 1.8em;
  border-bottom: 1px solid black;
  font-size: 140%;
  margin: 0 5px;
  /*640px*/
  /*1376px*/
}
@media (min-width: 40em) {
  header.row a h1 {
    font-size: 240%;
  }
}
@media (min-width: 86em) {
  header.row a h1 {
    border-bottom: 2px solid black;
  }
}
header.row h3 {
  font-size: 75%;
  line-height: 2.5;
  color: #666;
  /*640px*/
  /*1376px*/
}
@media (min-width: 40em) {
  header.row h3 {
    font-size: 110%;
  }
}
@media (min-width: 86em) {
  header.row h3 {
    font-size: 95%;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  width: 12px;
  height: 12px;
  position: absolute;
  margin-top: -24px;
  top: 50%;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  cursor: pointer;
  transition: opacity 0.5s;
  display: none !important;
  /*800px*/
}
@media (min-width: 50em) {
  .slick-prev,
  .slick-next {
    display: block !important;
  }
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 0.5;
}
.slick-prev:active,
.slick-next:active {
  opacity: 1;
}

.slick-prev {
  left: -3em;
  transform: rotate(45deg);
}

.slick-next {
  right: -3em;
  transform: rotate(225deg);
}

/* Dots */
.slick-dots {
  position: relative;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  margin: 0.5em auto;
  /*1376px*/
}
@media (min-width: 86em) {
  .slick-dots {
    margin: 2em auto;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 9px;
  width: 9px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 2px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid black;
  transition: background 0.5s;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: #b3b3b3;
}
.slick-dots li.slick-active button {
  background: black;
}

.caption {
  padding-bottom: 1.6em;
  line-height: 1.4;
  text-align: justify;
  font-size: 90%;
}

.slick-slide {
  border-right: 5px solid white;
  border-left: 5px solid white;
}

nav.row {
  padding: 0 5px;
  /*1376px*/
}
@media (min-width: 86em) {
  nav.row {
    margin: 2em auto;
    margin-top: 0;
  }
}

.menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  /*640px*/
}
@media (min-width: 40em) {
  .menu {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.menu li {
  padding: 0 0.3em;
  /*640px*/
}
@media (min-width: 40em) {
  .menu li {
    padding: 0;
  }
}
.menu li:last-of-type {
  display: none;
}

.separator {
  background: #666;
  width: 1px;
  height: 0.8em;
  display: inline-block;
  margin: 0;
}

.menu li.current_page_item a,
.menu li.current_page_item a {
  font-weight: 400;
  color: black;
}

footer {
  color: #666;
  text-align: center;
  padding: 1.6rem 0;
  font-size: 80%;
}
footer a {
  text-decoration: none;
}

.home .slick-arrow,
.home .slick-dots {
  display: none !important;
}
.home nav.row {
  margin-top: 2em;
}

.page-id-92 .content {
  padding: 0;
  /*640px*/
}
@media (min-width: 40em) {
  .page-id-92 .content {
    padding: 2em;
    border: 1px solid black;
  }
}
.page-id-92 nav.row {
  margin-top: 2em;
}