
.BlogView .post_container>.block--boxed{
    padding: 0px 15px;
}
.main .breadcrumbs{
    padding: 0px 35px;
}

.article__preview>a{
	text-decoration:none;
}

.block__header{
    margin: 0px;
    padding: 20px;
    text-align: left;
    border-bottom: 3px solid rgba(0,0,0,.06);
}

.blog_container {
    flex: none;
    max-width: none;
    width: 100%;
}

.article__body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.post_container__body .block__description{
    padding: 20px;
}

.blog_container__boxed{
    border: 0px;
    background-color: transparent;
    padding: 14px;
}

.article_list{
    padding: 40px 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.announcement-list  .article_item{
    margin: 20px 20px;
    height: auto;
    max-width: none;
    flex: 0;
}

.announcement-list  .article_list{
    flex-direction: row;
}

.news-item .article__body{
    justify-content: flex-start;   
}

.BlogView .article_list .article__preview{
    width: 300px;
    margin: 20px 16px;
    min-height: 330px;
    height: auto;
}

.BlogView .article_list .article__preview:first-child,
.BlogView .article_list .article__preview:nth-child(5n){
    margin-left: 0px !important;
}

.BlogView .article_list .article__preview:nth-child(4n){
    margin-right: 0px !important;
}

.news-item .article__info_item{
    margin: 0px;
    flex: none;
}

.news-item .article__info{
    justify-content: flex-end;
}

.announcement-list .article__preview{
    height: auto;
    position: static !important; 
    width: 290px;
    min-height: 100%;
    border-radius: 8px;
    background-color: #eef3f5;
    margin: 0px 15px 20px;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 10%);
}

.announcement-list .article__preview:hover{
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%);
}

.announcement-list .advertisement_date{
    color : #cccccc;
    padding-bottom: 5px;
    display: flex;
}


.announcement-list .article_list .article__title{
    font-weight: 500;
    font-size: 16px;
    padding: 0px;
    /* padding-bottom: 0px; */
    justify-content: space-between;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

.announcement-list .article_list .article__title.theme_link--color{
    color: #224f91;
    text-decoration: none;
    display: inline-block;
 	height:100%;
 	width:100%;
}

.announcement-list .article_list .article__title.theme_link--color:hover{
    color: #fac12a;
}

.announcement-list .article__body{
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: none;
    min-height: 200px;
    justify-content: space-between;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
} 

.announcement-list .fn_articles_slide .article__image{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
}

.announcement-list .fn_articles_slide .article__image_link{
    height: 100%;
}

.announcement-list .fn_articles_slide .article__image img{
    height: 100%;
    object-fit: cover;
}

.announcement-list .fn_articles_slide .article__annotation p{
    margin: 0px;
}

.announcement-list .article__annotation{
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
}

.announcement-list .annotation-footer{
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    /* border-top: 2px solid #cccccc3d; */
}


.announcement-list .annotation-footer a{
    display: inline;
    color: #224f91;
    text-decoration: 2px underline #224f91;
    transition: 0.5s;
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
}
.announcement-list .annotation-footer a:hover{
    color: #fac12a;
    text-decoration: 2px underline #fac12a;


}
