@charset "UTF-8";
/* CSS Document */
.blog-detail_content p{
	font-size: 2rem;
}
#blog-sidebar-categories, #blog-sidebar-header {
    font-size: 2rem;
}
#blog-article h2{font-size: 4rem;}
.blog-article_header-details, .blog-detail_header-wrapper {
    font-size: 1.25em;
}

#blog-article_header  h1, #blog-article_header .blog-article_detail-text, #blog-article_header .blog-article_header-detail.blog-article_header-detail--category a, #blog-article_header .blog-article_header-detail--category{color: white;}
.blog-article_title {
    font-size: 5rem;
	text-align: center;
	padding-bottom: 10px;
	color: var(--color-light);
}
.blog-article_text {
  display: -webkit-box;
  -webkit-box-orient: vertical; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  -webkit-line-clamp: 6; 
}
#blog-article_header {
    background-color: #1e4074;
    padding-top: 35px;
    padding-bottom: 35px;
}
#blog-article_header hr {
    border-top: 3px solid white;
    width: 7%;
	margin-top: 10px;
    margin-bottom: 25px;
}
.post-img, .blog-hero_img, .blog-aside_img, .post-content img {border:1px solid #e6e6e6;border-radius: 10px;width: 100%;}
.blog-aside_img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border: none;
}
@media (max-width: 991px) {
	.post-content {
    border: 1px solid lightgrey;
    padding: 0 20px;
    border-radius: 10px;
	}
#blog-article_header hr {
    border-top: 3px solid white;
    width: 7%;
    margin-top: 5px;
    margin-bottom: 10px;
}
}
  







.blog-block .information .title {
    color: #1d1d1f;
    font-size: 1.1em;
}
.blog-block .information p {
    color: #969696;
    font-size: 0.8em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-block .img-block img {
    height: 160px;
    width: 100%;
}
.blog-block .img-block {
    padding: 0;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}
.blog-block {
    border: 1px solid #d0d0d0;
    border-radius: 7px;
    box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), box-shadow 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
    will-change: transform;
}
.blog-block:hover{
    box-shadow: 0 30px 35px -35px rgb(0 0 0 / 50%);
    transform: scale(1.05);
}
.blog-block .information {
    padding: 1.3333333333rem 1.4666666667rem;
}
.blog-icon {
    width: 60px;
    float: left;
    padding: 0px 10px 0px 0;
}
#blog-bottom {
    margin-top: -6em;
    padding: 8em 0 5em 0;
}
.blog-article_tags {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.blog-article_tag a {
    transition: opacity 0.25s ease-in-out;
    display: inline-block;
	margin-right: 5px;
    border-radius: 4px;
    border: 1px solid currentColor;
    padding: 0 15px;
    line-height: 2;
    color: currentColor;
    opacity: 0.8;
}
.blog-article_tag a:hover {
    background-color: #1e4074;
    color: white;
	opacity: 1;
}
.blog-article img {
    transition: border-color 0.25s ease-in-out;
    border: 1px solid #003178;
}
.blog-share.blog-share--list {
    margin-left: 30px;
}
.blog-article_footer {
    margin-top: 10px;
}
li.blog-pagination_item.next {
    padding-left: 10px;
}
li.blog-pagination_item.prev {
    padding-right: 10px;
}
li.blog-pagination_item.next,
li.blog-pagination_item.prev,
li.blog-pagination_item.next a,
li.blog-pagination_item.prev a {
    color: #999999;
}
li.blog-pagination_item.next,
li.blog-pagination_item.prev,
li.blog-pagination_item.pages {
    float: left;
    line-height: 2em;
    text-align: center;
}
li.blog-pagination_item.pages,
li.blog-share_item.blog-share_item--twitter,
.blog-article_header-detail--category {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 0 10px;
}
ul.blog-pagination_list,
ul.blog-sidebar_link-list,
.blog-sidebar,
.blog-article_tag-list {
    list-style: none;
}
.blog-share_heading {
    float: left;
}
.blog-share_list {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.blog-share_item {
    transition: opacity 0.25s ease-in-out;
    position: relative;
    display: block;
    min-width: 30px;
    min-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 30px;
    color: currentColor;
    position: relative;
    float: left;
    text-align: center;
}

#blog-sidebar-header,
#blog-sidebar-posts,
#blog-sidebar-categories {
    padding: 15px 10px;
    background-color: #f3f3f3;
    border: 1px solid #e6e6e6;
}
#blog-sidebar-categories:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#blog-sidebar-categories h3 {
    font-size: 3rem;
    font-weight: 700;
}
#blog-sidebar-header{
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.collapse-title:after {
    transition: all 0.25s ease-in-out;
    content: "\f106";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 0.5rem;
    opacity: 0.5;
}
.read-more-wrap,
.read-more-wrap-2,
.read-more-wrap-3,
.read-more-wrap-4,
.read-more-wrap-5,
.blog-sidebar {
    margin: auto;
    padding: 0;
    text-indent: 14px;
}


@media (max-width: 991px) {
	#blog-article_header {margin-top: 75px;}
	#blog-sidebar-categories:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
    .vertical-center-sm-reset {
        min-height: auto !important;
        display: -webkit-block !important;
        display: -ms-block !important;
        display: block !important;
    }
}
#blog-content, #blog-content p, #blog-content h1, #blog-content h2,#blog-content h3,#blog-content h4,#blog-content h5,#blog-content h6,#blog-content .h1, #blog-content .h2,#blog-content .h3,#blog-content .h4,#blog-content .h5,#blog-content .h6, .blog-article_header-details, .blog-detail_header-wrapper, .blog-article_header-details h1, .blog-detail_header-wrapper h1, .blog-article_header h1, .blog-article_header-details h2, .blog-detail_header-wrapper h2, .blog-article_header-details p, .blog-detail_header-wrapper p, #blog-sidebar-categories h3, .blog-sidebar-categories, .blog-sidebar-categories > a, #blog-sidebar-categories, #blog-sidebar-header{font-family:'Open Sans, Arial';}