@import '/static/wf.my.com/css/main/includes/news-style.css?12';

/* Layout */

.container .hdr_layout {
	padding-left: 32px;
}

	.hdr_layout {
		position: relative;
	}

		.hdr_layout .rss {
			position: absolute;
			top: 0px;
			right: 20px;
			font: 15px/42px TTHovesPro, Arial, Helvetica, sans-serif;
		}

/* News list */

.view-news .view-content {
	margin-bottom: 36px;
}

.view-news .item-list li {
	margin-left: 0px;
}

.view-news .views-row {
	height: 225px;
	display: block;
	position: relative;
	margin-bottom: 20px;
	background: var(--pad-color);
	overflow: hidden;
}

	.views-row .img {
		width: 47%;
		height: inherit;
		position: relative;
		float: left;
		overflow: hidden;
	}
	.views-row .img::before {
		content: '';
		width: 100%;
		height: inherit;
		position: absolute;
		transition: opacity 0.05s linear;
		z-index: 2;
	}

		.img .views-field-field-ms-image-fid,
		.img .views-field-view-node,
		.img .field-content {
			width: 100%;
			height: 100%;
			display: block;
		}

			.views-field-field-ms-image-fid span {
				background: url(/static/wf.my.com/img/main/content/news/default.png) center no-repeat;
		}

		.views-row .img a {
			width: 100%;
			height: 100%;
			display: block;
		}

		.views-row .img a::before {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			outline: 1px solid var(--item-color);
			outline-offset: -1px;
			opacity: 0;
			z-index: 3;
		}
		.views-row .img a:hover::before {
			opacity: 1;
		}

		.views-row .img img {
			max-width: none;
			height: 100%;
			position: absolute;
			left: 50%;
			translate: -50% 0%;
			z-index: 1;
		}

		.views-field-view-node {
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 2;
		}

			.views-field-view-node a {
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				font-size: 0px;
				text-indent: -111px;
				overflow: hidden;
				z-index: 2;
			}

	.views-row .text {
		width: 53%;
		height: inherit;
		box-sizing: border-box;
		position: relative;
		float: left;
		padding: 14px 20px 16px 20px;
		overflow: hidden;
	}

		.views-row .text .views-field-title {
			display: block;
			padding: 4px 0px;
			color: #fff;
			font: 20px/1.2em TTHovesProCnd, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}

			.views-row .text .views-field-title span {
				display: block;
			}

				.views-row .text .views-field-title a {
					display: block;
					color: inherit;
				}

				.views-row .text .views-field-title a:hover {
					color: var(--item-color);
					text-decoration: none;
				}

		.views-row .text .views-field-teaser {
			box-sizing: border-box;
			margin-bottom: 40px;
			padding-top: 8px;
			color: var(--text-color);
			font: 15px/21px TTHovesPro, Arial, Helvetica, sans-serif;
			cursor: default;
		}

			.views-row .text .views-field-teaser p {
				margin: 0px;
			}

		.views-row .text .views-field-created {
			width: 50%;
			box-sizing: border-box;
			position: absolute;
			left: 0px;
			bottom: 0px;
			padding: inherit;
			overflow: hidden;
			cursor: default;
		}

			.views-row .text .views-field-created > span {
				display: block;
				color: var(--text-sub-color);
				cursor: default;
			}

		.views-row .text .views-field-name {
			width: auto;
			display: flex;
			box-sizing: border-box;
			position: absolute;
			align-items: center;
			right: 0px;
			bottom: 0px;
			padding: inherit;
			color: #fff;
			text-align: right;
			text-transform: uppercase;
			overflow: hidden;
			cursor: default;
		}

			.views-row .text .views-field-name > span {
				padding: 0px 6px 0.1em;
				text-transform: uppercase;
				color: #fff;
				font: bold 16px TTHovesProExp, Arial, Helvetica, sans-serif;
				background-color: var(--item-color);
			}

		.views-row .text .views-field-nid {
			display: none;
		}

@media screen and (max-width: 1300px) {

.news_block .item .img {
	display: none;
}

.news_block .item .text {
	width: 100%;
}

}

