body[data-route="blog"],
body[data-route="blog_detail"]{
    background: linear-gradient(180deg, rgba(243, 237, 237, 1) 25%, rgba(230, 220, 218, 1) 55%);
}
@media (min-width: 992px){
    body[data-route="blog"],
    body[data-route="blog_detail"]{
        padding-top: 75px;
    }
}
body[data-route="blog_detail"] .breadcrumbs{
    margin-bottom: 30px;
}
body[data-route="blog"] .pageMain{
    /*    background: url(/images/alfa-blog.png) 66% -15% no-repeat;
        background-size: contain;*/
    background-image: url(/images/alfa-blog.png);
    background-repeat: repeat-x;
    background-position: top center;
}
body[data-route="blog_detail"] .pageMain{
    background-image: url(/images/alfa-blog.png);
    background-repeat: repeat-x;
    background-position: top center;
    /*background-repeat: no-repeat;
    background-position: 66% -5%;
    background-size: contain;*/
}
body[data-route="blog"] footer .footer-bg,
body[data-route="blog_detail"] footer .footer-bg{
    background: url(/images/banner-contactus-al-footer-1600x500px.jpg) bottom no-repeat;
    background-size: cover;
    padding-top: 250px;
}
@media (min-width: 992px){
    .blog-news{
        margin-bottom: 76px;
        margin-block: 20px;
    }
}
@media (min-width: 992px){
    .news-card{
        margin-bottom: 0;
    }
}
.blog-news{
    font-size: 20px;
    font-weight: 500;
    color: var(--c-pink-4);
    margin-block: 20px;
    padding-inline: 15px;
}
.sidebar{
    margin-top: 0;
    padding-block: 0 15px;
}
.sidebar .left-col-wrap{
    padding: 5px;
    background-color: white;
    margin-left: -5px;
    margin-right: -5px;
}
@media (min-width: 992px){
    body[data-route="blog"] .left-col-wrap{
        margin-top: 80px;
    }
    .sidebar .left-col-wrap{
        max-width: 260px;
    }
    .blog-news{
        font-family: var(--f-primary), serif;
        font-size: 36px;
        font-weight: 400;
        padding-inline: 0;
    }
}
.sidebar .sup-head-label{
    text-transform: uppercase;
    display: flex;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .1em;
    margin-bottom: 15px;
    color: var(--c-grey-7);
    align-items: baseline;
}
.sidebar .sup-head-label .back{
    margin-right: 10px;
}
.sidebar .resetfilters{
    margin-top: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--f-primary), serif;
    color: var(--c-pink-4);
    letter-spacing: .15em;
    font-weight: 500;
    transition: color .2s ease;
    &:hover{
        color: var(--c-grey-7);
    }
}
.sidebar .head-label{
    margin-bottom: 30px;
    font-family: var(--f-primary), serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: .1em;
    color: var(--c-pink-4);
    text-transform: uppercase;
}
.sidebar .contactMenu{
    margin-bottom: 0;
}
.filters{
    margin-bottom: 30px;
}
.filters .head{
    padding-bottom: 10px;
    padding-left: 5px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
    font-family: var(--f-secondary), serif;
    font-size: 11px;
    font-weight: 500;
    color: var(--c-grey-7);
    letter-spacing: .15em;
}
.filters .main.tag-container{
    height: auto;
    padding: 10px 0 30px;
    display: flex;
    flex-wrap: wrap;
}
.filters .acc{
    margin-bottom: 20px;
}
.filters .acc div.tag-container{
    height: 0;
    display: none;
    transition: all 0.5s ease;
}
.filters .acc.active div.tag-container{
    height: auto;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.filters .acc .arr{
    max-width: 15px;
    transition: all 0.5s ease;
    /*filter: invert(96%) sepia(0%) saturate(5385%) hue-rotate(290deg) brightness(124%) contrast(83%);*/
    transform: rotate(180deg);
}
.filters .acc.active .arr{
    transform: rotate(0deg);
}
.filters div span.tag{
    cursor: pointer;
    padding: 6px 10px;
    margin: 0 5px 5px 0;
    background-color: #f5f5f5;
    color: var(--c-grey-7);
    font-family: var(--f-secondary), serif;
    line-height: 10px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .15em;
    transition: all 0.2s ease;
    &:hover, &.active{
        background-color: #dcdcdc;
    }
}
/*.filters div span.tag.active{*/
/*    background-color: #dcdcdc;*/
/*}*/
.filters .color-filter .title{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .15em;
    font-family: var(--f-primary), serif;
    color: var(--c-pink-4);
}
.filters .color-filter .color-list{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.filters .color-filter .color-list .color{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #fff;
    transition: all 0.5s ease;
    cursor: pointer;
}
.filters .color-filter .color-list .color.color-white{
    border: 2px solid #efefef;
}
.filters .color-filter .color-list .color.selected{
    box-shadow: 0 0 1px 1px #adabab;
}
@media (max-width: 768px){
    .filters{
        display: none;
    }
    .filters.active{
        display: block;
    }
}
@media (min-width: 768px){
    #btn-toggle-filters-mobile{
        display: none;
    }
    .filters{
        display: block !important;
    }
}
.related-post{
    background-color: #fbfbfb;
    font-family: var(--f-primary), serif;
    text-align: center;
    padding: 10px;
    margin-block: 30px 45px;
}
.related-post .title{
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .1em;
    text-align: center;
    margin-block: 10px 15px;
    color: var(--c-grey-4);
}
.related-post img{
    max-width: 100%;
}
.related-post .related-post-label{
    font-family: var(--f-secondary), serif;
    text-transform: uppercase;
    color: var(--c-grey-7);
    display: block;
    padding: 20px 0 15px;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .15em;
    margin-block: 1rem 0;
    text-align: center;
    transition: color .2s ease;
}
.related-post .related-post-label:hover{
    color: var(--c-pink-4);
}
.bg-white{
    background-color: white;
}
.news-card{
    margin-bottom: 100px;
}
.bg-news-card{
    display: block;
    width: 90%;
    position: relative;
    padding: 20px 16px;
    background-color: white;
    margin: 0 auto;
    text-align: center;
}
.img-responsive + .bg-news-card{
    margin: -45px auto;
}
.news-date{
    font-family: var(--f-primary), serif;
    font-size: 16px;
    color: var(--c-grey-7);
}
.news-separator{
    margin-block: 0;
}
.news-separator p{
    width: 10%;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    margin: auto;
}
.news-title{
    font-family: var(--f-primary), serif;
    font-weight: 400;
    font-style: italic;
    font-size: 21px;
    line-height: 1.1;
    color: var(--c-pink-4);
    margin-bottom: 16px;
}
@media (min-width: 992px){
    .news-title{
        font-size: 26px;
        line-height: 1.1;
    }
}
.news-subtitle{
    margin-bottom: 16px;
    font-size: 12.5px;
    line-height: 25px;
    color: var(--c-grey-7);
}
.news-content{
    margin-top: 60px;
    padding-bottom: 60px;
    padding-inline: 20px;
    color: var(--c-grey-7);
}
.news-tag-list{
    color: #969696;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 25px;
    letter-spacing: .15em;
    font-weight: 400;
    transition: color .2s ease;
}
.news-tag-list > span:not(:first-child):before,
.news-tag-list > span + .color-filter-detail:before{
    content: ' - ';
    color: #969696
}
.color-filter-detail{
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.color-filter-detail .color{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid white;
    transition: all 0.5s ease;
    cursor: pointer;
}
.blog-list-cnt.isotope-grid .grid-item,
.blog-list-cnt.isotope-grid .grid-sizer{
    width: 100%;
}
@media (min-width: 992px){
    .blog-list-cnt.isotope-grid .grid-item,
    .blog-list-cnt.isotope-grid .grid-sizer{
        width: 50%;
        padding: 0 .25rem;
    }
}