.banner-blog-single .thumb {float: left; width: 100%; overflow: hidden;position: relative}
.banner-blog-single .thumb .filter-opacity {
    position: absolute;
    background-color: #9d8e83;
    z-index: 1;
    mix-blend-mode: multiply;
    width: 100%;
    height: 900px;
}
.banner-blog-single .thumb img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 900px;
}
.banner-blog-single .thumb  .bg-title-post {
    z-index: 2;
    position: absolute;
    margin: 0 auto;
    top: 60%;
    left: 50%;
    padding: 48px 100px;
    background: linear-gradient(253.09deg, rgba(217, 217, 217, 0.25) -7.53%, rgba(217, 217, 217, 0) 97.04%);
    border: 1px solid;
    border-image-source: linear-gradient(246.16deg,rgba(253,250,250,.25) 4.55%,rgba(255,251,251,.25) 39.51%);
    backdrop-filter: blur(25px);
    border-radius: 6px;
    transform: matrix(1,0,0,1,0,0) translate(-50%,-50%);
}
.banner-blog-single .thumb  .bg-title-post .banner-title-post{
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    text-align: center;
    color: #FFFFFF;
}

.post-info{ padding-top: 100px;}
.post-info .post-info-details{display: flex;align-items:center;gap: 24px;font-weight: 500;font-size: 14px;line-height: 1em;word-spacing: 0.6px}
.post-info .post-info-details time, .post-info .post-info-details span {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #998C8C;
}
.post-info .post-info-details span {
    font-weight: 300;
}
.post-info .post-info-details time i{
    background:  #998C8C;
}
.post-info .post-info-details time {display: flex;align-items: center; gap: 8px}
.post-info hr {margin: 64px auto}

.list-tag ul li .tag-post{
    font-size: 10px; font-weight: 700;
    line-height: 1em; text-transform: uppercase;
    padding: 7px 10px 3px 10px; border: 1px solid #E5E5E5; border-radius: 5px
}
.post-info .list-cat .cat {
    color: white;
    font-size: var(--text);
    font-weight: 700;
    background: var(--secondary-color);
    border-radius: 100px;
    padding: 4px 15px;
}
.post-info .list-cat .cat:hover {
    color: var(--secondary-color);
    font-size: var(--text);
    font-weight: 700;
    background: white;
    border-radius: 100px;
    padding: 4px 15px;
    border: 1px solid var(--secondary-color);
}
.post-info-line{padding: 0;}
.post-info-line hr{height: 2px;background-color: #BCBCBC;border: none;margin: 3.5em auto 5em auto;}

main .post-info h2.title-post{
    padding: 18px 0 28px 0;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 32px;
    color: var(--primary-color);
}
main article p, .inner-post p:not([class*="-color"]){
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-color);
}
main article blockquote *:not([class*="color"]):not(:is(h2,h3,h4,h5)){
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color:  var(--primary-color);
}

main aside{margin-bottom: 60px}
.inner-post{padding-bottom: 4rem; }
/*.inner-post *:not([class*="has-title"]):not([class*="font-size"]){font-size: var(--text)}*/
:is(h1, h2, h3):not([class*="has-title"]){font-size: var(--wp--preset--font-size--title);text-transform: initial;}
.inner-post :is(h2, h3, h4, h5, h6){padding: 1em 0}
.inner-post h1:not([class*=font-size]) {font-size: 40px;}
.inner-post h2:not([class*="font-size"]){font-size: var(--wp--preset--font-size--title-large)}
.inner-post h3:not([class*="font-size"]){font-size: var(--wp--preset--font-size--title-medium)}
.inner-post h4:not([class*="font-size"]){font-size: var(--wp--preset--font-size--title-small)}
.inner-post h5:not([class*="font-size"]){font-size: 20px}
.inner-post h6:not([class*="font-size"]){font-size: 18px}
.inner-post :is(ul, ol){margin-bottom: 20px; margin-left: 30px}
.inner-post li{list-style: unset}
.inner-post hr{margin-bottom: 20px}
.inner-post img{margin: 20px 0; display: block}


    /*main aside{margin-bottom: 60px}*/