@media screen and (max-width: 720px) {

	.news_block .item {
		height: auto;
		min-height: 170px;
	}

		.news_block .item .img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			background: none;
		}

			.news_block .item .img .cover {
				background: none;
			}

			.news_block .item .img .cover::before {
				display: none;
			}

			.news_block .item .img img {
				visibility: hidden;
			}

		.news_block .item .text {
			padding-bottom: 58px;
		}

	.views-row .text .views-field-name > span {
		font-size: 14px;
	}

}

@media screen and (max-width: 1300px) {

.news_block .item .img {
	display: none;
}

.news_block .item .text {
	width: 100%;
}

}

@media screen and (max-width: 720px) {

	.news_block .item {
		height: auto;
	}

		.news_block .item .img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			background: none;
		}

			.news_block .item .img .cover::before {
				display: none;
			}

			.news_block .item .img img {
				visibility: hidden;
			}

		.news_block .item .text {
			padding-bottom: 58px;
		}

}

/* Social media block */

.news_media_cont {
	min-height: 64px;
	padding: 18px 0px;
	border: 1px solid var(--item-color);
	border-left: none;
	border-right: none;
}

/* More posts button */

.more_posts {
	height: 64px;
	display: none;
	margin-top: 20px;
	background: var(--pad-color);
}

	.more_posts_load {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px 40px;
		color: #fff;
		font: bold 17px TTHovesProExp, Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		background: var(--item-color);
		cursor: pointer;
	}
	.more_posts_load:hover {
		color: #000;
		background: #fff;
	}

@media screen and (max-width: 720px) {

.more_posts {
	display: block;
}

.view-news .item-list .pager {
	display: none;
}

}

/* News page */

article {
	position: relative;
}

	article h1 {
		margin-bottom: 8px;
	}

	article > table,
	article > table th,
	article > table td {
		border-style: solid;
		border-width: 1px;
	}


.post_date {
	color: var(--text-sub-color);
}

.category_block {
	position: absolute;
	right: 0px;
	color: var(--text-sub-color);
}

@media screen and (max-width: 600px) {
	.category_block {
		position: static;
	}
}

.news_title_img {
	margin: -16px -32px 16px;
	font-size: 0px;
	line-height: 0px;
}

/* News filter block */

.news_filter_block {
	display: block;
}

.news_filter_list {
	min-height: 225px;
	position: relative;
	box-sizing: border-box;
	background: var(--pad-color);
}

	.news_filter_list .loader {
		width: 48px;
		height: 48px;
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		background: url(/static/wf.my.com/img/main/page/details/loader.png) center center no-repeat;
	}

	.news_filter_list a {
		display: flex;
		position: relative;
		align-items: center;
		padding: 12px 16px;
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		border-bottom: 1px solid #000;
	}
	.news_filter_list a:hover {
		color: var(--item-color);
		text-decoration: none;
	}
	.news_filter_list a.active {
		padding-left: 32px;
		color: var(--item-color);
	}
	.news_filter_list a.active::before {
		content: '';
		width: 0.75em;
		position: absolute;
		aspect-ratio: 1 / 1;
		top: 50%;
		left: 16px;
		translate: 0% -50%;
		background: var(--item-color);
	}

@media screen and (max-width: 1300px) {

.news_filter_block .hdr_layout {
	padding-left: 20px;
}

.news_filter_list a {
	padding: 16px 20px;
	font-size: 15px;
	font-weight: 500;
}

.news_filter_list a.active {
	padding-left: 40px;
}

.news_filter_list a.active::before {
	left: 20px;
}

}

/* Last news block */

.last_news_block {
	display: none;
	/*display: block; --> node-news */
}

/* See more news */

