/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-05-2020, 12:51:34
    Author     : nikolajkamstrup
*/

.panel-article:hover{
    background-color: #fafafa;
    cursor: pointer;
}
.panel-article .category {
    margin-top: -10px;
    text-align: right;
}
.panel-article .tags {
    margin-bottom: -10px;
    text-align: right;
}
.panel-article .article-subtitle {
    height: 80px;
}
.panel-article h2 {
    height: 60px;
    font-size: 24px;
}
.panel-article {
    margin-bottom: 50px;
}

.page-header-blog h1 > small {
    display: block;
    margin-top: 15px;
    font-style: italic;
    font-size: 50%
}
.subtitle {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}
.lead-blog p {
    margin: 20px 0;
}
.lead-blog img {
    border: 2px solid #ccc;
    width: 100%;
    margin: 20px 0;
}
@media (min-width: 992px) {
    .lead-blog {
        font-size: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .panel-article .article-subtitle {
        height: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .panel-article .article-subtitle {
        height: 50px;
    }
    .panel-article h2 {
        height: 30px;
    }
}
@media(max-width: 767px) {
    .panel-article .article-subtitle {
        height: auto;
    }
}