/* custom css */
#app, div[data-reactroot] {
    height: 100%;
}

.main-nav  a.active{
    color: #e9403d;
}

.add-nav a.active{
    color: #e9403d;
}

.article-detail {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.article-detail:hover {
    text-decoration: none;
}

.article-detail img {
    padding: 30px 20px 20px 20px;
}

.article-detail span.link {
    color: #37489b;
}

.article-detail span.source {
    margin-bottom: 10px;
    display: block;
    color: #b8b8b8;
}

.article-detail h1 {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 20px;
}

.article-detail p {
    padding-right: 10px;
    font-size: 15px;
}

.middle-columns .block-left .time {
    margin: -3px 0 12px;
}

.post .visual h3 {
    font-size: 15px;
    line-height: 27px;
}

.text-block.news-detail {
    padding-left: 24px;
    padding-bottom: 25px;
    padding-top: 13px;
    padding-right: 50px;
}

.text-block.news-detail h1 {
    font-size: 23px;
    line-height: 25px;
}

.list-news.list-news-online .text {
    font-weight: bold;
    font-family: "PT Sans";
}

.four-blocks.main-daily {
    padding: 20px;
}

.four-blocks.main-daily .post {
    padding-bottom: 20px;
}

.four-blocks.main-daily .visual {
    height: 165px;
}

.news-detail-wrapper {
    border-top: 5px solid #f5f5f5;
}

.four-blocks.main-daily {
    border-top: 5px solid #f5f5f5;
}

.four-blocks.main-daily h3 {
    font-family: "PT Sans Narrow";
    font-size: 17px;
}

.four-blocks.main-daily .time {
    font-family: "PT Sans"
}

.article-detail p {
    font-size: 14px;
    line-height: 20px;
}