.news_block {
	margin: 0px 0px 0px;
}

	.news_block .news_more {
		display: block;
		box-sizing: border-box;
		margin-bottom: 2px;
		padding-left: 20px;
		color: #fff;
		font: bold 17px/42px Quantico, Arial, Helvetica, sans-serif;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		background: #282c2b;
	}

	.news_block .item {
		height: 225px;
		display: flex;
		position: relative;
		margin-bottom: 20px;
		background: var(--pad-color);
		overflow: hidden;
	}
	.news_block .item:last-child {
		margin-bottom: 0px;
	}

		.news_block .item .img {
			width: 47%;
			min-width: 444px;
			height: inherit;
			position: relative;
			background: url(/static/wf.my.com/img/main/content/news/default.png) center no-repeat;
			overflow: hidden;
		}

			.news_block .item .img a {
				display: block;
			}

			.news_block .item .img img {
				max-width: none;
				height: 100%;
				position: absolute;
				left: 50%;
				translate: -50% 0%;
			}

		.news_block .item .cover {
			width: 100%;
			height: inherit;
			position: absolute;
			box-sizing: border-box;
			transition: opacity 0.05s linear;
			opacity: 1;
			z-index: 1;
		}

		.news_block .item .cover:hover {
			outline: 1px solid var(--item-color);
			outline-offset: -1px;
		}

		.news_block .item .img img[src*="default"] {
			display: none;
		}

		.news_block .item .text {
			width: 53%;
			height: inherit;
			box-sizing: border-box;
			position: relative;
			padding: 14px 20px 16px 20px;
			overflow: hidden;
		}

			.news_block .item .text .title {
				display: block;
				padding: 4px 0px;
				color: #fff;
				font: 20px/1.2em TTHovesProCnd, Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
			}
			.news_block .item .text .title:hover {
				color: var(--item-color);
			}

			.news_block .item .text .desc {
				box-sizing: border-box;
				margin-bottom: 40px;
				padding-top: 8px;
				color: var(--text-color);
				font: 15px/21px TTHovesPro, Arial, Helvetica, sans-serif;
				cursor: default;
			}

			.news_block .item .text .info {
				width: 100%;
				display: flex;
				position: absolute;
				box-sizing: border-box;
				justify-content: space-between;
				align-items: flex-end;
				left: 0px;
				bottom: 0px;
				padding: inherit;
				padding-top: 0px;
				overflow: hidden;
			}

				.news_block .item .text .info > span {
					display: block;
					color: var(--text-sub-color);
					cursor: default;
				}
				.news_block .item .text .info > span:last-child {
					padding: 0px 6px 0.1em;
					text-transform: uppercase;
					color: #fff;
					font: bold 16px TTHovesProExp, Arial, Helvetica, sans-serif;
					background-color: var(--item-color);
				}

					.news_block .item .text .info > span a {
						display: inline-block;
						color: var(--item-color);
						text-decoration: none;
					}
					.news_block .item .text .info > span:last-child a {
						color: #fff;
						font: bold 13px TTHovesProExp, Arial, Helvetica, sans-serif;
						text-transform: uppercase;
					}
					.news_block .item .text .info > span a:hover {
						text-decoration: underline;
					}

@media screen and (max-width: 1300px) {

	.news_block .item .img {
		display: none;
	}

	.news_block .item .text {
		width: 100%;
	}

}

@media screen and (max-width: 720px) {

	.news_block .item {
		height: auto;
		min-height: 170px;
	}

		.news_block .item .img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			background: none;
		}

			.news_block .item .img .cover {
				background: none;
			}

			.news_block .item .img .cover::before {
				display: none;
			}

			.news_block .item .img img {
				visibility: hidden;
			}

		.news_block .item .text {
			padding-bottom: 20px;
		}

			.news_block .item .text .info > span:last-child {
				font-size: 14px;
			}

}

/* News share block */

