@import "post-list-filter.css";

.weblogPostContainer {
    margin-bottom: 2em;
}

.blogDownloads {
    padding: 15px;
    color: var(--blue);
    background: #fff;
    list-style: none;
}

.blogDownloads__item::before {
    content: '\1f5cf';
    float: left;
    margin-right: .5em;
    font-family: 'icons', sans-serif;
}

.blogDownloads__link {
    clear: left;
}

.blog__authorProfile {
    display: flex;
    align-items: center;
}

.blog__author + .blog__author .blog__authorProfile {
    margin-top: 1em;
}

.blog__authorImage {
    width: 104px;
    height: 104px;
    margin-right: 1em;
    border-radius: 50%;
    background: #f4f4f4;
}

.weblogPostNews .blog__authorImage {
    display: none;
}

.blog__authorName {
    color: var(--lightGreen);
    font-weight: 500;
    font-size: 1.25rem;
    font-family: Dosis,sans-serif;
}

.blog__linkToAuthor:hover {
    color: var(--lightGreen);
}

/**
 * Post Lists
 * For lists that do not have a specific layout
 */

.wl-post-list > ol {
    margin: 0 0 2em;
    padding: 0;
    list-style: none;
}

.wl-post-list > ol > li {
    position: relative;
    padding: 1rem 0 0;
}

.wl-post-list > ol > li + li {
    border-top: 1px solid rgba(0,0,0,.1);
}

.wlp-title,
.wlpl-title a[rel="bookmark"],
.wlpl-introduction h2 a[rel="bookmark"] {
    margin-bottom: .5em;
    font-size: 1.2rem;
    color: inherit;
    text-decoration: none !important;
    display: block;
}

.wlp-title::before,
.wlpl-title a[rel="bookmark"]::before,
.wlpl-introduction h2 a[rel="bookmark"]::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.wl-post-list .time,
.wl-meta {
    color: var(--gray)
}

.wlpl-title ol > li {
    display: flex;
    flex-wrap: wrap;
}

.wlpl-title .time {
    margin-right: 1em;
}

.wlplt-reaction-amount {
    text-align: right;
    white-space: nowrap;
}

.site__main .wlpl-title a[rel="bookmark"] {
    flex: 1 100%;
}

.wl-tagcloud {
    margin-bottom: 2rem;
}

.wl-tagcloud li a {
    padding: .3rem 0;
    font-size: 1rem;
    font-weight: 400;
    color: var(--blue);
}

@media (min-width: 768px) {
    .site__main .wlpl-title a[rel="bookmark"] {
        flex: 1 calc(100% - 10em);
        padding-right: 2em;
    }

    .site__main .wlplt-reaction-amount {
        flex: 0 6em;
    }
}

@media (min-width: 992px) {
    /*.mod_weblog .site__main {*/
    /*    margin-top: -220px;*/
    /*}*/

    .site__main .wlpl-title a[rel="bookmark"] {
        flex: 1 calc(100% - 21em);
        padding-right: 2em;
    }

    .site__main .wlpl-title .time {
        flex: 0 13em;
    }
}

@media (max-width: 767px) {
    .tagCloudTitle:after {
        content: '+';
        margin-left: .5rem;
    }
    .wl-tagcloud {
        height: 0;
        overflow-y: hidden;
        transition: all ease-out .5s;
    }
    .wl-tagcloud.open {
        height: auto;
        transition: all ease-in .5s;
    }
}