/* Reset */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body,html,h1,h2,h3,h4,h5,h6,figure,video,ul,ol,li,menu{margin:0;padding:0;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
::-webkit-input-placeholder{color:#000;}:-moz-placeholder{color:#000;}::-moz-placeholder{color:#000;}:-ms-input-placeholder{color:#000;}
*{font-weight:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:none !important;box-sizing:border-box;-webkit-box-sizing:border-box;}
a{text-decoration:none;}
a,input[type="submit"],.btn{transition:0.2s;}
input,textarea,select,button,a{padding:0;color:inherit;font:inherit;letter-spacing:inherit;background:transparent;border-radius:0;-webkit-border-radius:0;}
form input:not([type="select"]):not([type="file"]),form textarea{border:1px solid #000;padding:5px;}
input[type="submit"]{cursor:pointer;}
img,.btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
figure img,figure video,figure iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
figure{position:relative;}
figure:after{content:'';pointer-events:none;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;}
img{border-style:none;vertical-align:top;max-width:100%;height:auto;pointer-events:none;}
a img{pointer-events:all;}
video{pointer-events:none;}
svg,video{vertical-align:top;}
p:empty{display:none;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
::selection{background:rgba(222,222,222,0.3);}
::-moz-selection{background:rgba(222,222,222,0.3);}
.center{text-align:center;margin:0 auto;}
.center-flex{justify-content:center;}
.space-between{justify-content:space-between;}
.flex{display:flex;}
strong,b{font-family:'Archia-semibold'}
div.mobile{display:none;}

/* Animations */.animate{transition:all 0.75s cubic-bezier(.2,.9,.45,1);-webkit-transition:all 0.75s cubic-bezier(.2,.9,.45,1);transform:translate3d(0,40px,0);-webkit-transform:translate3d(0,40px,0);opacity:0;}
.animated{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1 !important;}

/* Global */
#main{padding-top: 80px;}
body{font-family:"Archia",Helvetica,Arial,sans-serif;overflow-x:hidden;background:#FFFEEE;}

/* Lazy load */

.lazy,.lazyload,.slider,[loading="lazy"],.slider img,.lazy.post-card__img{opacity:0;transition:all .5s cubic-bezier(0.47,0,0,1);}
.lazy.loaded,.lazyloaded[loading="lazy"],.lazyload.loaded,img.flickity-lazyloaded,.slider.active{opacity:1;}

.home .lazy.loaded {
    opacity: 0.5;
}
/* Header */
header{position: absolute;z-index: 2;top:0;left:0;width: 100%;padding-top:15px;}
header .container{display:flex;/* justify-content: space-between; */}
header .container .row{flex:1;}
.logo{flex: 1 0 auto;}
#menu{flex:1 0 auto;padding-left: 22px;}
.menu{display:flex;}
.menu li{list-style:none;margin-right: 160px;}
.current-menu-item:not(#menu-item-76) a{font-family:'Archia-semibold';}
.socials{display:flex;gap:0 8px;}
.socials a{display:flex;justify-content:center;align-items:center;border:1px solid;border-radius:100%;width:28px;height:28px;}
header .socials{padding-right: 12px;justify-content: flex-end}

/* Posts index */

.double-post .text-holder {width: 50%; margin: 0 auto;}
.double-post .text-holder {height: 100%; display: flex; flex-direction: column;justify-content: center;position: relative;top: -15px;}
.double-post .text-holder-inside {}
.double-post .post-card__title {width: 100%;}
.double-post .post-card__excerpt {width: 100%; } 

.post{margin-bottom:24px;}

/* ---- category colors (slug-based) ---- */
.post-card--no-cat      { --cat: #111; }

:root{
  --grid-side: 50px;
  --grid-gap: 24px;
  --card-r: 0.8571;
  --card-h: calc(((100vw - (2 * var(--grid-side)) - var(--grid-gap)) / 2) * var(--card-r));
}
@media (min-width: 1440px){
  :root{ --card-h: 564px; }
}

.post-card{
  border: 7px solid var(--cat);
  border-radius: 23px;
  background: #FBF8E8;
  color: var(--cat);
  text-decoration: none;
  display: block;
  height: var(--card-h);
}
.post-card__inner{
  height: 100%;
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
}

.post-card__meta{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.post-card__date{
  font-size: 14px;
  line-height: 1.2;
}

.post-card__tags{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tags-filter{
  padding: 15px 0 40px;
}

.tags-filter .post-card__tags{
  justify-content: flex-start;
}

.post-tag{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid var(--cat);
  border-radius: 30px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.post-tag.is-active,.post-tag:hover{
  background: var(--cat);
  color:white;
}

.post-card__title{
  font-size: 36px;
  line-height: 1.05;
  margin: 0 0 12px 0;
  font-family: "Archia-semibold", sans-serif;
}
.post-card__excerpt{
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 28px 0;
  max-width: 56ch;
}

.post-card__media {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-height: 320px;
  overflow: hidden;
  margin-top: auto;
}

.bounding-box {
  display: inline-block;
  max-height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.bounding-box {position: relative; display: block;}


.bounding-box::before {
    background-color: var(--cat);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    content: '';
    z-index: 1;
    mix-blend-mode: overlay;
    opacity: 0.60;
}

.bounding-box:hover::before {
 opacity: 0;
}





.post-card__img {
  position: relative;
  display: block;
  max-height: 320px;
  width: auto;
  height: auto;

}

/* .post-card__img:hover {transform: scale(1.2);} */
.post-card__img {filter: grayscale(1); opacity: 0.5;}

.bounding-box:hover .post-card__img {filter: grayscale(0);

opacity: 1;

}

.bounding-box::before {transition: .2s;}
.bounding-box * {transition: .2s;}

/* ================================
   Single project (ACF Flexible)
   ================================ */


/* Single category colors for whole page */
#content             { --cat: #000; }

#content.single .logo path,
.socials path:not(.yt-play){fill:var(--cat);}

#content.single .menu a,
#content.single .address,
#content.single .credits{color:var(--cat);}

.menu-trigger span{background:var(--cat) !important;}

.socials a{border-color:var(--cat);}

/* shell */
.single-card{
  border: 7px solid var(--cat);
  border-radius: 23px;
  background: #FBF8E8;
  color: var(--cat);
}

.single-card__inner{
  position: relative;
  padding: 28px;
  min-height: 200px;
}

.single-body{
  /* width: min(1000px, calc(100% - 440px)); */
  margin: 0 auto;
}

/* title */
.single-title{
  font-family: "Archia-semibold", sans-serif;
  font-size: 50px;
  line-height: 1.05;
  margin: 0 0 18px 0;
}

/* flexible content blocks */
.fc-block{margin: 10px 0 22px;}

/* big paragraph */
.fc-text--lg{
  font-size: 25px;
  line-height: 1;
  font-family: 'Archia-semibold';
}

/* small paragraph (typography only here) */
.fc-text--sm{
  font-size: 16px;
  line-height: 1.2;
}

/* === RIGHT HALF blocks (start from center + 10px) ===
   start from center + 10px, width = 50% + 115px */
.fc-text--sm,
.fc-h2--right,
.fc-list--right,
.fc-contact-text{
  /* width: calc(50% + 115px);
  margin-left: calc(50% + 10px); */
}

/* H2 look (NO margin shorthand, so we don't reset margin-left) */
.fc-h2--right{
  display: block;
  font-family: "Archia-semibold", sans-serif;
  font-size: 36px;
  line-height: 1.05;
  margin-top: 24px;
  margin-bottom: 10px;
}

/* list spacing */
.fc-list--right{
  padding-left: 1.15em;
  margin-top: 10px;
  margin-bottom: 18px;
}

.fc-list--right li{
  margin: 8px 0;
}

/* ACF image block */
.fc-image{margin: 40px 0;}

/* reserve space BEFORE image loads */
.fc-image__media{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  aspect-ratio: var(--ar, 16/9);
}

.fc-image__img{
  position: static !important;
  width: 100%;
  height: auto;
  display: block;
  object-fit: initial;
}

/* caption */
.fc-image__cap{
  font-size: 14px;
  line-height: 1.2;
  margin-top: 10px;
  text-align: right;
}

/* Video block styled like image block */
.fc-video {margin: 40px 0;}

.fc-video__media {
  position: relative;
  width: 100%;
}

.fc-video__inner{
  position: absolute;
  inset: 0;
}

.fc-video__inner iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.fc-pdf{
  margin: 40px 0;
  display: block;
}

.fc-pdf a{
  border-bottom:1px solid;
}

.fc-audio{
  margin: 40px 0;
}

.fc-audio__media{
  max-width: 600px;
  margin: 0 auto;
}

.fc-audio__media audio{
  width: 100%;
  display: block;
}



/* About */
.p-about .logo path{fill:#6933D7;}
.p-about .single-card,.contact,
.p-about .menu a{
  --cat: #6933D7;
}

.p-about .socials path:not(.yt-play),
.p-about .logo path{fill:#6933D7;}
.p-about .socials a{border-color:#6933D7;}

.p-about .menu-trigger span{background:#6933D7 !important;}

.p-about .menu a,
.p-about .address,
.p-about .credits{color:#6933D7;}

.fc-contact-text{
  /*font-size: 25px; 
  line-height: 1;*/
}

.mail{margin-top:30px;}
.mail p{margin-bottom:8px;}

.p-about ul li::marker {
  display: none;
}

.fc-list--right {
    padding-left: 0;
   
    list-style-type: none;
   
}

.p-about .single-second-card h2 {margin-top: 0;}


/* Footer */
footer{padding-top: 30px;padding-bottom:36px;}
footer .socials{position:absolute;left:50%;padding-left:10px;}

/* letter-spacing */
.single-title {
  
    letter-spacing: -0.025em;
}
.post-card__title {
  
    letter-spacing: -0.015em;
  
}

.post-card__tags {
 
    position: relative;
    top: -5px;
   
}


.credits {
    text-align: right;
   

  }

.credits-inner {
    text-align: left;
    display: inline-block;
}

.single-second-card {
    margin-top: 24px;
}


.fc-slider { position: relative; }
.fc-slider__cell { width: 100%; }

.fc-slider__media{display:flex;justify-content:center;}
.fc-slider__inner{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;}

.fc-slider__img{
  position: relative;
  max-width: 100%;
  object-fit: contain;
  display:block;
}

.fc-slider--v1 .flickity-viewport{height: calc(clamp(320px, 66vh, 640px) + 3.2em) !important;}
.fc-slider--v1 .fc-slider__media{height: clamp(320px, 66vh, 640px);}
.fc-slider--v1 .fc-slider__img{height: clamp(320px, 66vh, 640px);}

.fc-slider__cap{margin-top:10px;font-size: 14px;width: 100%;text-align: right;}

.fc-slider__cap.is-empty{ visibility: hidden; }

.fc-slider .flickity-prev-next-button{
  width:35px;
  height:35px;
  padding:0;
  background:transparent;
  border:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  margin-top: -24px;
  color: var(--cat);
}

.fc-slider .flickity-prev-next-button.previous{left: 22px;}
.fc-slider .flickity-prev-next-button.next{right: 22px;}
.fc-slider .flickity-prev-next-button:disabled{ opacity:.35; }



/* Hovers */
@media(hover:hover){

}



/* Responsivness */
@media (max-width: 1400px){
  .single-body{
    width: min(1000px, calc(100% - 260px));
  }
}
@media(max-width:1280px){
  .post-card{height:600px;}
}
@media (max-width:1200px){
  #menu{/* padding-left: 10vw; */}
  .menu li{margin-right: 10vw;}
  .single-card__inner{ padding: 28px 22px 40px; }

  .single-body{
    width: 100%;
    margin: 0;
  }

  .single-title{
    font-size: 36px;
  }

  .fc-text--sm{
    width: 100%;
    margin-left: 0;
  }

  .fc-h2--right,
  .fc-list--right{
    width: 100%;
    margin-left: 0;
  }

  .fc-h2--right{
    font-size: 36px;
  }

  .single-body{
    width: 100%;
    margin: 0;
  }

  .single-title{
    font-size: 36px;
  }

  .fc-text--sm,
  .fc-h2--right,
  .fc-list--right,
  .fc-contact-text{
    width: 100%;
    margin-left: 0;
  }

  .fc-h2--right{
    font-size: 36px;
  }

}

.home .post-card__media {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /* max-height: 320px; */
    overflow: hidden;
    aspect-ratio: 1.9 / 1;
}
.home .post-card__media img {object-fit: cover; height: 100%; width: 100%;;;}

@media(max-width: 800px){
  .double-post .text-holder {width: 100%; margin: auto;}

  .single-title {letter-spacing: 0em;}
  .post-card__title {font-size: 36px;line-height: 1.05;margin: 0 0 12px 0;letter-spacing: 0em;}
  .desktop{display:none;}
  .mobile{display: flex !important;}
  .fc-text--lg{font-size:15px;}
  .single-card{border-width:3px;}
  .single-card__inner{min-height: auto;padding: 20px;}
  .single-title,.post-card__title{font-size:28px;margin-bottom: 7px;}
  .fc-text--sm{font-size:14px;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;padding: 0 10px;}

  .disappear{display:none;}

  .fc-slider--v1{
    --slider-mobile-maxw: calc(100vw - 60px);
    --slider-mobile-h: calc((100vw - 60px) * 9 / 16);
    --slider-mobile-cap-h: 32px;
    --slider-mobile-cap-gap: 16px;
    padding:0;
  }
  .fc-slider--v1 .fc-slider__carousel{
    position:relative;
    width:var(--slider-mobile-maxw);
    max-width:100%;
    margin:0 auto;
  }
  .fc-slider--v1 .fc-slider__cell{
    width:var(--slider-mobile-maxw);
    max-width:100%;
  }
  .fc-slider--v1 .fc-slider__inner{
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
  }
  .fc-slider--v1 .flickity-viewport{
    height: calc(var(--slider-mobile-h) + var(--slider-mobile-cap-h) + var(--slider-mobile-cap-gap)) !important;
  }
  .fc-slider--v1 .fc-slider__media{
    height: auto !important;
    align-items:center;
    justify-content:center;
    padding:0;
    overflow:visible;
  }
  .fc-slider--v1 .fc-slider__img{
    width:auto !important;
    max-width:var(--slider-mobile-maxw) !important;
    height:var(--slider-mobile-h) !important;
    object-fit:contain;
    object-position:center center;
    margin:0 auto;
  }
  .fc-slider--v1 .fc-slider__cap{
    width:var(--slider-mobile-maxw);
    max-width:100%;
    min-height:var(--slider-mobile-cap-h);
    max-height:var(--slider-mobile-cap-h);
    line-height:16px;
    margin-top:var(--slider-mobile-cap-gap);
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
  }
  .fc-slider--v1 .fc-slider__cap:not(.is-empty){
    visibility:visible;
    opacity:1;
  }
  .fc-slider--v1 .fc-slider__cap p{
    margin:0;
    line-height:inherit;
    display:inline;
  }
  .fc-slider .flickity-prev-next-button{
    width:24px;
    height:24px;
    margin-top:0;
  }
  .fc-slider .flickity-prev-next-button svg{
    width:24px;
    height:24px;
  }
  .fc-slider--v1 .flickity-prev-next-button{
    top:calc(var(--slider-mobile-h) / 2);
    transform:translateY(-50%);
  }
  .fc-slider .flickity-prev-next-button.previous{left:4px;}
  .fc-slider .flickity-prev-next-button.next{right:4px;}

  .credits-inner {font-size: 14px;}
  .post-card__excerpt{font-size:14px;margin-bottom: 22px;}
  .post{margin-bottom: 7px;}
  .post{margin-bottom: 7px;}
  .container{padding:0 7px;}
  .post-card{border-width: 3px;border-radius: 15px;height: auto;}
  .post-card__inner{padding:20px;}
  .post-card__meta{margin-bottom:9px;}
  .col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
  header .container{padding:0 20px;}
  #menu{visibility: hidden;opacity: 0;transition: 0.5s;position:fixed;top:0;left:0;width:100%;height:100%;background:#FFFEEE;z-index:100;padding: 20px;}
  #menu a{font-size:48px;line-height: 0.96;font-family: "Archia-semibold";}
  .menu{flex-direction:column;}
  .post-card__media{max-height: none;}
  footer{padding:18px 0 24px;font-size:14px;}
  footer .container{flex-direction:column;padding: 0 20px;}
  footer .socials{position: relative;left: auto;margin: 13px 0 26px;padding: 0;}
  .post-tag{padding: 4px 8px;}
  .fc-h2--right{font-size:28px;}
 
  .fc-contact-text{font-size:20px;margin-bottom: 13px;}
  .contact .mail{margin-top: 22px;}
  header .socials{display:none;position: absolute;bottom: 20px;}
  .menu-trigger{position: absolute;right: 20px;width: 36px;height: 18px;display:flex;flex-direction: column;justify-content:space-between;cursor: pointer;z-index: 101;}
  .fc-contact-text {font-size: 14px;}
  .menu-trigger span{width:100%;background:black;height: 4px;transition:0.3s;}
  .menu-open #menu{visibility:visible;opacity:1;display: flex;align-items: center;}
  .menu-trigger span:nth-child(1){transform-origin: 4px 13px;}
  .menu-trigger span:nth-child(2){transform-origin: 18px -2px;}
  .menu-open .menu-trigger span:nth-child(1){transform:rotate(45deg);}
  .menu-open .menu-trigger span:nth-child(2){transform:rotate(-45deg);}

  header .socials path:not(.yt-play){fill:#6933D7;}
  header .socials a{border-color:#6933D7;}
  .menu-open .menu-trigger span{background:#6933D7 !important;}
  .menu a{color:#6933D7 !important;}

  /* .fc-slider .flickity-prev-next-button circle{fill:white;} */
}

/*
.home .post-card--kategoria-1 a:hover {color: #C4A8FD; }
.home .post-card--kategoria-2 a:hover {color: #FFC69B; color: #FFA973;}
.home .post-card--kategoria-3 a:hover {color: #92F095; color: #7FEF82;}
*/
.home .post-card--kategoria-1 h2 a:hover {opacity: 0.5;}
.home .post-card--kategoria-2 h2 a:hover {opacity: 0.5;}
.home .post-card--kategoria-3 h2 a:hover {opacity: 0.5;}

.home .post {perspective: 100px;}
.home .post-card {transition: all 0.3s}
.home .post-card:hover {transform: scale(1.02)}
/* 120% scale for large screens */
@media (min-width: 1441px){
  body{
    zoom: 1.2;
  }
  header{
    /* width: calc(100vw / 1.2); */
  }
}

/* Fonts */
@font-face {
  font-family: "Archia";
  src: url("./fonts/archia-regular-webfont.woff") format("woff"),
       url("./fonts/archia-regular-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Archia-semibold";
  src: url("./fonts/archia-semibold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Archia-bold";
  src: url("./fonts/archia-bold-webfont.woff2") format("woff2");
}