/* Metadata on the top & bottom */

.story-meta {
	font-size: 14px;
	display: grid;
	grid-template-columns: 30% 70%;
	align-items: center;
}

.story-meta .published {
	display: grid;
	grid-template-columns: 45px auto;
}

.story-meta .published i {
	background: #eeeeee;
	width: 13px;
	padding: 11px;
	color: var(--theme-color);
	border-radius: 30px;
}

.story-meta .published .data {
	display: grid;
}

.related-links {
	display: grid;
	grid-template-columns: 25px auto;
	justify-content: end;
	align-items: center;
}

.related-links i {
	color: var(--muted-text);
}

.story-meta .related-links .data {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 0 20px;
}

.related-links a {
	text-transform: uppercase;
	/* color: #959595; */
	font-weight: 600;
}

.related-links .company {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}

.related-links a:hover {
	text-decoration: underline;
}

.related-links u a {
	font-weight: 900;
/*	color: #787878;*/
}

.related-links .story_theme {
	height: 15px;
	margin-right: 10px;
	filter: grayscale(1);
	opacity: .7;
}

.hr-line {
	width: calc(100% + 60px);
	height: 1px;
	background-color: #e4e4e4;
	margin: 26px -30px;
}

.story-meta .share2 {
	position: relative;
}

.story-meta .share2 i {
	color: var(--muted-text);
	margin-right: 10px;
}

.story-meta .share2 .socnet-btn {
	font-weight: 600;
	color: #006BC6;
	cursor: pointer;
	transition: var(--transition-speed);
}

.story-meta .share2 .socnet-btn:hover {
	color: var(--theme-color);
}

.story-meta .hashtags2 {
	text-align: right;
	line-height: 2.7;
	text-wrap: balance;
}

.story-meta a.hashtag {
	background: #f0f0f0;
	margin-left: 10px;
	color: #7f7f7f;
	padding: 4px 20px;
	border-radius: 15px;
	font-size: 12px;
	white-space: nowrap;
	font-weight: 600;
}

.story-meta a.hashtag:hover {
	color: var(--theme-color);
}

.story-source {
	font-size: 14px;
	color: var(--light-text);
}


/*
** SMM LINKS
*/

.smm-links {
	background-color: #f7f7f7;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.smm-links span {
/*	background-color: #f7f7f7;*/
	padding: 5px 0;
	font-size: 13px;
	font-weight: 700;
	margin: auto 5px;
	line-height: 1em;
}

.smm-links .links {
	text-wrap: balance;
	text-align: center;
}

.smm-links .links img {
	height: 20px;
	margin: 5px;
	transition: .4s;
	max-width: min-content;
}

.smm-links .links img:hover {
	opacity: .6;
}

/*.smm-links i {
	font-size: 22px;
	margin: 0 4px;
	transition: .4s;
}

.smm-links .vk i {color: var(--sm-vk);}

.smm-links .tg i {color: var(--sm-tg);}

.smm-links .twi i {color: var(--sm-twi);}

.smm-links .threads i {color: var(--sm-threads);}

.smm-links .x-twi i {color: var(--sm-x-twi);}

.smm-links .fb i {color: var(--sm-fb);}

.smm-links .discord i {color: var(--sm-discord);}

.smm-links .ok i {color: var(--sm-ok);}

.smm-links .max {
	background: url(//s.pro-sites.ru.net/icons/share/icon-max.svg) left top no-repeat;
	margin: 0 4px;
	padding: 5px 9px;
}

.smm-links .gl {
	background: url(//s.pro-sites.ru.net/icons/share/icon-google.svg) left top no-repeat;
	background-size: 94%;
	margin: 0 1px;
	padding: 5px 10px;
}

.smm-links i:hover {
	opacity: .6;
}
*/


.news-detail img {
	max-width: 100%;
	height: auto;
	max-height: 700px
}

.news-detail p {
	margin: 0 0 20px 0;
}


/* Promo Code Copy */

.promo-tooltip {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 10px;
	white-space: nowrap;
	pointer-events: none;
	transition: var(--hint-transition);
	color: var(--hint-visible-color);
	background: var(--hint-bgcolor);
	height: auto;
	z-index: var(--hint-visible-z);
	display: flex;
	justify-content: center;
	top: calc(64px - var(--hint-top));
	text-align: center;
	width: var(--hint-width);
	border-radius: var(--hint-radius);
	font-size: var(--hint-fontsize);
	transition: var(--hint-transition);
	opacity: 0;
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif;
}

.promo-tooltip.visible {
	opacity: 1;
}

.promo-tooltip::before { /* arrow */
	transform: translateX(-50%);
	content: '';
	position: absolute;
	top: calc(0px + var(--hint-arrow-top));
	transition: var(--hint-transition);
	left: var(--hint-arrow-left);
	margin-left: var(--hint-arrow-margin);
	border: var(--hint-arrow-border);
	border-color: transparent transparent var(--hint-bgcolor) transparent;
}

/* EOF - Promo Code Copy */


.goback {
	text-align: center;
	margin: 70px 0 30px 0;
}

div.goback a {
	background: #f5f5f5;
	padding: 10px 35px;
	border-radius: 25px;
	color: #606060;
	text-decoration: none;
}



/* SHARE */

.share2 .socnet-list {
	position: absolute;
	bottom: 0;
	left: -20px;
	background: #fff;
	box-shadow: 0 0 0 1px #e5e5e5;
	border-radius: 15px;
	padding: 3px 20px;
	z-index: 1;
}

.share2 .socnet-list li {
	padding: 0 0 0 0;
	margin: 12px 0;
}

.share2 .socnet-list li:before {
	content: '';
}

.share2 .socnet-list li a {
	color: var(--body-text);
	font-weight: 500;
	display: grid;
	grid-template-columns: 28px auto;
	align-items: baseline;
}

.share2 .socnet-list li a:hover {
	opacity: .7;
}

.share2 .socnet-list li a i {
	margin-right: 14px;
}

/* EOF SHARE */




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

	.story-meta {
		grid-template-columns: auto;
		grid-gap: 10px 0;
	}
	
	.story-meta .published {
		grid-template-columns: 25px auto;
	}
	
	.story-meta .published i {
		background: none;
		padding: 0;
		color: #959595;
	}
	
	.story-meta .published .data {
		grid-template-columns: auto auto;
		justify-content: start;
		grid-gap: 0 15px;
	}
	
	.related-links {
		justify-content: start;
		align-items: start;
	}
	
	.related-links i {
		margin-top: 3px;
	}
	
	.story-meta .related-links .data {
		grid-template-columns: auto;
	}
	
	.related-links .company {
		padding-left: 0;
		border-left: 0;
	}

	.story-meta .hashtags2 {
		text-align: left;
	}

	.story-meta a.hashtag {
		margin: 0 10px 10px 0;
		padding: 4px 15px;
	}

	.hr-line {
		width: calc(100% + 30px);
		margin: 20px -15px;
	}

	.news .story-body ul li {
		margin-left: 5px;
	}

	.smm-links i {
		margin: 4px;
	}

/*
	.news-detail img {
		margin: 0 -15px;
		width: calc(100% + 30px);
		max-width: max-content;
	}
*/
	.hashtags {
		width: 100%;
	}

}