@import "default";


.noticias{
    &:hover a{
        .opacity(.6);
    }
    a{
        .transition;
        color:@mid-blue;
        .font;
        margin-top:5px;
        margin-bottom:5px;
        text-decoration:none;
        span{
            display:block;
        }
        .date{
            margin:5px 0;
            font-size:12px;
            font-weight: bold;
        }
        .title{
            font-size:13px;
            margin-top:5px;
            line-height: 1.2;
            height:100px;
            color:#777;
        }        
        &:hover{
            .opacity(1);
        }
    }
}

.noticia{
    &>h1{ margin-bottom:20px; }
    .font;
    font-size:12px;
    color:#888;
    line-height:1.5;    
    h1.title{
        color:@mid-blue;
        font-size:14px;
        font-weight:600 !important;
        span{
            display:block;
            &.date{
                font-weight:300;
                margin-bottom:10px;
                font-size:14px;
                color:#999;
            }
        }
    }
    div.image{
        display:table;
        position:relative;
        margin-bottom:30px;
    }
    p{
        margin-top:30px;
        display:block;
        position:relative;
    }
    
    div.videos,div.images{
        margin-bottom:30px;
        display:block;
        position:relative;
        a{
            margin:7px;
            float:left;
        }
    }

}

.noticias-sidebar{
    h1{
        margin-bottom:30px;
    }
    ul{
        li{
            border-bottom:1px solid #DDD;
            padding:20px 0;
            display:block;
            &:last-child{
                border:none;
            }
            a{
                .font;
                color:#777;
                font-size:12px;
                text-decoration:none;
                display:block;
                &:hover{
                    color:@mid-blue;
                }
                span{
                    display:block;
                    &.date{ color:@blue; font-size:11px; margin-bottom:10px; }
                    &.title{ font-size: 13px; }
                }
            }
        }
    }
    
    .more{
        .font;
        font-size:15px;
        font-weight:600;
        color:@mid-blue;
        text-decoration:none;
        margin-top:30px;
        display:block;
    }
}

.social{
    padding:20px 0;
}