* {
    box-sizing: border-box;
}

a {
    cursor: pointer;
}

/* STRUTTURA */

html, body {
    min-height: 100%;
}

.page-content {
    overflow: auto;
}

/* NOTIFICA */

.notify {
    padding: 20px;
    margin-bottom: 15px;
}

.notify.alert {
    background-color: #f44336;
    color: white;
}

.notify.warn {
    background-color: #ff9800;
    color: white;
}

.notify.succ {
    background-color: #4caf50;
    color: white;
}

.notify.info {
    background-color: #2196f3;
    color: white;
}

.notify-closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.5s;
}

.notify-closebtn:hover {
    color: black;
}

/* BOTTONI */

.btn-fullwidth {
    width: 100%;
}

/* HOME CARD */

.home-news-card {
    position: relative;
    height: 300px;
    /*overflow: hidden;*/
    box-shadow: 0 2px 8px #8b8b8b;
    border-radius: 0;
    border: 0px;
}

.homecard-imagecont {
    height: 300px;
    overflow: hidden;
}

.homecard-img {
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
    min-height: 300px;
}

.card:hover .homecard-imagecont img {
    transform: scale(1.1);
}

.card .homenews-content{
    width: 100%;
    position: absolute;
    padding: 20px 20px 10px 20px;
    background: transparent;
    transition: 0.5s;
    bottom: 0;
    z-index: 2;
}
.card .post-header{
    color: #fff;
}
.card .hnc-layer{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: 0.5s;
    background-image: linear-gradient(transparent, #000);
    opacity: 0.3;
}
.card:hover .hnc-layer{
    transition: 0.5s;
    opacity: 0.75;
}
.card .hnc-catbox{
    color: #fff;
    position: absolute;
    z-index: 3;
    margin: 10px 20px;
    padding: 0 0 0 8px;
    border-left: 3px solid white;
}
.homenews-content .post-time, .homenews-content .post-author{
    color: #fff;
}

.homenews-content .post-title-link{
    color: white;
    text-decoration: unset;
}

/* ARTICOLI */

.article-img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}