#manchetes-colunistas{
    margin-bottom:30px;
}

#manchetes-colunistas.template-3{
    margin-top:30px;
    margin-bottom: 0;
}

#manchetes-colunistas > .container{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#manchetes-colunistas.template-3 > .container{
    border-bottom: 0;
}

#manchetes-colunistas .manchetes-colunistas-slider-wrapper{
    display: block;
}

#manchetes-colunistas .site-card{
    margin:20px 0 10px 0;
    height: auto;
}

#manchetes-colunistas .site-card .card-image{
    overflow: hidden;
    background: transparent;
    margin-bottom:0;
}

#manchetes-colunistas .site-card .card-image .card-image-content{
    border-radius: 0 0 50% 50%;
}

#manchetes-colunistas .site-card .card-image .card-image-src{
    background-position: top;
    background-size: 120%;
}

#manchetes-colunistas .site-card.card-format-video .card-image-overlay{
    display: none;
}

#manchetes-colunistas .site-card .card-text{
    padding-left:10px;
}

#manchetes-colunistas .site-card .card-hat{
    margin-bottom:10px;
}

#manchetes-colunistas .site-card .card-hat .hat{ 
    font-size: 16px;
    font-weight: 900;
    color: #333;
    padding: 0;
    border: 0;
}

#manchetes-colunistas .site-card .card-title .title .title-text {
    font-size: 14px;
}

#manchetes-colunistas .manchetes-colunistas-list-item{
    display: none;
}

#manchetes-colunistas .manchetes-colunistas-featured-item.manchetes-colunistas-list-item,
#manchetes-colunistas .manchetes-colunistas-featured-item-list .manchetes-colunistas-list-item{
    display: block;
}

#manchetes-colunistas .manchetes-colunistas-featured-item-list{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px; 
}

#manchetes-colunistas.template-1 #list-2{
    border-bottom: none;
    margin-bottom: 0;
}

#manchetes-colunistas .manchetes-colunistas-featured-item-list .manchetes-colunistas-featured-item-list-button{
    background-color: var(--nd-roxo);
    text-align: center;
    display: block;
    line-height: 30px;
    height: 30px;
    width:30px;
    font-size: 20px;
    color: #fff;
    margin: 0 auto;
    border-radius: 50%;
}

#manchetes-colunistas .manchetes-colunistas-featured-item-list .manchetes-colunistas-featured-item-list-content{
    overflow:hidden;
    transition:transform 0.3s ease-out;
    height:auto;
    transform:scaleY(1);
    transform-origin:top;
}

#manchetes-colunistas .manchetes-colunistas-featured-item-list .manchetes-colunistas-featured-item-list-content.hide-list{
    transform:scaleY(0);
}

/* coluna patrocinada */
#manchetes-colunistas .site-card.manchetes-colunistas-patrocinado .card-hat .hat{
    line-height: 18px;
    vertical-align: middle;
}
#manchetes-colunistas .site-card.manchetes-colunistas-patrocinado .card-hat::before{
    content: "Branded";
    display: block;
    clear: both;
    font-size: 10px;
    line-height: 18px;
    vertical-align: middle;
    background-color: var(--nd-roxo);
    padding: 0 8px;
    text-transform: uppercase;
    margin-right: 5px;
    width: auto;
    float: left;
    color: #fff;
    font-family: 'Roboto';
    border-radius: 9px;
}


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

    #manchetes-colunistas,
    #manchetes-colunistas.template-3{
        margin-bottom: 40px;
    }

    #manchetes-colunistas > .container{
        padding: 0 45px;
        position: relative;
    }

    #manchetes-colunistas.template-3 > .container{
        border-bottom: 1px solid #ddd;;
    }

    #manchetes-colunistas .manchetes-colunistas-slider-wrapper{
        display: flex;
    }

    #manchetes-colunistas .site-card:first-of-type,
    #manchetes-colunistas .site-card{
        margin: 30px 0;
    }

    #manchetes-colunistas .site-card .card-image{
        padding-right: 10px;
    }

    #manchetes-colunistas .site-card .card-text{
        padding-left: 0;
    }

    #manchetes-colunistas .manchetes-colunistas-slider-nav{
        position: absolute;
        top: 50%;
        font-size: 30px;
        display: block;
        line-height: 1;
        margin-top:-15px;
    }

    #manchetes-colunistas .manchetes-colunistas-slider-nav.manchetes-colunistas-slider-nav-left{
        left:0;
    }

    #manchetes-colunistas .manchetes-colunistas-slider-nav.manchetes-colunistas-slider-nav-right{
        right:0;
    }

    #manchetes-colunistas .manchetes-colunistas-slider-nav.swiper-button-disabled{
        color: #999;
    }

    #manchetes-colunistas .manchetes-colunistas-list-item{
        display: block;
    }

}