:root {
    --background: rgba(255,255,255,1);
    --light: rgba(0, 0, 0, 1);
    --middle: #bbb;
    --dark: #fff;
    --border: #f1f1f1;
    --border-light: rgba(255, 255, 255, 0.08);
    --lightfont: 'Georgia';
    --boldfont: 'Georgia';
    --light-background: #fafafa;
}

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

@font-face {
    font-family: "LogoFontBold";
    src: url("font/Kollektif-Bold.ttf");
    }
@font-face {
        font-family: "CustomFont";
        src: url("font/AppleGaramond-Light.ttf");
        }
@font-face {
    font-family: "CustomFontBold";
    src: url("font/AppleGaramond.ttf");
    }
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    }
::-webkit-scrollbar-thumb {
    background: var(--dark);
    }
::-webkit-scrollbar-track {
    background: var(--background);
    }

#k-header{padding:24px 36px;font-family: var(--boldfont);margin-bottom: 12px;border-bottom: 1px solid var(--border);}
.k-header-item{padding: 0px 12px;font-size: 24px;color: var(--light);transition: 0.3s;}
.k-header-item a{box-sizing: border-box;}
.k-header-item-logo{font-size: 14px;display: block;}
.k-header-item a:hover{color:var(--middle);}

/* Feeds */

#k-feeds{
    display: flex;
    flex-wrap: wrap;
    padding: 12px 36px;
    align-items: flex-start;
}

.k-feeds-post, .k-feeds-nopost{
    flex-basis: 33.33333333%;
    padding: 0 12px;
}

.k-feeds-nopost{
    font-family:var(--boldfont);
    color: var(--middle);
    font-size: 17px;
}

.k-feeds-title{
    margin:0px 0dvb;
    font-size:24px;
    font-family:var(--boldfont);
    color: var(--light);
}

.k-feeds-title a:hover{
    color: var(--middle);
}

.k-feeds-title span{
    display: block;
    color: var(--middle);
    font-size: 16px;
    padding-bottom: 6px;
    font-family:var(--lightfont);
}

.k-feeds-preview{
    display: block;
    width: 100%;
    padding-top: 35%;
    position: relative;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    margin: 24px 0px 0px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: 0.3s;
}

.k-feeds-preview:hover{
    opacity: 0.8;
}

.k-feeds-post:hover .k-feeds-preview{
}

.k-feeds-meta{
    color: var(--middle);
    font-size:24px;
    font-family:var(--boldfont);
}

.k-feeds-post .post-content{
    padding: 24px 0px;
    margin: 0px 0px 0px;
}

#archive{
    margin-bottom: -12px;
}

#archive #k-feeds{
    padding:12px 36px 0px;
}

#archive .page-navigator{
    margin: -24px -6px 36px;
}

.k-archive-title{
    margin:24px 0px -12px;
    padding:0px 48px;
}

/* Search Page */

.k-search-page{
    padding: 12px 48px 24px;
}

.k-search-page .k-post-tag-list{
    border-bottom: 0px solid var(--border);
    padding: 0px;
    margin: 0px;
}

.k-site-search, .k-site-tags{
    flex:1 ;
}

/* Footer */

#k-footer{
    border-top: 1px solid var(--border);
    padding: 24px 36px;
    font-family: var(--boldfont);
    margin-top: 0px;
}

.k-footer-item{
    padding: 0px 12px;
    font-size: 24px;
    color: var(--light);transition: 0.3s;
}

#k-navigator{
    padding: 0 48px;
}

/* Post */

#k-post{
    padding: 12px 48px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.k-post-left{
    flex:1;
}

.k-post-middle{
    flex:3;
}

.k-post-right{
    flex:1;
}

.k-post-right:hover .k-post-title, .k-post-left:hover .k-post-title, .k-post-bottom:hover .k-post-title{

}

.k-post-right a:hover, .k-post-left a:hover{
    color: var(--light);
}

#k-post .post-content{
    margin: 0px 0px 0px;
}

.k-post-title{
    font-size: 16px;
    color: var(--middle);
    transition: 0.3s;
    font-family: var(--boldfont);
    margin: 0px 0px 6px;
}

.k-post-preview{
    display: block;
    width: 100%;
    padding-top: 35%;
    position: relative;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    margin: 0px 0px 24px;
}

.k-post-meta{
    color: var(--light);
    font-family: var(--boldfont);
    font-size: 24px;
    margin: 0px 0px 24px;
    border-bottom: 1px solid var(--border);
    padding: 0px 0px 24px;
}

.k-post-meta a{
    color: var(--light);
    transition: 0.3s;
}

.k-post-meta span{

}

.k-post-bottom{
    color: var(--light);
    transition: 0.3s;
}

.k-post-bottom .k-post-title{
    margin: 0px 0px 12px;
}

.k-post-tag-list{
    margin: 0px 0px 24px;
    border-bottom: 1px solid var(--border);
    padding: 0px 0px 24px;
}

.k-post-tag-list a{
    display: block;
    color: var(--light);
    font-family: var(--boldfont);
    font-size: 24px;
    margin: 0px 0px 0px;
    text-transform: lowercase;
}