/*.inner-post{padding-bottom: 4rem; }*/
/*.inner-post *:not([class*="has-title"]):not([class*="font-size"]){font-size: var(--text)}*/
/*.inner-post *:not([class*="color"]):not(:is(h2,h3,h4,h5)){color: #495057}*/
/*.inner-post :is(h2,h3,h4, h5):not([class*="-color"]){color: var(--color-pink) }*/
/*.inner-post h2:not([class*="font-size"]){font-size:  var(--title)}*/
/*.inner-post h3:not([class*="font-size"]){font-size:  28px}*/
/*.inner-post h4:not([class*="font-size"]){font-size:  24px}*/
/*.inner-post h5:not([class*="font-size"]){font-size:  var(--text-small)}*/
/*.inner-post :is(ul, ol){margin-bottom: 20px; margin-left: 30px}*/
/*.inner-post a:not([class*="-color"]){color: var(--color-purple)}*/
/*.inner-post li{list-style: unset}*/
/*.inner-post hr{margin-bottom: 20px}*/
/*.inner-post img{margin: 20px 0; display: block}*/

.content-bottom{margin-top: 5em}
.content-bottom hr{margin: 3.5em 0;height: 2px;background-color: #BCBCBC;border: none;}
.content-bottom .bts-share-bottom{display:flex; justify-content: flex-end;margin: 3px 0;}
.content-bottom .cat-row {display: flex; gap: 14px}
.content-bottom .cat-row a.cat-bottom {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--primary-color);
}
.content-bottom .cat-row a.cat-bottom:hover {
    background-color: var(--secondary-color) ;
    color: var(--white-color);
}
.bts-share-bottom{display: flex;gap: 14px;top: 60px}
.bts-share-bottom a{width:20px; height: 20px; display: flex; align-items: center; justify-content: center }
.bts-share-bottom a i, .bts-share-bottom button i  {background: var(--primary-color)}
.bts-share-bottom a i:hover, .bts-share-bottom button i:hover{background: var(--secondary-color)}

/*Share btn*/
.bts-share{
    margin-top: 100px;
    position: sticky;
    top: 124px;
    background: var(--tertiary-color);
    border-radius: 8px;
    padding: 40px 32px;
    height: 100%;
    /*transform: scale(0);*/
}
/*.bts-share.in {display: grid; transition: all .3s ease;transform: scale(1);}*/
.bts-share p{
    font-weight: 700;
    font-size: 14px;
    color: var(--primary-color);
}
.bts-share a, .bts-share button{
    font-weight: 500;
    font-size: 14px;
    color: var(--primary-color);
    margin: 32px 0 0;
    display: grid;
    grid-template-columns: 40px 200px;
    align-items: center;
    justify-items: start;
}
.bts-share a i, .bts-share button i{background: var(--primary-color); margin-right: 6px}
.bts-share a:hover, .bts-share button:hover{color: white;}
.bts-share a:hover i, .bts-share button:hover i{background: white;}

/*VEJA MAIS SECTION*/
.list-blog-single{
    background-color: var(--tertiary-color);
    padding: 75px 0 75px;
    margin: 0 auto;
}
.list-blog-single .recent-posts-title{
    padding-bottom: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-blog-single .recent-posts-title h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #181717;
}
.list-blog-single .recent-posts-title h3 strong{
    font-weight: 700;
    font-size: 32px;
    letter-spacing: .42em;
    color: var(--primary-color);
    text-transform: uppercase;
}
.list-blog-single .recent-posts-title p{
    color: white;
}

.list-blog-single .row{
    row-gap: 4em;
}


@media screen and (max-width: 1200px) {
    .banner-blog-single .thumb .bg-title-post {
        width: 85%;
        padding: 48px;
    }
}

@media screen and (max-width: 991px) {
    .banner-blog-single .thumb .bg-title-post .banner-title-post {
        font-size: 32px;
        line-height: 40px;
    }
    .post-info hr {margin: 40px auto;}
    .bts-share{display: none}

    .content-bottom{margin-top: 2em}
}

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

    .filters .list-categories{display: none}
    .filters .filter-mobile{display: flex}


    .banner-blog-single .thumb{padding-bottom: 0}
    .banner-blog-single .thumb img{position: static}
    .banner-blog-single .card-blog-destaque{top: 0; width: 100%; margin-top: 0; padding-bottom: 0; position: static}
    .banner-blog-single time{padding-left: 2rem; }

    .inner-post h3:not([class*="font-size"]){font-size:  26px}
    .inner-post h4:not([class*="font-size"]){font-size:  23px}


    form.search-form button{min-width: 36px;width: 36px;height: 36px;}
    }

@media screen and (max-width: 600px){
    .banner-blog-single .thumb .bg-title-post {
        width: 100%;
        padding: 48px 16px;
    }
}

@media screen and (max-width: 400px){
    .post-info{
        flex-direction: column;
        align-items: flex-start;
    }
    .post-info .list-cat{
        margin-top: 24px;
    }
    .content-bottom .list-tag ul{
        display: flex;flex-direction: column;
    }
}