.details-content .header{
    height: 400px;
}

/*Titulo da noticia*/
.notice-details-title{
    font-size: 50px;
    font-weight: 600;
    color: #000;
    text-align: center;
    padding: 20px;
}
.notice-details-image{
    margin-top: 25px;
}
.data-noticia{
    padding-left: 30px;
    font-size: 15px;
    font-weight: 300;
    color: #9e9e9e;
}

/*Detalhes das noticias*/
.details-content .row{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}
.notice-details-header{
    background-color: #f5f5f5;
    padding: 80px;
}

/*Imagens da Noticia*/
.notice-details-image {
    padding-top: 40px;
    padding-bottom: 40px;
}

/*Notice Call*/
.notice-call{
    text-align: center;
}
.notice-call h3{
    font-size: 30px;
    color: #696969;
}

/*Share*/
.share,
.latest-news{
    padding-left: 10px;
    border-left: solid 2px #004077;
}
.share h3,
.latest-news h3{
    font-size: 25px;
}
.share img{
    width: 30px;
}
.share .row .col li{
    float: left;
    padding: 8px;
}


/*Notice-text*/
.notice-text{
    padding-left: 30px;
    padding-right: 30px;
}

/*Images*/
.details-content .notice-img{
    text-align: center;
    margin-top: 50px;
}
.details-content .notice-img img{
    border-radius: 4px;
}

/*Latest news*/
.latest-news{
    padding-left: 38px;
}
.latest-news .card{
    height: 180px;
    width: 80%;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.latest-news .card-content{
    position: absolute;
    bottom: 0px;
    background: linear-gradient(180deg, transparent 0, #000 100%);
    height: 50%;
    width: 100%;
    border-radius: 8px;
}

.latest-news .card-title{
    font-size: 15px;
    color: #fff;
    max-width: 50ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.latest-news .data{
    font-weight: 200;
    color: #fff;
}

.btn-ver-todas{
    background-color: #004077;
    text-transform: none;
    border-radius: 6px;
    box-shadow: none;
}
.btn-ver-todas:hover{
    background-color: #004077;
}

/*Comments Area*/
.comments-area{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
}

.comments-area .btn-comment .btn{
    margin-left: -25px;
}

.comments-area .title{
    margin-left: -10px;
}

.comments-area .row .col > form,
.comments-area .row .col > input{
    margin-left: -40px;
    margin-top: -50px;
}
.comments-area .row .col > label{
    margin-left: -40px;
}

/*Card Comments Area*/
.card-comments-area{
    margin-top: 50px;
}
.card-comments-area .card{
    padding: 5px;
    border-radius: 6px;
    box-shadow: none;
    background-color: #f5f5f5;
    margin-left: -10px;
}
.card-comments-area .card-content p{
    margin-top: 25px;
    margin-left: 60px;
}
.user {
    position: absolute;
    top: 35px;
    left: 90px;
    font-family: Raleway, Arial, sans-serif;
}
.time-comment{
    position: absolute;
    top: 65px;
    left: 90px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 15px;

}

.profile-photo{
    width: 50px;
    height: 50px;
    padding: 5px;
}

/*Btn*/
.btn-comment .btn{
    margin: 8px;
    box-shadow: none;
    border-radius: 6px;
    background-color: #004077;
    text-transform: none;
    margin-left: -35px;
}