@charset "utf-8";

/**********************************************************/
/* СТИЛЬ ДЛЯ ОБЩИХ ЭЛЕМЕНТОВ СПИСКА И СОДЕРЖИМОГО НОВОСТИ */
/**********************************************************/

/* Основной контейнер новостной ленты */
.newsUnoBlock { position: relative; display: block; padding: 1.5em; }

/* Стили заголовков */
.newsUnoBlock .newsTitleWrap { position: relative; display: block; margin: 0 auto; padding: 0; max-width: 1200px; }
.newsUnoBlock .newsRssLink { position: absolute; display: block;  width: 38px; height: 38px; top: 0; right: 0; }
.newsUnoBlock .newsRssLink img { width: 38px; margin: 0; padding: 0; }
.newsUnoListBlock .newsTitleWrap h1 { font-size: 2.1em; }
.newsUnoElemBlock .newsTitleWrap h1 { font-size: 1.5em; }

/* Стиль хлебных крошек новостного блока */
.newsUnoBlock .newsBackLinks { font-size: 0.8em; margin: 0 0 10px 0; padding: 0 50px 0 0; }
.newsUnoBlock .newsBackLinks a { color: #777; }
.newsUnoBlock .newsBackLinks a:hover { color: #444; }
.newsUnoBlock .newsCurrBackLink { color: #cf232c; font-size: 0.8em; font-weight: bold; }

/* Стиль блока постраничной разбивки */
.newsUnoBlock .newsPgLinks { position: relative; margin: 1.5em auto 1em auto; text-align: center; max-width: 1200px; }
.newsUnoBlock .newsPgLinks a
{ 
	display: inline-block; 
	color: #000; 
	font-size: 1em;
	line-height: 30px; 
	height: 30px; 
	width: 30px; 
	margin: 0 5px; 
	padding: 0; 
	text-decoration: none;
	background-color: transparent;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	border-radius: 50px; 
	-webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.newsUnoBlock .newsPgLinks a:hover { color: #fff; background-color: #cf232c; font-weight: bold; text-decoration: none;}
.newsUnoBlock .newsPgLinks .pgLinkSelected { color: #fff; background-color: #0d4da1; font-weight: bold; }
.newsUnoBlock .newsPgLinks .pgLinkSelected:hover { color: #fff; background-color: #0d4da1; }
.newsUnoBlock .newsPgLinks .pgNextLink,
.newsUnoBlock .newsPgLinks .pgPrevLink { display: inline-block; width: 10px; height: 30px; background-position: top left; background-repeat: no-repeat; margin: 0 5px -10px 5px; background-color: transparent; }
.newsUnoBlock .newsPgLinks .pgNextLink:hover,
.newsUnoBlock .newsPgLinks .pgPrevLink:hover { background-color: transparent; }
.newsUnoBlock .newsPgLinks .pgNextLink {	background-image:url(/static/mods_common/mod_newsblock/imgs/buttons/pagination_next_button.png); }
.newsUnoBlock .newsPgLinks .pgPrevLink { background-image:url(/static/mods_common/mod_newsblock/imgs/buttons/pagination_prev_button.png); }
.newsUnoBlock .newsPgLinks .pgLinkUnactive,
.newsUnoBlock .newsPgLinks .pgLinkUnactive { background-position: top right; }

/* Разделитель новостей */
.newsUnoBlock .newsContentSeparator { background: #EEE; clear: both; color: #FFE; display: block; font-size: 0; height: 1px; line-height: 0; margin: 1em 0; }

/* Стиль новостного изображения */
.newsUnoBlock .newsblock_element_img_block { position: relative; }
.newsUnoBlock .news_left_sided_img_link
{ 
	position: relative; 
	display: block; 
	width: 100%; 
	border: none;
	text-decoration: none; 
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.25);	
	overflow: hidden;	
}
.newsUnoBlock .news_left_sided_img_link .news_left_sided_img { display: block; margin: 0; padding: 0; width: 100%; border: none; }
.newsUnoBlock .news_left_sided_img_link > .news_left_sided_data 
{ 
	position: absolute; 
	display: flex;
	flex-wrap: nowrap; 
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	align-content: center;
	text-align: center; 
	color: #fff; 
	opacity: 0;
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 50;
	background-color: rgba(207, 35, 44, 0.5);
	-webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.newsUnoBlock .news_left_sided_img_link:hover > .news_left_sided_data { opacity: 1; }
.newsUnoBlock .news_left_sided_img_link > .news_left_sided_data .news_data_day { font-size: 2em; font-weight: bold; padding: 0; margin: 0; line-height: 1; }
.newsUnoBlock .news_left_sided_img_link > .news_left_sided_data .news_data_month { font-size: 1.2em; padding-top: 0.3em; margin: 0; line-height: 1; }
.newsUnoBlock .news_left_sided_img_link > .news_left_sided_data .news_data_year { font-size: 1.2em; padding-top: 0.3em; margin: 0; line-height: 1; }	

/* Заголовок новостной статьи */
.newsUnoBlock .newsblock_element_content_block { margin-left: 1.5em; }
.newsUnoBlock .newsblock_element_content_block h3 { padding: 1em 0 0 0; }
.newsUnoBlock .news_icons_wrap { margin: 0 0 3px 0; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; }
.newsUnoBlock .news_icons_wrap .news_pub_time { padding: 3px 0 0 0; color: #7f7f7f; font-size: 0,8em; }
.newsUnoBlock .news_icons_wrap .news_icons { margin: 0 0 3px 0;  }
.newsUnoBlock .news_icons_wrap .news_icons .news_isHot { display: inline-block; padding: 0; font-weight: normal; }
.newsUnoBlock .news_icons_wrap .news_icons .news_views { display: inline-block; padding: 0 2px 0 5px; color: #7f7f7f; }
.newsUnoBlock .news_icons_wrap .news_icons .news_comments { display: inline-block; padding: 0 2px 0 5px; color: #7f7f7f; text-decoration: none !important; }
.newsUnoBlock .news_icons_wrap .news_icons .news_comments:hover { color: #0d4da1; }

/***********************/
/* СТИЛЬ СПИСКА СТАТЕЙ */
/***********************/
.newsUnoBlock .newsBlockList { position: relative; max-width: 1200px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin: 0 auto; padding: 1.5em 0 1em 0; }
.newsUnoBlock .newsBlockList .newsBlock { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-content: flex-start; max-width: 45%; padding: 0; margin: 2em 1em; }

/* Элементы новости */
.newsUnoBlock .newsBlockList .newsblock_element_img_block { width: 100px; }
.newsUnoBlock .newsBlockList .newsblock_element_content_block { width: calc(100% - 100px); }
.newsUnoBlock .newsBlockList .news_link { font-size: 1em; color: #000; text-decoration: none; font-family: 'Jura', sans-serif; font-weight: 600; }
.newsUnoBlock .newsBlockList .news_link:hover { color: #cf232c; }
.newsUnoBlock .newsBlockList .newsBlockShortDoc { text-indent: 0; font-size: 1em; text-align: justify; line-height: 1.5; }
.newsUnoBlock .newsBlockList .newsContentSeparator { background: #ddd; display: block; font-size: 0; height: 1px; line-height: 0; margin: 30px 0; clear: both; }

/****************/
/* СТИЛЬ СТАТЬИ */
/****************/
.newsUnoBlock .newsBlockContent { position: relative; max-width: 1200px;  margin: 0 auto; padding: 1em 0;  }
.newsUnoBlock .newsBlockContent header { position: relative; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-content: flex-start; padding: 0; margin: 2em 1em; }

/* Элементы новости */
.newsUnoBlock .newsBlockContent .newsblock_element_img_block { width: 100px; }
.newsUnoBlock .newsBlockContent .newsblock_element_content_block { width: calc(100% - 100px); }
.newsUnoBlock .newsBlockContent .newsblock_element_content_block h1 { padding: 1em 0 0 0; font-size: 1.5em; color: #000; font-family: 'Jura', sans-serif; font-weight: 600; }
.newsUnoBlock .newsBlockContent .newsBlockFullDoc  { line-height: 1.5; }
.newsUnoBlock .newsBlockContent .newsContentSeparator { background: #ddd; display: block; font-size: 0; height: 1px; line-height: 0; margin: 30px 0; clear: both; }
.newsUnoBlock .newsBlockContent .newsTagsList { margin: -1.5em 0 1.5em 0; }
.newsUnoBlock .newsBlockContent .newsTagsList .tagsIcon { display: inline-block; padding: 0; font-weight: normal; }
.newsUnoBlock .newsBlockContent .newsTagsList a:link,
.newsUnoBlock .newsBlockContent .newsTagsList a:active,
.newsUnoBlock .newsBlockContent .newsTagsList a:visited { display: inline-block; padding: 0 7px; text-decoration: none; font-size: 0.8em; }
.newsUnoBlock .newsBlockContent .newsTagsList a:hover { text-decoration: underline; }
.newsUnoBlock .newsBlockContent .news_author { text-align: right; font-weight: bold; }

.newsUnoBlock .newsBlockContent img { max-width: 100%; }
.newsUnoBlock .newsBlockContent .newsImg { position: relative; margin: 5px 0; padding: 3px; max-width: 100%; }
.newsUnoBlock .newsBlockContent .newsImgLeft { margin: 5px 10px 5px 0; padding: 3px; max-width: 95%; }
.newsUnoBlock .newsBlockContent .newsImgRight { margin: 5px 0 5px 10px; padding: 3px; max-width: 95%; }

.newsUnoBlock .newsBlockContent .newsBlockFullDoc h2 { margin: 2em 0 1em 0; }
.newsUnoBlock .newsBlockContent .newsBlockFullDoc h3 { margin: 2em 0 1em 0; }
.newsUnoBlock .newsBlockContent .newsBlockFullDoc h4 { margin: 2em 0 1em 0; }
.newsUnoBlock .newsBlockContent .newsBlockFullDoc h5 { margin: 1.8em 0 0.6em 0; }
.newsUnoBlock .newsBlockContent .newsBlockFullDoc h6 { margin: 1.8em 0 0.6em 0; }

.newsUnoBlock .newsBlockContent .newsBlockFooter { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin: 0 auto; padding: 1em 0; }
.newsUnoBlock .newsBlockContent .newsBlockFooterSignature {  }

/* Стиль цитаты для новостной ленты */
.newsUnoBlock .newsBlockContent .newsBlockFullDoc blockquote { font-family: Arial; font-style: italic; margin: 15px 0 15px 30px; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #808080; }
.newsUnoBlock .newsBlockContent blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a; }
.newsUnoBlock .newsBlockContent blockquote cite { color: #999999; font-size: 1em; display: block; margin-top: 5px; }
.newsUnoBlock .newsBlockContent blockquote cite:before { content: "\2014 \2009"; }


/************************************************/
/* ОБЩИЕ ПРАВИЛА ПО МАКСИМАЛЬНОМУ РАЗМЕРУ ЭКРАНА */
@media all and (max-width:1150px) 
{

}
@media all and (max-width:850px) 
{
	.newsUnoBlock .newsBlockList .newsBlock { max-width: 100%; }
}
@media all and (max-width:720px) 
{
	
}
@media all and (max-width:640px) 
{

}
@media all and (max-width:480px) 
{

}
@media all and (max-width:320px) 
{

}
