@charset "UTF-8";
#recent-articles h3, #news h3 {font-size: 18px; font-weight: bold; padding-left: 25px; margin-bottom: 15px; }
/*.articles {padding-left: 0; width: 100%;*/
    /*-moz-column-count:4;*/
    /*-moz-column-gap: 4%;*/
    /*-moz-column-width: 25%;*/
    /*-webkit-column-count:4;*/
    /*-webkit-column-gap: 4%;*/
    /*-webkit-column-width: 25%;*/
    /*column-count: 4;*/
    /*column-gap: 4%;*/
    /*column-width: 25%;*/
  /*}*/
.art {list-style-type: none; display: inline-block; margin-bottom: 10px; border-radius: 5px; border:1px solid #dadada; }
.art:hover {
    background: #f9f9f9;
    /* -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2); */
    -webkit-transition: background 100ms linear;
    -moz-transition: background 100ms linear;
    -o-transition: background 100ms linear;
    -ms-transition: background 100ms linear;
    transition: background 100ms linear;
}
img.art-img { width: 100%; height: auto; border:1px solid #dadada; border-radius: 100%; display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 15px; opacity: 0.5; }
.art:hover img.art-img {
    opacity: 1; 
    -webkit-transition: opacity 400ms linear;
    -moz-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    -ms-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
  }
.articles h4 {float: left; font-weight: bold; font-size: 16px; width: 100%; margin-bottom: 15px; line-height: 20px; padding: 0 10px; text-align: center;}
.articles  span.date {float: left; width: 100%; padding:10px 10px 5px 10px; color:#bbbbbb; text-align: right; }
.articles  span.tag {float: left; width: 100%; color: #ff4e00; background: #f0f0f0; padding:10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.articles  .art-description {float: left; width: 100%; padding: 0 10px; }

/* ------------- Single Article ------------- */

#single-article {  }
#single-article h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#single-article .date { font-size: 12px; margin-bottom: 0; color: #a6a6a6; }
#single-article .article-author {display: inline-block; margin-right: 10px;}
#single-article .tag { color: #ff4e00; width: 100%; margin-bottom: 20px; }
#single-article img.image_header { margin-bottom: 20px; border: 1px solid #f0f0f0; width: calc(100% - 2px); height: auto; }

#single-article .art-description {clear: both;}

.article_content { clear:both; padding-bottom: 40px; }
.article_content img {width: 100%; height: auto;}

ul.article_gallery { list-style-type: none; margin: 0 0 20px 0; padding:0; }
ul.article_gallery li { display: inline-block; border:2px solid #f0f0f0; margin: 5px; }
ul.article_gallery li img { width: 214px; height: 150px; object-fit: none; object-position: center; opacity: 0.8; }
ul.article_gallery li img:hover { opacity: 1;  }
.button_back { background: #f0f0f0; color: #323232; padding: 10px 20px; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.button_back:hover { background: #323232; color: #fff; text-decoration: none; }
.button_back:focus { background: #f0f0f0; color: #323232; padding: 10px 20px; font-weight: bold; font-size: 12px; text-transform: uppercase; text-decoration: none; }

.sidebar-menu h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.sidebar-menu .category {font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.sidebar-menu .article .last-item {margin-bottom: 10px;}
.sidebar-menu .article a {color: #ca3e27; display: inline-block; font-size: 13px; width: 100%; padding-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sidebar-menu .article a:hover, .sidebar-menu .article a.active {font-weight: bold;}