/**
 * Copyright © 2015 Ihor Vansach (ihor@magefan.com). All rights reserved.
 * See LICENSE.txt for license details (http://opensource.org/licenses/osl-3.0.php).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.post-list {
	padding: 0;
    margin: 0;
	list-style: none;
}

.post-list .hidden {display:none;}

.post-view .post-holder .post-header .addthis_toolbox {float: right;}
.post-view .post-bottom {margin-top:30px;}

.post-view .block {margin-bottom: 30px;}

/* Sidebar items ------------------------- */

.widget.block-recent-posts .block-content,
.widget.block-archive .block-content,
.widget.block-categories .block-content {
    padding-top: 8px;
}

.widget.block-recent-posts .block-content .item,
.widget.block-archive .block-content .item {
    margin: 0 0 7px;
}
.widget.block-categories ul {
	list-style: none;
    padding: 0;
    margin: 0;
}
.widget.block-categories ul ul {
	padding: 5px 0 5px 20px;
}
.widget.block-categories li {
	margin: 0 0 7px;
}
.widget.block-rss .rss-icon {
    float: left;
    width: 23px;
    padding-right: 10px;
}
.widget.blog-search .block-content {
    padding-top: 16px;
    padding-bottom: 40px;
}
.widget.blog-search label {
    display: none;
}

.blog-widget-recent .post-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
}

.blog-widget-recent .post__title_block {

}

.mfblog-autoloader {text-align: center;}
.mfblog-autoloader .mfblog-show-onload {display: none;}


@media (max-width: 420px) {
  #mfblog_gcomments {max-width:345px; overflow-y: scroll;}
}

.post__content_container .blog-widget-text {
    padding: 0 20px;
    overflow-y: hidden;
}

.blog-item-text{
    padding: 0 10px;
}

.post-read-more{
    padding: 7px 20px 0 20px;
}

.blog-widget-recent .category-navigation-wrapper .nav{
    justify-content: center;
}

.blog-widget-recent .category-navigation-wrapper  .tm-hover{
    margin-top: 20px;
    background-color:#002e21 !important;
    margin-right: 10px;
}

.blog-widget-recent .category-navigation-wrapper .tm-hover:hover, .blog-widget-recent .category-navigation-wrapper .nav-link:focus{
    border-radius:0;
    background-color:#002e21 !important;
}

.blog-widget-recent .tm-blog-item-category-title {
    justify-content: center;
    text-transform: uppercase;
    display:flex;
}

.blog-widget-recent .post-holder{
    display: flex;
    flex-direction:column;
    padding-top: 1em;
    margin-bottom: 0;
    flex: 1;
}

.blog-widget-recent .post-header{
    justify-content: center;
    display:flex;
    padding-bottom: 10px;
}

.blog-widget-recent .post-view .post-holder .post-header .addthis_toolbox{
    float:left;
}

.post-view .post-holder .post-header .addthis_toolbox .tm-share-article-label{
    float:left;
    margin-right:20px;
}

.share_button_facebook:hover, .share_button_pinterest:hover, .share_button_instagram:hover{
    cursor: pointer;
}

.blog-widget-recent .nav-link{
    color:white;
}

.blog-widget-recent .nav-link:hover{
    color:white;
    background-color:#002e21 !important;
}

.tm-blog-container .row.post-list-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.blog-widget-recent .post-view{
    display: flex;
    justify-content: center;
}

.blog-widget-recent .page-title-wrapper h1{
    margin-top: 0;
    margin-bottom: 0;
}

.blog-widget-recent .column .page-title-wrapper{
    justify-content: center;
    display:flex;
}

.blog-widget-recent .post__title_block figure img {
    width: auto;
}

.post-main-image img {
    overflow: hidden;
    height: auto;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/11;

}

.blog-widget-recent .post__content_container{
    background-color: #EEEEEE;
    flex-grow:1;
    max-height: 275px;
    min-height: 275px;
}

.blog-widget-recent .post__title_block{
    padding: 0 20px 7px 20px;
}

.blog-widget-recent .post__title_block h2{
    margin-top: 17px;
}

.blog-widget-recent .post__title{
    font-size: 20px !important;
    font-weight: 700;
    padding-top: 0px !important;
}

.blog-widget-recent .tm-blog-container{
    padding-left: 0;
    padding-right: 0;
}

.blog-widget-recent .tm-blog-container .post-content .post-text-hld {
    background-color: white;
}

.blog-widget-recent .tm-blog-container .post__meta{
    background-color: #EEEEEE;
    padding-left: 10px;
    padding-right: 10px;
    margin:0;
}

.blog-widget-recent .post-view{
    text-align: center;
}

.blog-widget-recent .tm-related-posts-link a{
    font-weight:bold;
    color:black;
}

.blog-widget-recent #block-relatedposts-heading{
    font-size: 30px;
}

.blog-widget-recent .tm-category-image {
    margin-top: 10px;
}

.blog-widget-recent .post-read-more{

}

.blog-widget-recent .post__content{
    flex: 1;
}

.blog-widget-recent .post__content p, .blog-widget-recent .post__content #text{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-widget-recent .title{
    padding-left: 15px;
}

.post-bottom .tm-related-posts-link {
    background: #f0f0f0;
    padding: calc(1.46rem + 0.45vw);
    max-width: 480px;
    height: 90px;
    text-align: left;
}

.post-bottom .tm-related-posts-image {
    max-height: 320px;
    max-width: 480px;
}

@media (min-width: 1200px) {
    .post-bottom .tm-related-posts-link {
        padding: 2rem;
        min-height: 120px;
    }
}

@media (max-width: 1200px) {
    .blog-widget-recent .post-list {
        flex-wrap: wrap;
    }
    .blog-widget-recent .post-holder {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }
}

@media (max-width: 768px) {
    .blog-widget-recent .post-holder {
        flex: 1 1 100%;
        max-width: 100%;
    }
}