.news_share_block {
	margin-top: 1px;
	padding: 0px 32px;
	background: var(--pad-color);
}

	.cont_share {
		display: flex;
		padding: 26px 0px;
		color: #a9aeb3;
		font-size: 0px;
	}

		.cont_share .share_text {
			display: flex;
			align-items: center;
			margin-right: 8px;
			font-size: 15px;
		}

		.addthis_news {
			display: flex;
			overflow: hidden;
			cursor: default;
		}

			.addthis_news a {
				background: url(/static/wf.my.com/img/main/content/news/soc.png) -5px -6px no-repeat;
				opacity: 0.5;
			}
			.addthis_news a:hover {
				opacity: 1;
			}

		.cont_share .addthis_toolbox.addthis_news a {
			width: 30px;
			height: 28px;
			display: flex;
			position: relative;
			margin: 0 7px;
		}

			.cont_share .addthis_toolbox.addthis_news a span {
				width: 100%;
				height: 100%;
				display: inline-block;
			}

		.cont_share .addthis_toolbox.addthis_news .addthis_button_mymailru {
			background-position-x: -5px;
		}
		.cont_share .addthis_toolbox.addthis_news .addthis_button_facebook {
			background-position-x: -45px;
		}
		.cont_share .addthis_toolbox.addthis_news .addthis_button_vk {
			background-position-x: -85px;
		}
		.cont_share .addthis_toolbox.addthis_news .addthis_button_odnoklassniki_ru {
			background-position-x: -125px;
		}
		.cont_share .addthis_toolbox.addthis_news .addthis_button_twitter {
			background-position-x: -165px;
		}
		.cont_share .addthis_toolbox.addthis_news .addthis_button_google_plusone_share {
			background-position-x: -205px;
		}

	.addthis_news .addthis_counter {
		min-width: 50px;
		min-height: 28px;
		display: block;
		float: left;
		position: relative;
		box-sizing: border-box;
		margin: 0px 7px;
		color: #fff;
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		border: 1px solid rgba(255,255,255,0.1);
		cursor: default;
	}

.cont_share .sharing_container {
	display: flex;
	overflow: hidden;
	cursor: default;
}

.cont_share .sharing_container a {
	background: url(/static/wf.my.com/img/main/content/news/soc.png) -5px -6px no-repeat;
	opacity: 0.5;
}

.cont_share .sharing_container a:hover {
	opacity: 1;
}

.cont_share .sharing_container a {
	width: 30px;
	height: 28px;
	display: flex;
	position: relative;
	margin: 0 7px;
}

.cont_share .sharing_container .sharing_button_fb {
	background-position-x: -45px;
}
.cont_share .sharing_container .sharing_button_vk {
	background-position-x: -85px;
}
.cont_share .sharing_container .sharing_button_ok {
	background-position-x: -125px;
}
.cont_share .sharing_container .sharing_button_twitter {
	background-position-x: -165px;
}

@media screen and (max-width: 720px) {

.news_page .item {
	height: auto;
}

	.news_page .item .img {
		display: none;
	}

	.news_page .item .text {
		width: 100%;
		padding-bottom: 58px;
	}

	.news_page .item .img {
		width: 100%;
		display: block;
		position: absolute;
		background: none;
	}

		.news_page .item .img .cover::before {
			display: none;
		}

		.news_page .item .img img {
			visibility: hidden;
		}

.view-news .views-row {
	height: auto;
	min-height: 170px;
}

	.views-row .img {
		display: none;
	}

	.views-row .text {
		width: 100%;
		min-height: inherit;
	}

	.views-row .img {
		width: 100%;
		display: block;
		position: absolute;
		background: none;
	}

		.views-row .img img {
			visibility: hidden;
		}

.news_share_block .share_text {
	display: none;
}

}

[class^="layout news news_"] table {
	margin: 0px auto;
}

	[class^="layout news news_"] table th,
	[class^="layout news news_"] table td {
		padding: 6px 12px;
	}

/* Old news details fix */

.color_block {
	padding-left: 0px;
	padding-right: 0px;
	color: var(--item-color);
	font: 21px/30px Quantico;
	text-align: left;
	background: none;
}

	.color_block span {
		color: var(--item-color) !important;
	}

.spoiler_block {
	border: none;
}

	.spoiler_title {
		border-bottom: none;
	}

/* Video frame scale */

@media screen and (max-width: 1000px) {

iframe {
	width: 100%;
}

}

@media screen and (max-width: 480px) {

iframe {
	width: 100%;
	height: 300px;
}

}