.related-posts{
    margin-top:40px;
}
.appendix-grid{
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px;
}
.appendix-grid .grid-item{
    width:50%;
    padding:0 20px;
    box-sizing:border-box;
    margin-top:0px;
}
.related-posts .grid-item-wrapper{
    overflow:hidden;
}
.related-posts ul{
    margin:0px;
}
.related-posts li{
    list-style-type:none;
    margin:0px;
    margin-bottom:10px;
}
.related-posts li .wrapper {
    display:flex;
    margin: 0 -5px;
    align-items:center;
}
.related-posts li .wrapper > div {
    padding:0 5px;
}
.related-posts li .wrapper .image-link {
    padding-right:10px;
    display:block;
}
.related-posts li .wrapper > div:first-child{
    width:25%;
}
.related-posts li .wrapper > div:last-child{
    width:75%;
}
.related-posts li .wrapper img{ 
    width: 100%;
    height: auto;
    display:block;
}
.image-placeholder{
    width:100%;
    padding-bottom:56.25%;
    background-color:#88CC44;
    display:block;
    transition:all 0.4s ease-in-out;
}
.related-posts li:hover .image-placeholder{
    background-color:#CCCC33;

}
.related-posts li:hover a{
    color:#CCCC33!important;

}



/* .related-links,.post-docs{
    margin-bottom:40px;
} */
.occurances ul li{
    color:#ccc;
}
.occurances ul li a,
.occurances ul li{
    display:flex;
    align-items: center;
}
.extensions-wrapper ul,
.related-links ul,.post-docs ul,
ul.term-links{
    margin:0px;
    padding:0px;
}
.extensions-wrapper li,
.related-links li,.post-docs li,
ul.term-links li{
    list-style-type:none;
    margin:0px;
}
.related-links li:not(:last-child),
.post-docs  li:not(:last-child){
    margin-bottom:0px;
}

.post-author{
    margin-bottom:20px;
}
#main .post-author a,
#main .post-author{
    color:#bfbfbf;
}
body.single .entry-content +.post-footer{
    margin-top:40px;
}
body.single .post-footer{
    border-top:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
    padding-top:10px;  
    padding-bottom:8px;      
    margin-bottom:20px;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    font-size:16px!important;

}
/* #main #post-appendix + .shariff {
    margin-top:40px;
} */
#main .post-appendix h2{
    /* text-align:right; */
    font-size:22px;
    font-weight:500;
    margin-bottom:10px;
}
#colophon .shariff a{
    transition:all 0.4s ease-in-out;
}
#post-appendix section{
    margin-bottom:20px;
}
#post-appendix h3{
    margin-bottom:10px!important;
    font-size:18px;
}
#colophon .shariff a:hover {
    background-color: #CCCC33!important;
    text-decoration: none !important;
}
#colophon  .ShariffHeadline{
    display:inline-block;
}
#colophon  .shariff-buttons{
    display:inline-flex;
}
#colophon .shariff{
    display:inline-flex!important;
    align-items: center;
    margin-right:30px;
}
.menu-footer-container{
    display:flex;
    align-items: center;
}
/* #main .shariff.shariff-align-flex-start ul{
    justify-content: flex-end;
} */
ul.term-links li{
    display:inline-block;
}
ul.term-links li:not(:last-child):after{
    content:', ';
    margin-right:10px;
    display:inline-block;
}
.term-label,ul.term-links{
    display:inline-block;
}
.term-label{
    font-weight:500;
    margin-right:10px;
}
#post-appendix + .post-footer{
    margin-top:40px;
}

@media screen and (max-width: 760px) { 
    .appendix-grid,
    body.single .post-footer{
        flex-wrap:wrap;
    }
    #post-appendix .appendix-grid > div,
    body.single .post-footer > div{
        width:100%;
    }
    .related-links + .post-docs{
        margin-top:0px;
    }
}
@media screen and (max-width: 480px) { 
    .related-posts li .wrapper > div:first-child{
        width:33.33%;
    }
    .related-posts li .wrapper > div:last-child{
        width:66.66%;
    }
}