/* 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;}
img{border-style:none;vertical-align:top;max-width:100%;height:auto;pointer-events:none;}
a img{pointer-events:all;}
::-webkit-media-controls{display:none !important;}
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;}
.post-col{margin: 0 0 60px;}
.post{display:block;}
.post span{display:block;}
.post a img{pointer-events:none;}
.post .title{border-bottom:1px solid black;display:inline;}
.date{margin-top:1.25rem;}
.modules{display:grid;grid-template-columns: 40% 60%;row-gap: 2rem;max-width: 1000px;}
.module{position: relative;grid-column: 2;}
.module--quote{ grid-column: 1 / -1; }
.paragraph,.lead{line-height:1.2;}
.caption{display:block;white-space: pre-line; margin-top: 1rem;float:right;transform:translate(80px,0);}
#menu-mobile{display:none;}


.flex{display:flex;}

/* 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 */
body{font-family: 'Inter',Helvetica,Arial,sans-serif;overflow-x:hidden;}
#content{min-height:100vh;display:flex;flex-direction:column;}
main{padding-bottom:100px;}
#menu{position: absolute;right:0;left: 0;top: 0;width: 100%;padding-left: 200px;}
#menu .menu-item{width: calc(100% - 200px);position: fixed;z-index: 2;top:0;min-height: 100vh;transition:0.3s;padding: 20px;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.15);--shift: 0px;background:white;}
#menu .menu-inner{width:100%;position:relative;}
#menu .menu-item:nth-child(1) { transform: translate(calc(100% - 700px + var(--shift)), 0); }
#menu .menu-item:nth-child(2) { transform: translate(calc(100% - 560px + var(--shift)), 0); }
#menu .menu-item:nth-child(3) { transform: translate(calc(100% - 420px + var(--shift)), 0); }
#menu .menu-item:nth-child(4) { transform: translate(calc(100% - 280px + var(--shift)), 0); }
#menu .menu-item:nth-child(5) { transform: translate(calc(100% - 140px + var(--shift)), 0); }


@media (max-width:1400px){
    #menu .menu-item:nth-child(1) { transform: translate(calc(100% - 500px + var(--shift)), 0); }
    #menu .menu-item:nth-child(2) { transform: translate(calc(100% - 400px + var(--shift)), 0); }
    #menu .menu-item:nth-child(3) { transform: translate(calc(100% - 300px + var(--shift)), 0); }
    #menu .menu-item:nth-child(4) { transform: translate(calc(100% - 200px + var(--shift)), 0); }
    #menu .menu-item:nth-child(5) { transform: translate(calc(100% - 100px + var(--shift)), 0); }

    #menu main .container{padding-left:50px;padding-right:50px;}
}


#menu .menu-item.active{transform:translate(0,0);z-index: 3;overflow-y: scroll;height: 100%;}
#menu .menu-item:not(.active){cursor: pointer;}
#menu .menu-item:not(.active) *{pointer-events:none;}
#menu .menu-item main > .container{margin-left:0;}
.menu-title{position: sticky;top: 60px;display:block;height: 120px;writing-mode: vertical-rl;transform: rotate(180deg);font-size: 19px;}
.close{display:block;cursor:pointer;width:60px;height:60px;right: 20px;margin-left: auto;top: 20px;z-index:1;position: sticky;transition:all 0.35s cubic-bezier(0.47,0,0,1);background-image:url(../img/close.svg);}
.back{display:inline-flex;align-items:center;}
.back img{margin-right:20px;}

/* Fonts */
.font-quote{font-size:80px;line-height: 1.05;}
.font-title{font-size:43px;margin-bottom: 2rem;}
.back{font-size:43px;margin-top:2rem;}
.font-large{font-size:34px;}
.font-medium{font-size:31px;}
.news-details{font-size:28px;}
.author{font-size:19px;margin-top: 10px;}

/* Lazy load */
.lazy,.lazyload,.slider,[loading="lazy"],.slider 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;}

/* Header */
header{position: fixed;top: 0;left: 0;height: 125px;width:100%;padding:40px 70px 50px;}

/* Home */
.home{flex: 1 0 auto;min-height: calc(100vh - 125px);padding: 120px 0 40px;max-width:50vw;}
.home .container{padding:0 70px;display: flex;flex-direction: column;max-width: 100%;min-height: calc(100vh - 165px);}
.home .content-top{flex: 1 0 auto;margin-bottom:50px;}
.home .content-top img{margin-bottom: 9vh;}
.home p{margin:0;}

/* Books */
.page-books .post figure{box-shadow:1px 1px 7px 3px rgba(0,0,0,0.1);margin-bottom:20px;}


/* News */
.page-news .post figure{margin-bottom:20px;}


