/*
 * Liste articles
 */
.page-blog .facetwp-filters {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 4px;
        display: flex;
        column-gap: 20px;
        font-family:Faro;
}
.page-blog .blog-posts .blog-post {
        margin-bottom:2em
}
.page-blog .blog-posts .blog-post .tags {
        position: absolute;
        top: 10px;
        right: calc(var(--bs-gutter-x) / 2 + 10px);
        z-index:1;
}
.page-blog .blog-posts .blog-post .blog-post-title {
        padding-top:5px;
}
.page-blog .blog-posts .blog-post .blog-post-meta {
        font-family: 'Faro';
        font-size: 0.9em;
        line-height:1;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
}
.page-blog .blog-posts .blog-post .blog-post-meta .blog-post-date {
        font-weight: bold;
}
.page-blog .blog-posts .blog-post .blog-post-excerpt {
        font-size:.85em;
}
.page-blog .blog-posts .blog-post .blog-post-img {
        position:relative;
        overflow:hidden;
}
.page-blog .blog-posts .blog-post .blog-post-img img {
        transition:all .5s;
}
.page-blog .blog-posts .blog-post:hover .blog-post-img img {
        filter:grayscale(1);
        transform:scale(1.05);
}
.page-blog .blog-posts .blog-post .blog-post-img:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--blog-color);
        content: '';
        mix-blend-mode: multiply;
        opacity: 0;
        transition:opacity .3s;
}
.page-blog .blog-posts .blog-post:hover .blog-post-img:after {
        opacity: 1;
}


/*
 * Page article
 */
.single-post #bandeau-entete #bandeau-entete-img {
        filter:none;
}
.single-post #bandeau-entete .color-overlay {
        display:none;
}
.single-post #bandeau-entete.with-img .entry-title {
        padding-top: 350px;
}
.single-post .entry-title .main-col {
        padding-right: 150px;
        position:relative;
}
.single-post .entry-title .main-col:before {
        content:'';
        position:absolute;
        width:840px;
        left:-900px;
        top:0;
        bottom:0;
        background:url(../img/stripes-white.svg);
        background-size: cover;
}
.single-post .entry-title .main-col .title-container {
        background:#fff;
        color:var(--default-text-color);
        padding-top:10px;
        padding-right:10px;
        position:relative;
}
.single-post .entry-title .main-col .title-container h1 {
        font-size:2.6rem;
}
.single-post .entry-title .main-col .title-container:before {
        content:'';
        position:absolute;
        left:-100px;
        top:0;
        width:100px;
        bottom:0;
        background-color: #fff;
        background-image: url(../img/icon-blog-page.svg);
        background-repeat: no-repeat;
        background-size: 56px 60px;
        background-position: 25px 13px;
}
.single-post .entry-title .main-col .title-container:after {
        content:'';
        position:absolute;
        left:100%;
        top:0;
        width : 0;
        height : 0;
        border-top : 270px solid #fff;
        border-right : 100px solid transparent;
}
.single-post .entry-title .main-col .title-container .tags {
        margin-top:-20px;
        margin-bottom:6px;
        min-height:18px;
}
.single-post .entry-title .main-col .title-container .blog-post-meta {
        font-family: 'Faro';
        font-size: 0.9em;
        line-height:1;
}
.single-post .entry-title .main-col .title-container .blog-post-meta .blog-post-date {
        font-weight: bold;
}
.single-post .breadcrumb {
        margin-top:1em;
        margin-bottom:4em;
}
.single-post .chapeau {
        padding-bottom:60px;
        position:relative;
}
.single-post .chapeau:after {
        content:'';
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        height:40px;
        background:url(../img/stripes-blog.svg);
}
.single-post .right-col.fixed {
        position:fixed;
}
/*.single-post .right-col .author-block {
        margin-bottom:1em;
}*/

/*
 * ShareThisw
 */
#page-content .sharethis-inline-reaction-buttons {
        position: absolute;
        top: 0;
        left: -60px;
        display: flex !important;
        flex-direction: column;
}
#page-content .sharethis-inline-reaction-buttons .st-btn {
        padding:0;
        width:24px !important;
}
#page-content .sharethis-inline-reaction-buttons .st-btn:hover {
        transform:none !important;
}
#page-content .sharethis-inline-reaction-buttons .st-btn > svg {
        width:24px !important;
        height:24px !important;
        transition:transform .2s;
}
#page-content .sharethis-inline-reaction-buttons .st-btn:hover > svg {
        transform:scale(1.2);
}
#page-content .sharethis-inline-reaction-buttons .st-btn > svg > path:first-child {
        fill:var(--blog-color);
}
#page-content .sharethis-inline-reaction-buttons .st-btn > span,
#page-content .sharethis-inline-reaction-buttons .st-btn:hover > span {
        font-size:.4em !important;
}
#page-content .sharethis-inline-reaction-buttons .st-btn > span.st-count {
        line-height: 1;
        margin-top: 3px;
        display: block;
        margin-bottom: 9px;
}
#page-content .sharethis-inline-reaction-buttons .st-btn:hover > span.st-text {
        display: none !important;
}
#page-content .sharethis-inline-reaction-buttons .st-btn:hover .st-count {
        display: block !important;
}
#page-content .sharethis-inline-reaction-buttons .st-btn.st-selected {
        transform:none;
}
#page-content .sharethis-inline-share-buttons {
        text-align: left;
        /*margin-bottom: 4em;*/
}

.other-posts {
        margin-bottom:1em;
}
.other-posts .other-post {
        display:flex;
        margin-bottom:1em;
}
.other-posts .other-post .post-img {
        width:85px;
        margin-right:10px;
        flex-shrink:0;
}
.other-posts .other-post .post-info h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-top:-1px;
        margin-bottom:5px;
        line-height:1.1;
        font-size: 1rem;
        font-weight:400;
}
.other-posts .other-post .post-info .post-meta {
        font-size:.7em;
        line-height:1;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.other-posts .other-post .post-info .post-meta .post-date {
        font-weight:700;
}

.blog-container .facetwp-filters select{
        background-color: #fff;
        box-shadow: none;
        border: 1px solid #000;
}