.k-post-tag-list a:hover, .k-post-meta a:hover{
    color: var(--middle);
}

body{
    background-color:var(--background);
    color:var(--light);
    font-family:var(--lightfont);
    font-size:87.5%;
    letter-spacing: -0.05em;
}

a{
    color:var(--light);
    text-decoration:none;
    transition: 0.3s;
}

a:hover,a:active{
    color:var(--middle);
}

sup{font-size: 14px;}
pre,code{background:#F3F3F3;font-family:Menlo,Monaco,Consolas,"Lucida Console","Courier New",monospace;font-size:.92857em;}
code{padding:2px 4px;color:#B94A48;}
pre{padding:8px;overflow:auto;max-height:400px;}
pre code{padding:3px;color:#444;}
blockquote{margin:1em 0;padding-left:1.5em;border-left:4px solid #eee;color:#666;}
table{border:1px solid #ddd;width:100%;}
table th,table td{padding:5px 10px;border:1px solid #eee;}
table th{background:#f3f3f3;}
h1,h2,h3,h4,h5,h6{font-family:'CustomFontBold',"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea{padding:5px;border:1px solid #E9E9E9;width:100%;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea{resize:vertical;}
.post-meta a,.post-content a,.widget a,.comment-content a{border-bottom:1px solid #EEE;}
.post-meta a:hover,.post-content a:hover,.widget a:hover,.comment-content a:hover{border-bottom-color:transparent;}.browsehappy{padding:8px 0;background:#FBE3E4;color:#8A1F11;text-align:center;}
.browsehappy a{color:#8A1F11;text-decoration:underline;font-weight:bold;}
#header{padding-top:24px;border-bottom:0px solid #EEE;margin: 12px 0;}
#logo{color:#333;font-size:2.5em;font-family:'LogoFontBold';}
#logo span{padding-left: 6px;}
#logo img{max-height:64px;}
.description{margin:4px 0px 0px;color:#999;}
#nav-menu{margin:25px 0 0;padding:0;}
#nav-menu a{display:block;margin-right:-1px;padding:0 20px;border:1px solid #EEE;border-bottom:none;height:32px;line-height:32px;color:#444;float:left;font-family: 'CustomFontBold';}
#nav-menu a:hover,#nav-menu .current{background:#f7f7f7;}
.site-search{margin-top: 24px;}
#search{
    position:relative;
    margin: 0px 0px 24px;
}
#search input{
    padding:0px 0px 12px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border);
    outline:none;
    caret-color: var(--dark);
    background-color: var(--background);
    font-family: var(--boldfont);
    font-size: 24px;
    text-transform: lowercase;
    color: var(--light);
}
#search input::placeholder{
    color: var(--middle);
    border: 1px solid transparent;
    font-size: 24px;
}
#search input:focus{
    background-color: var(--background);
    color: var(--light);
}

.post-content{line-height:1.5;margin: 24px 0;color:var(--middle);}
.post-page{border-top: 0px solid var(--border);}
.post-page p{margin: 24px 0px;color: var(--light);font-size: 16px;}
.post-meta{
    padding-top: 24px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    color: var(--middle);
}
.post-meta span:first-child{flex: 1;}
.post-meta-tag a{
    padding:0px 0px 0px 12px;
    align-items: center;
    border:none;
    color: var(--middle);
}
.post .tags{clear:both;}
.post-near{list-style:none;margin:30px 0;padding:0;color:#999;}
.post-near li{margin:10px 0;}

.k-post-related{
display: flex;
flex-wrap: nowrap;
gap: 24px;
}

.post-related .post-related-item{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
    flex-basis: 50%;
}
.post-related .post-related-item:last-child{
    border-bottom: 0px solid var(--border);
}

.post-related .post-related-item a{
    display: block;
    box-sizing: border-box;
    font-size: 24px;
    color: var(--light);
    transition: 0.3s;
    font-family: var(--boldfont);
    text-transform: uppercase;
}

.post-related .post-related-item a:hover{
    opacity: 1;
}

.post-related .post-related-item .post-title{
    font-size:1.2em;
    margin-bottom: 24px;
}
.post-related .post-related-item .post-content{
    margin-bottom: 0px;
}

.page-tags{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.page-tags a{
    position: relative;
    flex-basis: calc(25% - 18px);
    border: 1px solid var(--border);
    padding: 64px 24px 24px 24px;
    color: var(--middle);
    box-sizing: border-box;
    background-image:url(img/hashtag-dark.png);
    background-size: 24px 24px;
    background-position: 20px 20px;
    background-repeat: no-repeat;
}

.page-tags a span{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 0 0 0;
    border-top: 1px solid var(--border);
    font-family: var(--boldfont);
    font-size: 17px;
}

.more{text-align:center;}
.more a{border:none;}
.protected .text{width:50%;}

.page-navigator{list-style:none;margin:-12px -6px 24px;padding:0;font-family: var(--boldfont);font-size: 16px;}
.page-navigator li{display:none;margin:0px 6px;}
.page-navigator .next, .page-navigator .prev{display:inline-block}
.page-navigator a{display:inline-block;padding:0px 0px;color: var(--light);text-decoration: underline;}
.page-navigator .current a, .page-navigator a:hover{color:var(--middle);background:var(--dark);text-decoration: none;}

#comments{padding-top:15px;}.comment-list,.comment-list ol{list-style:none;margin:0;padding:0;}.comment-list li{padding:14px;margin-top:10px;border:1px solid #EEE;}.comment-list li.comment-level-odd{background:#F6F6F3;}.comment-list li.comment-level-even{background:#FFF;}.comment-list li.comment-by-author{background:#FFF9E8;}.comment-list li .comment-reply{text-align:right;font-size:.92857em;}.comment-meta a{color:#999;font-size:.92857em;}.comment-author{display:block;margin-bottom:3px;color:#444;}.comment-author .avatar{float:left;margin-right:10px;}.comment-author cite{font-weight:bold;font-style:normal;}.comment-list .respond{margin-top:15px;border-top:1px solid #EEE;}.respond .cancel-comment-reply{float:right;margin-top:15px;font-size:.92857em;}#comment-form label{display:block;margin-bottom:.5em;font-weight:bold;}#comment-form .required:after{content:" *";color:#C00;}#secondary{padding-top:15px;word-wrap:break-word;}.widget{margin-bottom:30px;}.widget-list{list-style:none;padding:0;}.widget-list li{margin:5px 0;line-height:1.6;}.widget-list li ul{margin-left:15px;}

#footer{line-height:1.5;text-align:left;color:#999;padding:12px 12px;margin: 24px 0px;}
#navigation{
    z-index: 1;
    position: fixed;
    bottom: 24px;
    right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0px;
    background-color: var(--dark);
    border:1px solid var(--border);
    padding: 0px 14px;
    box-sizing: border-box;
}
#navigation div{
    border-bottom: 1px solid var(--border);
    padding: 12px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}
.navigation-tag{background-image:url(img/hashtag-dark.png);}
.navigation-search{background-image:url(img/search-dark.png);}
.navigation-find{background-image:url(img/find-dark.png);}
#navigation div a{display: block;width:24px;height:24px;}
.navigation-tag:hover, .navigation-search:hover, .navigation-find:hover{opacity: 0.5;}
#navigation div:last-child{border-bottom: 0px solid #eee;}

.error-page{margin-top:100px;margin-bottom:100px;}.post-content,.comment-content{line-height:1.5;word-wrap:break-word;}.post-content h2,.comment-content h2{font-size:1.28571em;}
.post-content img,.comment-content img,.post-content video,.comment-content video{max-width:100%;display: block;}
.post-content a img,.comment-content a img{background:#FFF;position:relative;bottom:-4px;}.post-content hr,.comment-content hr{margin:2em auto;width:100px;border:1px solid #E9E9E9;border-width:2px 0 0 0;}.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}.alignleft{float:left;}.alignright{float:right;}img.alignleft{margin:0 15px 0 0;}img.alignright{margin:0 0 0 15px;}

@media(max-width:767px){
    #k-header, #k-footer, #k-feeds, #archive #k-feeds{padding-left: 12px;padding-right: 12px;}
    #k-navigator, #k-post, .k-search-page, .k-archive-title{padding-left: 24px;padding-right: 24px;}
    .k-header-item, .k-footer-item{padding: 0px 12px;font-size: 24px;}
    body{font-size:81.25%;}
    #nav-menu a{float:none;display:inline-block;margin:0 -2px;}
    #k-feeds{grid-template-columns: repeat(1, 1fr);}
    .k-feeds-post{
        flex-basis: 100%;
        padding: 0 12px;
    }
    #navigation{
        bottom: 0;
        right: 0;
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap:14px;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
    #navigation div{
        flex:1;
        display: block !important;
        border-bottom: 0px solid #eee;
    }
    #k-footer{
    }
    .post-related{
    
    }
    .post-related .post-related-item{

    }
    .page-tags a{
        flex-basis: calc(50% - 12px);
    }
    #k-post{
        gap:0;
    }
    .k-post-left, .k-post-middle, .k-post-right{
        flex:1 1 100%;
        width: 100%;
    }
    .k-post-left{
        order:2;
        border-top:1px solid var(--border);
        padding: 24px 0px 0px;
        margin: 0px 0px 0px;
    }
    .k-post-middle{
        order:1;
    }
    .k-post-right{
        order:3;
        margin-bottom: -12px;
    }
    .k-post-left .k-post-title, .k-post-right .k-post-title{
        margin: 0px 0px 12px;
    }
    .k-post-right .k-post-meta{
        margin-bottom: 0px;
    }
    .k-desktop{
        display: none;
    }
}
@media(max-width:768px){
    #header,.post-title,.post-meta{}
}
@media(min-width:768px){
    .container{max-width:820px;}
    .k-mobile{
        display: none;
    }
}
.hidden{display:none!important;visibility:hidden;}
.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}