/*  Styles for posts */

.justified-gallery > a > .jg-caption.jg-caption-visible {  }

.cat_gallery_block {width: 224px; height: 300px; float: left; display: block; font-size: 0.9em; /* background-color: #fde0ad; */ background: url('/files/miniset/have_set_gradinent.jpg') repeat-x scroll 0 200px; padding: 0; margin: 4px 4px 20px; border-radius: 6px; border: 1px solid #d9d9de; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.cat_have_set {background: #FFFFFF;}
.cat_gallery_title { margin: 0 auto; font-size: 14px; height: 45px; overflow: hidden; padding: 0 2px;}
.cat_gallery_flags { margin: 0 auto; width: 200px;}

div.justified-gallery {text-shadow: none;}

span.post_autor { font-size: 12px; border-top: 1px solid #666; padding-top: 5px; color: #999;}

div.justified-gallery div.news_block_main div.posts_gallery_caption {
	opacity: 1;
	left: 20px;
	bottom: 20px;
	max-width: 50%;
	padding-left: 15px;
	background-color: rgba(0, 0, 0, 0.7);
	border-left: 2px solid #fc0;
}

div.news_block_main div.posts_gallery_caption div.flags_links {
  background-color: none;
  text-align: right;
  width: 100px;
  height: 30px;
  float: right;
  position: relative;
  padding: 7px 5px 0 0;
}

div.justified-gallery div.cat_gallery_caption { white-space: nowrap; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0;}

.news_block_main span.flag-throbber, .news_block_main span.flag-message, .good_flags_links span.flag-throbber {display: none; visibility: hidden;}


.news_block_main a.like_flag:link, .news_block_main a.like_flag:visited, .good_flags_links a.like_flag:link, .good_flags_links a.like_flag:visited {background: url("/files/svg/heart_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; padding-top: 2px;}
.news_block_main a.like_flag.unflag-action:link, .news_block_main a.like_flag.unflag-action:visited, .good_flags_links a.like_flag.unflag-action:link, .good_flags_links a.like_flag.unflag-action:visited {background: url("/files/svg/heart_filled.svg") no-repeat scroll center center;}

.news_block_main a.like_flag span, .good_flags_links a.like_flag span { display: none; }

.news_block_main .flag-want a:link, .news_block_main .flag-want a:visited {background: url("/files/svg/gift_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; margin: 0 5px;}
.news_block_main .flag-want a.unflag-action:link, .news_block_main .flag-want a.unflag-action:visited {background: url("/files/svg/gift_filled.svg") no-repeat scroll center center;}

.news_block_main .flag-want a span { display: none; }

.news_block_main .flag-have a:link, .news_block_main .flag-have a:visited {background: url("/files/svg/archive_empty.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; padding-top: 2px; margin: 0 5px;}
.news_block_main .flag-have a.unflag-action:link, .news_block_main .flag-have a.unflag-action:visited {background: url("/files/svg/archive_filled.svg") no-repeat scroll center center;}

.news_block_main .flag-have a span { display: none; }

/* News Block */

.news_blocks_container {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}

.news_block_flex {display: flex; flex-direction: column;}

.news_block_main {margin: 0; }

.news_block_fold_paper {
	
	background: url(/files/miniset/paper_fold_mini.png) center center no-repeat transparent;
width: 61px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
border-radius: 8px;
	
}

.news_block_image {overflow: hidden; height: 240px; background-color: #fff; background-size: cover; background-position-x: center; background-position-y: center;
display: block;
/*border-bottom: 1px solid #999;*/

}
.news_block_body {display: block;}
.news_block_official {background-color: #e4f5fb; border: 1px solid #d7d4d4; box-shadow: 1px 1px 3px #66666630;}
.news_block_company_block {width: 120px; padding: 10px 4px 5px 0; float: right; clear: right; text-align: right;}
.news_block_verified {width: 16px; height: 16px; float: right; padding: 5px 0 0 5px;}
.news_block_title {margin: 10px 0 5px 0; display: block; max-width: 80%;}

.news_block_text_block {position: relative; clear: both;}
.news_block_text_block::before {clear: both;}


.news_block_text {
	font-size: 14px;   display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;
margin: 0;
}

/* тонкий градиент, чтобы мягко «ввести» ссылку */
.news_block_text::after{
  content: "";
  position: absolute;
  right: 0; bottom: 0;
  height: 1.4em;                      /* ≈ высота строки */
  width: 18ch;                      /* «карман» под кнопку */
  pointer-events: none;               /* не мешает клику по ссылке */
  background: linear-gradient(to right, rgba(255,255,255,0), var(--bg, #F2F2F2) 60%);

}

.gib_white .news_block_text::after{
  background: linear-gradient(to right, rgba(255,255,255,0), var(--bg, #F2F2F2) 60%);
}

.news_block_official .news_block_text::after{
  background: linear-gradient(to right, rgba(255,255,255,0), var(--bg, #e4f5fb) 60%);
}

.gib_white:not(.news_block_official) .news_block_text:after{
  background: linear-gradient(to right, rgba(255,255,255,0), var(--bg, #ffffff) 60%);
}

.news_block_more {  
  position: absolute;
  right: 0; bottom: 0;                /* встать в правый конец третьей строки */
  padding-left: .5ch;                 /* небольшой зазор от текста */
  background: var(--bg, #F2F2F2);        /* перекрыть символы под ссылкой */
  /*display: none;*/
}

.news_block_official .news_block_more {  
  /*background: var(--bg, #e4f5fb);*/        /* перекрыть символы под ссылкой */
}

/* фоны good_info_block */
.good_info_block.gib_white:not(.news_block_official) {background-color: #fff !important;}


/* лайки */
.like_block {
	position: absolute;
	top: 10px;
	right: 5px;
	display: inline-flex;
}

.likes_count {
	font-size: 12px;
	color: white;
	width: 20px;
	text-align: right;
	text-shadow: 1px 1px 0 #666;
}

.news_block_main a.like_flag:link, .news_block_main a.like_flag:visited {background: url("/files/svg/heart_filled_light_grey.svg") no-repeat scroll center center; padding: 0; width: 20px; height: 20px; display: block; padding-top: 2px; filter: drop-shadow(0 0 1px #333); opacity: 0.5;}
.news_block_main a.like_flag.unflag-action:link, .news_block_main a.like_flag.unflag-action:visited {background: url("/files/svg/heart_filled_yellow.svg") no-repeat scroll center center;  opacity: 1;}

.news_block_date {
	position: absolute;
	top: 190px;
	right: -27px;
	font-size: 10px;
	color: #b1b1b1;
	padding: 5px;
	z-index: 27;
	transform: rotate(-90deg);	
	text-shadow: none;
	pointer-events: none;
	/*display: none;*/
	opacity: 0;
	transition: all 0.5s ease;
}

.news_block_main:hover .news_block_date {opacity: 1;}
.news_block_main:hover a.like_flag {opacity: 1;}