/* Layout 5 dos destaques do site */

/* card principal - modelo 1*/
#layout-5 .layout-5-manchete-1{
    margin-bottom:15px;
}

#layout-5 .layout-5-manchete-1 .card-image .card-play-icon{
    left:15px;
    bottom:15px;
}

#layout-5 .layout-5-manchete-1 .card-image .card-play-icon .icon-play{
    font-size: 45px;
}

#layout-5 .layout-5-manchete-1 .card-image .card-play-icon .title-duration{
    font-size:20px;
    line-height: 40px;
}

#layout-5 .layout-5-manchete-1 .card-image,
#layout-5 .layout-5-manchete-1 .card-hat{
    margin-bottom:10px;
}

#layout-5 .layout-5-manchete-1 .card-text{
    margin-bottom: 15px;
}

#layout-5 .layout-5-manchete-1 .card-title .title .title-text{
    font-size:24px;
}

#layout-5 .layout-5-manchete-1 .card-resume .resume{
    font-size:16px;
    line-height: 1.3;
}

#layout-5 .layout-5-manchete-1 .card-related ul li a{
    font-size:14px;
    line-height: 1.25;
}

/* card secundario modelo 2 */
#layout-5 .layout-5-manchete-2{
    margin-bottom: 20px;
}

#layout-5 .layout-5-manchete-2:last-of-type{
    margin-bottom: 30px;
}

#layout-5 .layout-5-manchete-2 .card-text{
   /* padding-left: 15px;*/
	padding-top: 5px;
}

#layout-5 .layout-5-manchete-2 .card-title .title .title-text{
    font-size: 16px;
    font-weight: 400;
}

/* destaques projetos */
#layout-5 #home-destaque-projetos{
    margin-bottom: 20px;
}

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

    #layout-5 .layout-5-manchete-1 .card-related ul li a{
        font-size: 16px;
    }

    #layout-5 .layout-5-manchete-2 .card-title .title .title-text{
        font-size: 18px;
        line-height: 1.3;
    }   
    
}

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

    /* estruturas */
    #layout-5 .layout-5-manchetes-right{
        padding-left: 45px;
    }

    /* manchete modelo 2*/
    #layout-5 .layout-5-manchete-2{
        margin-bottom: 30px;
    }

}

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

    /* estruturas */
    #layout-5{
        margin-bottom: 40px;
    }

    #layout-5 .layout-5-manchetes-right{
        padding-left: 15px;
    }

    #layout-5 .layout-5-manchetes-left{
        padding-right: 55px;
    }

    /* card principal - modelo 1*/
    #layout-5 .layout-5-manchete-1{
        border:none;
        padding-bottom:0;
        margin-bottom:40px;    
    }

    #layout-5 .layout-5-manchete-1 .card-image{
        margin-bottom: 0;
        height: 100%;
    }

    #layout-5 .layout-5-manchete-1 .card-text{
        padding-left:15px;
    }

    #layout-5 .layout-5-manchete-1 .card-title .title .title-text{
        font-size:32px;
    }

    #layout-5 .layout-5-manchete-1 .card-resume{
        margin-bottom:20px;
    }
    
    #layout-5 .layout-5-manchete-1 .card-resume .resume{
        font-size:20px;
    }

    .site-card .card-related ul li{
        margin-bottom: 20px;
    }

    #layout-5 .layout-5-manchete-1 .card-related ul li a{
        font-size:18px;
        line-height:1.2;
    }

    #layout-5 .layout-5-manchete-1 .card-related ul li::before{
        top:9px;
    }

    /* manchete modelo 2*/
    #layout-5 .layout-5-manchete-2 .card-title .title .title-text{
        font-size: 20px;
        font-weight: bold;
        line-height: 1.2;
    }

}

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

    /* card principal - modelo 1*/
    #layout-5 .layout-5-manchete-1{
        padding-right:40px;
    }

    /* card manchete modelo 2 */
    #layout-5 .layout-5-manchete-2,
    #layout-5 .layout-5-manchete-2:last-of-type{
        margin-bottom: 40px;
    }

    #layout-5 .layout-5-manchete-2:nth-child(odd){
        padding-right: 20px;
    }

    #layout-5 .layout-5-manchete-2:nth-child(even){
        padding-left: 20px;
    }

}