﻿
/******Articles******/
.general_article { /*color: #212121;*/ }
.general_article.light_color { color:#fff;}
    .general_article p { line-height: 140%; margin-bottom:15px; font-size: 1.15em; font-weight:400;}
    .general_article p ~ h2 {margin-top:30px; }
.general_article strong {font-weight:600; }
    .general_article h2 { font-size: 2em; display: block; margin-bottom: 20px; font-weight: 500; }
    .general_article h3 { font-size: 1.5em; display: block; margin-bottom: 15px; font-weight: 400; }
.general_article { }
    .general_article > ul, .general_article > ol { margin-bottom: 20px; padding-right: 20px; box-sizing: border-box; font-size: 1.2em; }
    .general_article > ol {padding-right:15px; }
        .general_article > ul > li { list-style-type: disc; }
    .general_article li { margin-bottom: 5px; position: relative; box-sizing: border-box; line-height: 120%; }
        .general_article li > img { width: auto; display: inline; margin: 0; }
    .general_article a { color: #39B0FF; }
        .general_article a:hover, .general_article a:focus { text-decoration: underline; }
    .general_article p strong { }
    .general_article img { width: 100%; margin-bottom: 10px; }

.general_article_bigger { }
    .general_article_bigger p { font-size: 1.5em;font-weight:300; }
.general_article.all_inline p {display:inline; }
/******End Articles******/

/****Article Item****/
.artilce_item { display: block;transition:all 0.5s ease-in-out; }
    .artilce_item:hover, .artilce_item:focus {background-color:#f7f7f7; }
    .artilce_item .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 1.9em; margin-bottom: 15px; color: #212121; }
    .artilce_item .content { height: 88px; overflow: hidden; }
        .artilce_item .content > * { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 120%; font-size: 1.2em; }
            .artilce_item .content > *:not(:nth-of-type(1)) { display: none; }
    .artilce_item .image { padding-bottom: 75%; margin-bottom: 23px; }
/*    .artilce_item .article_read_more { text-align: left; color: #86AB1D; margin-top: 5px; font-size: 1.15em; }
        .artilce_item .article_read_more > span { font-weight: 500; }*/
/****End Article Item****/

/****Tag Item****/
.blog_tags { }
    .blog_tags > ul {display:flex;justify-content:center;flex-wrap:wrap; }
.blog_tags > ul > li { margin-left:10px;margin-bottom:10px;}
.tag_item { display: block; color: #000000; border: 1px solid #000000; border-radius: 0; padding: 8px 5px; box-sizing: border-box; font-size: 1.2em; transition:all 0.5s ease-in-out;}
    .tag_item:hover, .tag_item:focus { color: #fff; background-color: #00539B; }

/****End Tag Item****/

/****Article Inner Page****/
.inner_main_image { }
    .inner_main_image > img { width: 100%; }
.share { font-size: 1.5em; }
.author { font-size: 0.8em; }

.inner_article .side_one { width: 100%; }

/****End Article Inner Page****/

@media only screen and (max-width : 1020px) {
    /****Article Inner Page****/
    .inner_article .side_one { width: 100%; margin-bottom: 20px; }
    .inner_article .side_two { width: 100%; padding-right: 0; }
    /****End Article Inner Page****/

    .artilce_item .title { font-size: 1.2em; }
    .artilce_item .content > * { font-size: 1em; }

    .general_article h2 { font-size:1.9em;}
}
