/*ARTICLE NEWS*/
.article {
    font-size: 0.969rem;
}
.article a:not(.event-heading) {
    font-size: 0.969rem;
}
.article h3, .article h2, .article h4 {
    font-size: 1.313rem!important;
    font-weight: bold!important;
    margin: 10px 0!important;
}

.article h3:hover, .article h2:hover, .article h4:hover {
    color:#478087!important;
}

.article h3:hover a:not(.event-heading), .article h2:hover a:not(.event-heading), .article h4:hover a:not(.event-heading) {
    color:#478087!important;
}

.article h3 a:not(.event-heading), .article h2 a:not(.event-heading), .article h4 a:not(.event-heading) {
    font-size: 1.313rem;
    color: #000000;
}
.article p {
    line-height: 1.4rem!important;
}
.article-full p a {
    font-size: 1rem;
}
.article-full {
    font-size: 1rem;
}
.article-full p {
    line-height: 1.1rem;
}
.article-full ul {
    padding-left: 20px;
}
.article-full ul li {
    list-style: initial;
    margin-bottom: 20px;
}
.article-full ul li::marker {
    color: #478087;
}
.article a img {
    transition: width 0.2s ease-in-out 0.2s;
}

.article .article-content {
    margin-left: 8px;
}
.article .article-image {
    height: 210px;
    overflow: hidden;
}
.article .article-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.article .article-date {
    margin-top: 4px;
    font-size: 0.844rem;
    color: #898681;
}
.article .article-details ul {
    display: flex;
    justify-content: flex-start;
    margin-left: 30px;
    margin-top: 20px;
    flex-direction: column;
}
.article .article-details ul li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

/*ARTICLE GRID */
.article.article-grid .article-date {
    margin-top: 20px;
}

/*ARTICLE BIG 7c*/
.article.article-big .article-image {
    height: 380px;
}
.article.article-big .article-details ul {
    flex-direction: row;
}
.article.article-big .article-details ul li {
    position: relative;
    margin-right: 50px;
}
/*ARTICLE SMALL 5c*/
.article.article-small .article-image {
    height: 92px;
}
.article.article-small .article-content h3, .article.article-small .article-content h2, .article.article-small .article-content h4 {
    margin-top: 0;
}

@media only screen and (max-width: 1024px) {
    .article .article-date {
        margin-top:15px!important;
    }
    .home .article p {
        display: none!important;
    }
    .article.article-big .article-details ul {
        flex-direction: column;
    }
    .article.article-big h3 a{
        font-size: 1.313rem!important;
    }
    .article.article-big .article-image {
        height: 210px!important;
    }
}