/* Texts */
.teksty-cats{margin-bottom:60px;}
.teksty-cats .current{border-bottom:1px solid;}
.teksty-cats a{margin-right:10px;border-bottom: 1px solid transparent;}
.texts-index{max-width: 600px;margin: 0 auto;}


.bottom-text {position: relative;}
.bottom-text .show-hide {opacity: 0; position: absolute; left: 0; top: 22px;}
.bottom-text:hover .show-hide {opacity: 1;}
.bottom-text .show-hide a {border-bottom: 1px solid black;}
.bottom-text .show-hide { transition: opacity 0.2s ease-out;}
.quote-source {padding-top: 20px;}

body {font-size: 19px;}
p {line-height: 1.3em;}
.bottom-text {
    position: relative;
    font-size: 15px;
}
.caption { font-size: 15px;}

.font-large {line-height: 1.2em;}

.socials a {display: inline-block; border-radius: 15px; background: black; width: 30px; height: 30px;}
.socials a svg {max-width: 100%; max-height: 100%;}
.socials a.fb-link svg {height: 18px;
    position: relative;
    top: 3px;}
.socials a.insta-link svg {width: 24px;
    position: relative;
    left: 3px;}
.bottom-text {
    position: relative;
    font-size: 15px;
    top: 8px;
}
.content-bottom {display: flex;}
.content-bottom .bottom-text {margin-left: 30px;}

.socials a.fb-link svg {
    height: 18px;
    position: relative;
    top: 6px;
}

.single .container * {max-width: 100%!important;}

iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
    height: auto!important;
}
.youtube-link svg {width: 22px;
    position: relative;
    top: 7px;
    left: 4px;}

    .tekst-mkidn {font-size: 10px;}
    .mkidn img {max-width: 200px;}

/* Hovers */
@media(hover:hover){
    #menu .menu-item:not(.active):hover {--shift: -20px;}
    .teksty-cats a:hover{border-bottom:1px solid;}
}


.italic-style {font-style: italic;}

@media (max-width:1024px){


    /* Font sizes */
    body{font-size:16px;}
    .font-large,.font-title,.back{font-size:30px;}
    .font-medium{font-size:24px;}
    .news-details{font-size:20px;}

    #menu main .container,.container{padding-left: 12px;padding-right:12px;}

    .back img{max-width:100px;}
    
    #menu{padding:0;}
    #menu .menu-item:not(.active){display:none;}
    .menu-title{position:relative;transform:none;writing-mode: initial;font-size: 18px;padding: 0 12px;top: initial;margin-top: 100px;margin-bottom: 30px;height: auto;}
    .close{display:none;}
    #menu .menu-item{position:relative;width:100%;transform: none !important;overflow: auto;padding: 0;}
    #menu-mobile{display:block;visibility: hidden;opacity: 0.9;transition: 0.5s;top: 0;right: 0;position: fixed;height: 100vh;width: 240px;background: white;z-index: 10;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.25);transform: translate(100%,0);}
    #menu-mobile ul{padding: 60px 20px;}
    #menu-mobile li{list-style:none;font-size:20px;margin: 1.25rem;font-weight: 500;}
    .home{max-width:none;padding: 70px 0 20px;}
    header{z-index: 10;padding: 12px 2px 2px;height: auto;background: white;}
    .home .container{padding: 0 12px;min-height: calc(100vh - 100px);}
    .menu-trigger{position: fixed;z-index: 11;top: 12px;right: 12px;width: 21px;height: 25px;display:flex;justify-content:space-between;align-items: flex-end;}
    .menu-trigger span{background:black;width: 4px;height:100%;transition: 0.5s;}
    .menu-trigger span:nth-child(1),
    .menu-trigger span:nth-child(1){transform-origin:0 0;}
    .menu-trigger span:nth-child(2){height: 75%;}

    .menu-open #menu-mobile{visibility:visible;transform: translate(0,0);opacity: 1;}
    .menu-open .menu-trigger span:nth-child(2){opacity:0;}
    .menu-open .menu-trigger span:nth-child(1){transform:rotate(45deg) translate(12px,-6px);}
    .menu-open .menu-trigger span:nth-child(3){transform:rotate(-45deg) translate(-11px, -8px);}
    
     #about .menu-title{visibility:hidden;}   

     .font-quote {
    font-size: 40px;
    line-height: 1.05;
}
}

@media (max-width:600px){
    .font-quote {
    font-size: 22px;
    line-height: 1.05;
}
    .row{margin-right: 0;margin-left: 0;}
    .col{padding-right: 0;padding-left: 0;}
    .modules{grid-template-columns:auto;}
    .post-col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    .home .content-top{flex:1 1 auto;}
    .home .content-bottom{flex:0 0 auto;}
}
.page-about a {border-bottom: 1px solid black;}