/*Theme Name: Kreenoot Child
Theme URI: https://www.krealab.fr/
Description: Thème enfant du thème Kreenoot
Author: Krea'Lab
Author URI: https://www.krealab.fr/
Template: kreenoot
Version: 1.0.1
*/

.page-tendance > figure {
    max-height: 400px;
}

.page-tendance > figure img {
    height: 100%;
}

.page-tendance .content-post-body header h3 {
    font-size: 40px;
    margin-top: 20px;
}

.page-tendance .content-post-body-category {
    font-size: 13px;
}

.page-tendance .content-post-body {
    justify-content: flex-start;
}

.page-tendance .content-post-body-content p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5rem;
    max-height: 4.5rem;
}

.page-tendance .content-post-body footer .content-post-body-comments a {
    font-size: 11px;
}

body.tag section.tags h2 {
    font-size: 26px;
}

body.tag section.tags h3 {
    font-size: 24px;
}

body.tag section.tags .simple-post > .simple-post-body header {
    margin-top: auto;
}

body.tag section.tags .simple-post > .simple-post-body .simple-post-body-content {
    flex: none;
    -webkit-box-flex: 0;
}

body.tag section.tags .simple-post > figure + .simple-post-body header {
    margin-top: 0;
}

body.tag section.tags .simple-post > figure +  .simple-post-body .simple-post-body-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

body.tag section.tags .simple-post-body-content p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.5rem;
    max-height: 6rem;
    margin-top: 0;
}

#colophon .footer-top .feed-insta .feed-insta-title a {
    line-height: 1.2;
}

@media screen and (max-width: 768px) {

    .page-tendance img {
        max-height: 300px;
    }

    .page-tendance .content-post-body header h3 {
        font-size: 36px;
    }

    body.tag section.tags h2 {
        font-size: 20px;
    }

    body.tag section.tags .tags-post {
        flex-direction: row;
        flex-wrap: wrap;
    }

    body.tag section.tags .tags-post > article:not(:first-child) {
        padding-left: 9px;
        padding-right: 9px;
    }

    body.tag .content-post-body footer .content-post-body-see-more a {
        font-size: 13px;
    }

    body.tag .simple-post-body-link a {
        font-size: 13px;
    }

    body.tag section.tags .simple-post:first-child > .simple-post-body .simple-post-body-content {
        display: flex !important;
    }

    body.tag section.tags .simple-post:first-child {
        margin-bottom: 35px;
        flex: 1 1 100%;
        max-width: 100%;
    }

    body.tag section.tags .simple-post:first-child h3 {
        margin-top: 22px;
    }

    body.tag section.tags .simple-post:first-child > .simple-post-body h3 {
        margin-bottom: 15px;
    }

    body.tag .tags-post .simple-post:nth-child(n+3) {
        display: flex !important;
    }

    body.tag .tags-post .simple-post:not(:first-child) {    
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 25px;
    }

    body.tag section.tags .simple-post:not(:first-child) > .simple-post-body {
        padding-left: 0;
        padding-right: 0;
    }

    body.tag .tags-post .simple-post:not(:first-child) h3 {    
        margin-top: 1rem;
        font-size: 20px;
    }

    body.tag .tags-post .simple-post:not(:first-child) figure, 
    body.tag .tags-post .simple-post:not(:first-child) img {    
        max-height: 150px;
    }

    body.tag .tags-post .simple-post:not(:first-child) .simple-post-body-link a {   
        font-size: 13px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    body.tag section.tags .tags-more {
        margin-top: 0;
    }

    body.tag section.tags .tags-more a {
        padding-left: 0;
        padding-right: 0;
    }

    body.tag section.tags:not(:last-child) {
        margin-bottom: 4rem;
    }
}