/*
	Theme Name: Resident Comedy
	Description: Тема для сайта о юморе.
	Author: Max Lozovsky
	Author URI: http://maxlozovsky.ru
*/

/*
	Содержание:
	1. Header
	2. Content
	3. Post
	4. Реклама Directadvert
	5. Реклама Adfinity
	6. Pagenavi
	7. Sidebar
	8. Footer
	9. Breadcrumbs
	10. Spoiler
	11. Scroll
	12. Tooltips
	13. Toasts
	14. Parse
	15. Skeleton
	16. Ponominalu
	17. Contact
	18. Хелперы (Helpers)
	19. 775px
	20. 980px
*/

:root {
	--font-default: 'Roboto';
	/* основной шрифт */
	--font-second: 'Roboto Condensed';
	/* дополнительный шрифт */
	--opacity: 0.9;
	/* небольшая прозрачность */
	--opacity-md: 0.7;
	/* средняя прозрачность */
	--opacity-lg: 0.54;
	/* большая прозрачность */
	--radius-sm: 3px;
	/* небольшое скругление */
	--radius: 10px;
	/* стандартное скругление */
	--radius-md: 20px;
	/* среднее скругление */
	--color-link: #007bc7;
	/* цвет ссылки */
	--color-yellow: #f8e9a1;
	/* жёлтый цвет */
	--transition: 0.2s;
	/* длительность эффекта */
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local('Roboto'),
		url('/fonts/Roboto.woff2') format('woff2'),
		url('/fonts/Roboto.woff') format('woff');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local('Roboto'),
		url('/fonts/Roboto-bold.woff2') format('woff2'),
		url('/fonts/Roboto-bold.woff') format('woff');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local('Roboto Condensed'),
		url('/fonts/RobotoCondensed.woff2') format('woff2'),
		url('/fonts/RobotoCondensed.woff') format('woff');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local('Roboto Condensed'),
		url('/fonts/RobotoCondensed-bold.woff2') format('woff2'),
		url('/fonts/RobotoCondensed-bold.woff') format('woff');
}

body {
	font-size: 16px;
	font-family: var(--font-default), Arial, sans-serif;
	color: #333333;
	background: #fafafa;
	margin: 0;
	line-height: 1.5;
}

h1 {
	font-size: 28px;
	font-family: var(--font-second), sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 5px 0 10px 0;
}

h1 a,
h1 a:visited,
h2 a,
h2 a:visited {
	color: #000000;
	opacity: var(--opacity);
	border-bottom: 1px solid #ededed;
	transition: all var(--transition) ease-in-out;
}

h1 a:hover,
h2 a:hover {
	border-bottom: 1px solid #bababa;
}

h2 {
	font-size: 24px;
	font-family: var(--font-second), sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 30px 0 10px 0;
	clear: both;
}

h2 span {
	border-bottom: 2px solid #cdcddd;
}

h3 {
	font-size: 14px;
	font-family: var(--font-second), sans-serif;
	font-weight: normal;
	color: #000000;
	opacity: var(--opacity-md);
	margin: 0px 5px 0px 5px;
}

h3 a,
h3 a:visited {
	color: #000000;
	opacity: var(--opacity);
}

.yarpp-related h3 {
	font-weight: normal !important;
	padding: 0 !important;
	font-size: 14px !important;
	text-transform: none !important;
	margin: 0px 5px 0px 5px !important;
}

.yarpp-related a {
	text-decoration: none;
	font-weight: normal !important;
}

a,
a:visited {
	color: var(--color-link);
	text-decoration: none;
	transition: all var(--transition) ease-in-out;
	border-bottom: 1px solid #ffffff;
}

a.propeller {
	color: #ffffff;
	text-decoration: underline;
}

img:hover {
	opacity: 1 !important;
}

input,
select,
textarea {
	font-size: 16px;
	font-family: var(--font-second), sans-serif;
	color: #111111;
	border: 0;
	border-bottom: 1px solid #cdcdcd;
	padding: 5px 5px 5px 10px;
	margin: 0 5px 5px 0;
	width: 23%;
	outline: none;
	opacity: var(--opacity-md);
	transition: all var(--transition) ease;
}

input:active,
input:hover,
textarea:active,
textarea:hover {
	opacity: 1;
}

#searchform {
	display: inline-block;
}

#container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/* Выравниваем по центру */
	/*	background: #fafafa;  Цвет фона правой колонки */
}


/************************************************
*	Header  									*
************************************************/

#header {
	background: none;
	width: 100%;
	max-width: 1200px;
	font-size: 18px;
	font-weight: bold;
	color: #edeed5;
	padding: 0;
	margin: 0 auto 20px;
}

#headertop {
	background: none;
	padding: 10px 0 10px 10px;
	font-family: var(--font-second), sans-serif;
	font-size: 18px;
	font-weight: normal;
}

#headertop a {
	color: #000000;
	margin: 0 10px 0 0;
	transition: all var(--transition) ease-in-out;
}

#headertop a:hover {
	opacity: 1;
}

#headertop .logo {
	vertical-align: middle;
	opacity: var(--opacity);
}

#navigation {
	background: #5b5b5b;
	text-align: center;
	padding: 6px 10px;
	font-family: var(--font-second), sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	box-shadow: 0 0 3px 1px #000000;
}

#navigation a {
	color: #efefef;
	margin: 4px;
	border-bottom: 2px solid #696969;
	transition: all var(--transition) ease-in-out;
	line-height: 1.6;
}

#navigation a:hover {
	color: #ffffff;
	border-bottom: 2px solid #fa4032;
}


/************************************************
*	Content  									*
************************************************/

#content,
.content-fullwidth {
	float: left;
	width: 65%;
	padding: 20px 2% 1% 2%;
	margin-bottom: 10px;
	background: #ffffff;
	/* Цвет фона левой колонки */
	border-radius: var(--radius);
	box-shadow: 0px 0px 1px #efefef;
}

.content-fullwidth {
	width: 96%;
}

#content p {
	text-align: justify;
}

.categoryhome {
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
}

.categoryhome h1 {
	font-size: 28px;
	font-family: var(--font-second), sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 0 2% 5px 2%;
	margin: 5px 0 10px 0;
}

.categoryhome h2 {
	font-size: 25px;
	font-family: var(--font-second), sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 5px 0;
	margin: 5px 0 10px 0;
}

.categoryhome h1 span,
.categoryhome h2 span {
	font-size: 60%;
	margin-left: 1%;
	border-bottom: 0;
}

.personname,
.categoryname {
	margin: 0 0 20px 0;
	padding: 5px 0 5px 0;
	clear: both;
}

.personname h1,
.categoryname h1 {
	font-size: 28px;
	font-family: var(--font-second), sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	box-shadow: 0 3px #efefef;
}

.personnameleft {
	float: left;
	width: 25%;
	margin-right: 3%;
}

.categorynameleft {
	float: left;
	width: 25%;
	margin-right: 3%;
	position: relative;
}

.personnameleft img,
.categorynameleft img {
	width: 100%;
	border-radius: 28%;
}

.personnameright,
.categorynameright {
	float: right;
	width: 72%;
}

.personnameright p,
.categorynameright p {
	margin: 0 0 10px 0;
}

.originalname {
	color: #8e8e8e;
	font-size: 16px;
}

.filmleft {
	float: left;
	width: 33%;
	margin-right: 3%;
	position: relative;
}

.filmleft img {
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	margin-bottom: 4px;
	border-radius: 6px;
}

.filmright {
	float: right;
	width: 64%;
}

img.social_icon {
	height: 30px;
	opacity: var(--opacity);
	transition: all var(--transition) ease-in-out;
}

img.social_icon:hover {
	height: 30px;
	opacity: 1;
	transition: all var(--transition) ease-in-out;
}

.categoryseasons {
	float: left;
}

a.fullpart {
	font-family: var(--font-second);
	margin: 0px 10px 10px 0;
	font-size: 17px;
	box-shadow: 0 1px #efefef;
	color: #333333;
	display: block;
	float: left;
	transition: all var(--transition) ease-in-out;
}

.fullpart:hover,
.fullpart.active {
	box-shadow: 0 2px #fa4032;
	color: #000000;
}

.fullpart a {
	color: #333333;
}

.categoryshortdesc {
	font-size: 14px;
	margin: 10px 0;
	clear: both;
}

.categorymeta {
	color: #8e8e8e;
	font-family: var(--font-second), sans-serif;
	clear: both;
}

.categorymeta a:hover {
	border-bottom: 1px solid;
}

.categorymetaleft {
	width: 80px;
	display: inline-block;
}

.categorymetaright {
	display: inline-block;
}

.categoryperson {
	margin: 0 10px 20px 0;
	font-family: var(--font-second), Trebuchet MS, Arial, Helvetica, sans-serif;
}

.categoryperson .categoryperson_item {
	margin: 0 0 8px 0;
	display: inline-block;
	color: #333333;
	padding: 4px 0 0 0;
	border: 0;
	transition: all var(--transition) ease-in-out;
	text-align: center;
	font-size: 15px;
	width: 86px;
	height: 110px;
	overflow: hidden;
}

.categoryperson .categoryperson_item:hover {
	filter: saturate(110%);
}

.categoryperson .categoryperson_item a {
	border-bottom: 0;
}

.categoryperson .categoryperson_item a:hover {
	border-bottom: 0;
}

.categoryperson .categoryperson_item img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
	margin: 0 auto 4px auto;
	transition: all var(--transition) ease-in-out;
}

.categoryperson .categoryperson_item img:hover {
	transform: scale(1.05);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.categoryfulldesc {
	margin: 0 10px 20px 0;
	float: left;
	clear: both;
}

.spisok2 {
	margin: 0 10px 20px 10px;
	padding: 10px;
	background: #fdfdfd;
	border-radius: var(--radius-sm);
	box-shadow: 0 0 2px #d8d8d8;
	transition: all var(--transition) ease-in-out;
}

.spisok2:hover {
	box-shadow: 0 0 3px #d9d9d9;
}

.spisok {
	position: relative;
	width: 31%;
	height: 224px;
	float: left;
	margin: 0 2% 20px 0;
	background: #fdfdfd;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	transition: all var(--transition) ease-in-out;
	overflow: hidden;
	border-radius: var(--radius);
}

@media screen and (min-width: 775px) and (max-width: 980px) {
	.spisok {
		height: 244px;
	}
}

.spisok:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	filter: contrast(110%);
}

.spisok_main {
	position: relative;
	width: 31%;
	float: left;
	margin: 0 2% 20px 0;
	border-radius: var(--radius-sm);
}

.spisok_film {
	position: relative;
	width: 31%;
	aspect-ratio: 2 / 3;
	float: left;
	margin: 0 2% 20px 0;
	background: #ddd;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: all var(--transition) ease-in-out;
	overflow: hidden;
	border-radius: var(--radius-sm);
}

.spisok_film:hover {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	filter: contrast(110%);
}

.spisok_film img {
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}

.spisok_film a {
	border: 0;
}

.spisok_film a.timefilm {
	position: absolute;
	opacity: var(--opacity);
	bottom: 2px;
	left: 6px;
	color: #ffffff;
	font-size: 12px;
	font-family: var(--font-second), sans-serif;
	text-shadow: 3px 3px 3px #000000, -3px -3px 3px #000000, 1px 1px 1px #000000, -1px -1px 1px #000000;
	border: 0;
	z-index: 999;
	pointer-events: none;
}

.time {
	font-size: 16px;
	font-family: var(--font-second), sans-serif;
	opacity: var(--opacity-lg);
	margin-bottom: 30px;
}

.spisok_tv {
	position: relative;
	width: 23%;
	float: left;
	margin: 0 2% 2% 0;
	transition: all var(--transition) ease-in-out;
}

.spisok_tv h3 {
	height: 0;
	padding-bottom: 30%;
	line-height: 1;
	text-align: center;
	margin: 0;
}

.spisok_tv h3 a {
	display: inline-flex;
	flex-direction: column;
}

.spisok_tv .original_name {
	opacity: var(--opacity-lg);
	font-size: 13px;
}

.spisok_tv .year {
	opacity: var(--opacity-lg);
	font-size: 12px;
}

.timehome {
	margin: 2px 0px 2px 5px;
	font-size: 12px;
	font-family: var(--font-second), sans-serif;
	color: #000000;
	opacity: var(--opacity-lg);
}

.timehome a {
	color: #000000;
}

.thumb {
	float: left;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
	transition: all var(--transition) ease-in-out;
}

.thumb .title {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 2px 6px;
	border-radius: var(--radius);
	background: #ffffff;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	text-align: right;
	opacity: var(--opacity);
	pointer-events: none;
}

.thumb .logo {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	pointer-events: none;
}

.thumb .logo img {
	width: 42%;
	filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 1)) drop-shadow(-1px 2px 10px rgba(0, 0, 0, 1)) drop-shadow(1px 0px 10px rgba(0, 0, 0, 1))
}

.thumb_small {
	float: left;
	width: 32px;
	height: 32px;
	/* border-radius: 12px; */
	padding: 0;
	margin: 0 4px 10px 0;
	overflow: hidden;
	position: relative;
	transition: all var(--transition) ease-in-out;
}

.thumb_small img {
	width: 32px;
	border-radius: var(--radius);
}

.thumb_main {
	background: #ddd;
	float: left;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative;
	text-align: center;
	border-radius: var(--radius);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	transition: all var(--transition) ease-in-out;
}

.thumb_main:hover {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	filter: contrast(110%);
}

.thumb_main h3 {
	position: absolute;
	bottom: 2px;
	color: #ffffff;
	width: 100%;
	margin: 0;
	pointer-events: none;
}

@media screen and (max-width: 480px) {
	.thumb_main h3 {
		font-size: 11px;
	}
}

@media screen and (min-width: 775px) and (max-width: 980px) {
	.thumb_main h3 {
		font-size: 11px;
	}
}

.thumb_main a {
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000, -3px -3px 3px #000000, 1px 1px 1px #000000, -1px -1px 1px #000000;
	;
}

.thumb_main span.title {
	font-size: 15px;
}

@media screen and (max-width: 480px) {
	.thumb_main span.title {
		font-size: 12px;
	}
}

.thumb_tv {
	background: center / cover no-repeat url("/images/default_tvshow.jpg");
	float: left;
	width: 100%;
	height: 0;
	margin: 0 0 10px 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	transition: all var(--transition) ease-in-out;
	border-radius: 28%;
}

.thumb_tv:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
	filter: contrast(110%);
}

.thumb_tv img {
	width: 100%;
}

.thumb_tv_channellogo {
	position: absolute;
	width: 100%;
	top: -5%;
	text-align: center;
	pointer-events: none;
}

.thumb_tv_channellogo a {
	border: 0;
}

.thumb_tv_channellogo img {
	filter: drop-shadow(4px 4px 4px #111);
	height: 14px;
}

.thumb_tv_release {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: #fa4032;
	font-size: 14px;
	font-family: var(--font-second), sans-serif;
	padding: 2px;
}

.thumb_tv_release a {
	color: #ffffff;
	border: 0;
}

table.content_list {
	font-family: var(--font-second), sans-serif;
}

table.content_list a:hover {
	border-bottom: 1px solid;
}

.schedule-month {
	font-size: 24px;
	font-family: var(--font-second), sans-serif;
	font-weight: bold;
}

.schedule-month~.schedule-month {
	margin-top: 40px;
}

.schedule-day {
	font-family: var(--font-second), sans-serif;
	font-weight: bold;
	margin-top: 20px;
}

.schedule-month+.schedule-day {
	margin-top: 0;
}

.squircle {
	--smooth-corners: 2.6;
	mask-image: paint(smooth-corners);
	-webkit-mask-image: paint(smooth-corners);
}

.imgthumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all var(--transition) ease-in-out !important;
}

.imgthumb:hover {
	transform: scale(1.05);
}

.blur {
	filter: blur(1px);
}

.rating {
	position: absolute;
	opacity: var(--opacity);
	z-index: 100;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff !important;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0 0 0 3px;
	padding: 2px 8px;
}

.rating_tv {
	position: absolute;
	z-index: 100;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff !important;
	right: 50%;
	top: -6px;
	margin-right: -17px;
	border: 0;
	border-radius: 7px;
	padding: 3px 8px;
	cursor: default;
}

.rating_red {
	background: red;
}

.rating_green {
	background: green;
}

.rating_gray {
	background: gray;
}

.rating_none {
	display: none;
}

.excerpt {
	float: right;
	width: 310px;
	margin-left: 10px;
	font-size: 13px;
}

.amvlc iframe {
	width: 640px !important;
	height: 400px !important;
}

.only_for_admin {
	display: flex;
	flex-direction: column;
	background: cornsilk;
	font-family: var(--font-second), sans-serif;
	padding: 20px 10px;
	margin-top: 10px;
	border-radius: var(--radius);
	opacity: var(--opacity);
}

.only_for_admin-item {
	display: flex;
	gap: 4px;
}

.only_for_admin-item-title {
	opacity: var(--opacity-lg);
	width: 120px;
}

.facts {
	background: #f6f6f6;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	font-family: var(--font-second), sans-serif;
	padding: 10px;
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 50px;
}

.facts .fact-title {
	font-size: 14px;
	opacity: var(--opacity-lg);
}

.tags {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.tags li {
	list-style: none;
}

.tag {
	background: #fafafa;
	padding: 4px 10px;
	color: #333 !important;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .06);
	border: 0;
	display: flex;
	align-items: center;
}

.tag:hover {
	background: #f1f1f1;
	box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
	opacity: var(--opacity);
}

.badge {
	background: #eee;
	opacity: var(--opacity-lg);
	font-size: x-small;
	margin-left: 4px;
	padding: 2px 4px;
	border-radius: 6px;
}


/************************************************
*	Post  									*
************************************************/

#post {
	background: #ffffff;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
}

.taxinfo {
	background: #ffffff;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
	width: 100%;
}

#post h2 {
	margin: 30px 0 10px 0;
}

.image-for-sharing {
	display: none;
}

.video {
	background: #cccccc;
	margin: 0 0 5px 0;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.play {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

/*
.play a {
	display: inline-block;
	border: 0;
	border-radius: 30px;
	background: linear-gradient(128deg,#fa4032 58%,var(--color-yellow));
	color: #fff;
	padding: 16px 30px;
	margin: 4px;
	transition: all var(--transition) ease-in-out;
	opacity: var(--opacity);
	transition: all var(--transition) ease-in-out;
	}

.play a:hover {
	transition: all var(--transition) ease-in-out;
	transform: scale(1.05);
	opacity: 1;
 	background: linear-gradient(128deg,#fc3039 58%,#f9e4a5);
	}
*/

.button {
	display: inline-flex;
	align-items: center;
	width: auto;
	padding: 12px 20px;
	border-radius: 30px;
	border: 0;
	color: #ffffff !important;
	font-family: var(--font-second), sans-serif;
	font-weight: 500;
	text-align: center;
	transition: all var(--transition) ease-in-out;
}

.button:hover {
	transition: all var(--transition) ease-in-out;
	transform: scale(1.05);
	opacity: 1;
}

.button-default {
	background: #ff6600;
}

.button-match {
	background: #c59f56;
}

.button-ok {
	background: #ee8208;
}

.button-premier {
	background: #fddd2d;
	color: #141414 !important;
}

.button-start {
	background: #ff0019;
}

.button-kinopoiskhd {
	background: linear-gradient(135deg, #f50 69.93%, #d6bb00);
}

.button-wink {
	background: linear-gradient(63.55deg, #ff9532 -10.89%, #ff8a1c 9.96%, #ff5b21 51.66%, #ff5a24 86%);
}

.button-kion {
	background: linear-gradient(180deg, #8e4383 0%, #95407a 45.3%, #922d60 45.31%, #b92e2d 100%), linear-gradient(270deg, #b42e2d9e 10.94%, #ac3b5900 100%);
}

.button-okko {
	background: linear-gradient(26.57deg, #3c1a70 0%, rgba(93, 14, 245, .83));
}

.button-ivi {
	background: #f30745;
}

.button-friday {
	background: #e60086;
}

.button-ctc {
	background: #ffcb05;
	color: #000000 !important;
}

.button-kino1tv {
	background: #188bf5;
}

.button-smotrim {
	background: linear-gradient(180deg, #ff0064, red);
}

.button-utv {
	background: linear-gradient(45deg, #ec1a3a 0%, #dd0063 100%);
}

.button-netflix {
	background: rgb(229, 9, 20);
}

.button-hbo {
	background: #000000;
}

.button img,
.button svg {
	width: 24px;
	height: 24px;
	margin-right: 4px;
	border-radius: 50%;
}

.meta {
	color: #8e8e8e;
	font-family: var(--font-second), sans-serif;
	font-size: 18px;
	line-height: 1.3;
	transition: all var(--transition) ease-in-out;
}

.meta a:hover {
	border-bottom: 1px solid;
}

.meta-element {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}

.meta-element-icon {
	aspect-ratio: 1 / 1;
	max-height: 64px;
}

.meta-element-icon img {
	height: 64px;
}

.meta-element-text {
	padding-left: 6px;
}

.show-all {
	background: none;
	border: 0;
	border-bottom: 1px dashed;
	color: #0091ed;
	cursor: pointer;
	padding: 0;
	margin-left: 5px;
}

.alltv li {
	font-family: var(--font-second), sans-serif;
	font-size: 15px;
	list-style-type: none;
}

.postdesc {
	margin: 0 40px 20px 0;
	padding: 5px 0 5px 0;
	clear: both;
}

.postleft {
	float: left;
	width: 150px;
	margin-bottom: 20px;
}

.postright {
	float: right;
	width: 410px;
}

div#vk_comments {
	width: 100% !important;
}

iframe#vkwidget1 {
	width: 96%;
}


/************************************************
*	Реклама Directadvert						*
************************************************/

.teaser {
	background: #fdf8e3;
	margin: 10px;
	padding: 20px;
	font-size: 16px;
	border-radius: 6px;
}

.da-list__img {
	max-width: 100%;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	opacity: var(--opacity);
	transition: all var(--transition) ease-in-out;
}

.da-list__img:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	opacity: 1;
}


/************************************************
*	Реклама Adfinity							*
************************************************/

.adfinity_block_8257 {
	background: #efefef;
	height: 300px;
	margin-bottom: 5px;
}

/************************************************
*	Pagenavi  									*
************************************************/

.pagenavi {
	clear: both;
	color: #808080;
	display: flex;
	padding: 7px 0 7px 0;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.pagenavi a {
	display: flex;
	color: #555555;
	width: 30px;
	height: 30px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	transition: all var(--transition) ease-in-out;
	align-items: center;
	justify-content: center;
}

.pagenavi a:hover {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.pagenavi span {
	display: flex;
	width: 30px;
	height: 30px;
	border: 1px solid #eef2f5;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	cursor: default;
}

.pagenavi b {
	display: flex;
	font-size: 9px;
	margin: 0 6px 0 5px;
}


/************************************************
*	Sidebar  									*
************************************************/

#sidebar {
	float: left;
	width: 28%;
	min-width: 250px;
	background: #ffffff;
	padding: 20px 1% 0 1%;
	margin: 0 0 0 1%;
	border-radius: 10px;
	box-shadow: 0px 0px 1px #efefef;
}

.sidebar-title {
	font-family: var(--font-second), sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.sidebar-title span {
	border-bottom: 3px solid var(--color-yellow);
}

.sidebar-content {
	margin: 0 10px;
}

.sidebar-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
	transition: all var(--transition) ease-in-out;
}

.sidebar-content ul a:hover {
	border-bottom: 1px solid;
}

.sidebar-content ul li {
	font-family: var(--font-default), sans-serif;
	font-size: 15px;
}

.sidebar-content ul li ul {
	padding: 0;
	list-style-type: none;
	font-family: var(--font-default), sans-serif;
	font-size: 14px;
}

.sidebar-content ul li ul li {
	font-family: var(--font-default), sans-serif;
	font-size: 14px;
}

.sidebar-content ul li ul li sup {
	font-family: var(--font-second), sans-serif;
	color: #000000;
	opacity: var(--opacity-lg);
	vertical-align: top;
}

.sidebar-content li.categories {
	line-height: 1.6;
}

.sidebar-content li.categories li.cat-item img {
	width: 18px;
	height: 18px;
	vertical-align: text-top;
	margin-right: 2px;
	border-radius: 5px;
}

.tvshow {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 2px #d8d8d8;
	padding: 10px 10px 0 10px;
}

.tvshow p {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
}

a.feed {
	font-size: 13px;
	margin: 0 0 0 5px;
}


.serial-item {
	position: relative;
	margin: 10px 0;
}

/* твой же блок */
.serial-element {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	position: relative;
	z-index: 0;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: all var(--transition) ease;
}

/* «ореол» вне границ */
.serial-element::before {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: inherit;
	background: transparent;
	pointer-events: none;
	z-index: -1;
	transition: all var(--transition) ease;
}

.serial-element:hover::before {
	background: #fdfdfd;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.serial-element:focus-visible::before {
	background: rgba(0, 0, 0, 0.10);
}

.serial-element-image {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: var(--radius);
	object-fit: cover;
}

.serial-element-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.2;
}

.serial-element-title {
	font-size: 15px;
	color: var(--color-link);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.serial-element-date {
	font-size: 12px;
	font-family: var(--font-second), sans-serif;
	color: #000000;
	opacity: var(--opacity-lg);
}

/* «редактировать» — вынесли за пределы ссылки и положили поверх */
.serial-element-edit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.serial-element-edit a {
	border: 0;
	text-decoration: none;
}



/************************************************
*	Footer  									*
************************************************/

#footer {
	font-size: 15px;
	background: #f0f0f0;
	color: #333333;
	padding: 10px;
	margin-top: 20px;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px 0px 1px #efefef;
}

.columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	/* 3 колонки по умолчанию */
	gap: 16px;
	/* расстояние между колонками */
}

/* Мобильные: 1 колонка */
@media (max-width: 600px) {
	.columns {
		grid-template-columns: 1fr;
	}
}

.column {
	font-family: var(--font-second), sans-serif;
	min-width: 0;
	/* чтобы длинные ссылки не раздвигали колонку */
}

.column a {
	color: #333333;
	transition: all var(--transition) ease-in-out;
	/* Красивая переносимость длинных ссылок в колонках */
	word-wrap: break-word;
	overflow-wrap: anywhere;
	padding: 2px;
	display: inline-block;
	border: 0;
}

.column a:hover {
	color: #000000;
}

.clear {
	clear: both;
}

#footer h2 {
	font-size: 16px;
	font-family: var(--font-default);
	color: #333333;
	margin: 30px 0 0 0;
}


/************************************************
*	Breadcrumbs									*
************************************************/

.kama_breadcrumbs {
	margin: 0 10px 10px 0;
	font-size: 14px;
	font-family: var(--font-second);
}

.kb_sep {
	margin: 0 2px;
	opacity: var(--opacity-lg);
}

.kama_breadcrumbs a:hover {
	border-bottom: 1px solid;
}

/************************************************
*	Spoiler  									*
************************************************/

/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
	display: none;
}

/* Убираем стандартный маркер Firefox */
details>summary {
	list-style: none;
}

/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
	content: '+';
	font-family: "Font Awesome 5 free";
	margin-right: 7px;
}

/* Добавляем собственный маркер для открытого состояния */
details[open] summary:before {
	content: '–';
}

summary {
	cursor: pointer;
	margin: 0 auto 10px auto;
	text-align: center;
	width: 200px;
}

summary span {
	color: #0091ed;
	border-bottom: 1px dashed;
}


/************************************************
*	Scroll  									*
************************************************/

::-webkit-scrollbar-button {
	width: 6px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color: #f9f9fd;
	box-shadow: 4px 4px 4px -4px rgba(34, 60, 80, 0.2) inset;
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #dedede;
}

::-webkit-scrollbar {
	width: 14px;
}

/************************************************
*	Tooltips  									*
************************************************/

.help-icon {
	display: inline-flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-left: 0.25em;
	cursor: help;
	background: #333;
	color: #fff;
	border-radius: 50%;
	font-size: 0.75em;
	padding: 1px;
}

.help-icon::before {
	content: "?";
}

[data-tooltip] {
	position: relative;
}

.tooltip {
	position: absolute;
	z-index: 9999;
	display: inline-block;
	padding: 6px 10px;
	background: #333;
	color: #fff;
	font-size: 13px;
	line-height: 1.35;
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-2px);
	transition: opacity 0.15s ease, transform 0.15s ease;
	pointer-events: none;
	max-width: 360px;
	min-width: 0;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
	text-align: left;
}

.tooltip[data-show] {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.tooltip__arrow {
	position: absolute;
	width: 10px;
	height: 10px;
	pointer-events: none;
}

.tooltip__arrow::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #333;
	transform: rotate(45deg);
}

.tooltip[data-popper-placement^="top"] .tooltip__arrow {
	bottom: -5px;
	left: 50%;
	margin-left: -1px;
}

.tooltip[data-popper-placement^="bottom"] .tooltip__arrow {
	top: -5px;
	left: 50%;
	margin-left: -1px;
}

.tooltip[data-popper-placement^="left"] .tooltip__arrow {
	right: -5px;
	top: 50%;
	margin-top: -5px;
}

.tooltip[data-popper-placement^="right"] .tooltip__arrow {
	left: -5px;
	top: 50%;
	margin-top: -5px;
}


/************************************************
*	Toasts										*
************************************************/

.toast-container {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	z-index: 9999;
	pointer-events: none;
}

.toast {
	min-width: 260px;
	max-width: 360px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity var(--transition) ease, transform var(--transition) ease;
	pointer-events: auto;
}

.toast.visible {
	opacity: 1;
	transform: translateY(0);
}


/************************************************
*	Parse										*
************************************************/

.parse_table_container {
	font-size: 12px;
	overflow: auto;
	position: relative;
}

.parse_table_container table {
	white-space: nowrap;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}

.parse_table_container table th {
	text-align: left;
	background: #efefef;
	border: 1px solid #dddddd;
	padding: 3px;
}

.parse_table_container table td {
	border: 1px solid #dddddd;
	padding: 3px;
}

.parse_form {
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.parse_form input[type=text],
.parse_form textarea,
.parse_form select {
	width: 100%;
	max-width: 600px;
}

.parse_form input[type=checkbox] {
	width: 20px;
	margin: 0;
	vertical-align: middle;
	cursor: pointer;
}

.parse_form input[type=radio] {
	width: auto;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

.parse_form input[type=submit],
.parse_table_container button,
.button-system {
	display: inline-block;
	width: auto;
	font-family: var(--font-second), sans-serif;
	border: 0;
	border-bottom: 1px solid #cdcdcd;
	padding: 5px 25px 5px 25px;
	margin: 15px 5px 5px 0;
	outline: none;
	opacity: var(--opacity-md);
	transition: all var(--transition) ease;
	cursor: pointer;
}

.parse_form input[type=submit]:hover,
.parse_table_container button:hover {
	opacity: 1;
}

.parse_form input[type=submit]:active,
.parse_table_container button:active {
	box-shadow: 0 7px 14px rgb(65 132 144 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
	filter: contrast(0.9);
}

.parse_form label,
.parse_checkbox_label {
	display: block;
	max-width: 600px;
	margin: 10px 0 0 0;
	opacity: var(--opacity-md);
	font-family: var(--font-second), sans-serif;
	font-size: 16px;
	transition: all var(--transition) ease;
	cursor: pointer;
}

.parse_form textarea {
	border: 1px solid #cdcdcd;
}

.parse_form .radio_buttons {
	margin: 0 0 0 5px;
}

.parse_form .radio_buttons label {
	display: inline-block;
	max-width: 600px;
	margin: 5px 10px 0 0;
	opacity: var(--opacity-md);
	font-family: var(--font-second), sans-serif;
	font-size: 16px;
	transition: all var(--transition) ease;
	cursor: pointer;
}

/* Новая версия форм */

.form {
	max-width: 720px;
	font-family: var(--font-second);
}

.form-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 12px;
}

.form-row-wrap {
	flex-wrap: wrap;
}

.form-row-additional {
	background: #fafafa;
	box-shadow: 0 0 0 10px #fafafa;
	border-radius: var(--radius);
	outline-offset: 10px;
	outline: 1px dashed #eee;
}

/* фиксированная колонка для подписей */
.form-row>label {
	flex: 0 0 120px;
	/* ширина лейбла */
	opacity: var(--opacity-lg);
}

/* small — всегда с новой строки */
.form-row>small {
	flex: 0 0 100%;
	width: 100%;
	margin-left: 132px;
	opacity: var(--opacity-lg);
}

.form-row textarea {
	field-sizing: content;
	min-height: 1lh;
	max-height: 12lh;
}

.form-row input,
.form-row textarea {
	flex: 1 1 auto;
	/* поле растягивается */
	min-width: 0;
	/* предотвращает переполнение */
	padding: 4px;
	margin: 0;
	width: auto;
}

.form-row select {
	flex: 0 0 auto;
	/* не растёт и не сжимается флексом */
	width: max-content;
	/* ширина по самому длинному видимому варианту */
	max-width: 100%;
	/* чтобы не вылезал за контейнер */
	padding: 4px 30px 4px 0;
	margin: 0;
}

.form-row select[multiple] {
	height: 25lh;
}

.form-row input[type="datetime-local"],
.form-row input[type="date"] {
	flex: 0 0 auto;
	/* не растёт и не сжимается флексом */
}

.form-row input[type="submit"],
.form-row input[type="button"],
.form-row button {
	flex: 0 0 auto;
	width: auto;
	align-self: flex-start;
	border-bottom: 1px solid #cdcdcd;
	padding: 5px 25px;
	margin: 15px 5px 5px 0;
	opacity: var(--opacity-md);
	transition: all var(--transition) ease;
	cursor: pointer;
}

.form-row input[type="submit"]:hover,
.form-row input[type="button"]:hover,
.form-row button:hover {
	opacity: 1;
}

.button-group {
	display: flex;
	flex-wrap: wrap;
	/* переносятся, если не влезают */
	gap: 10px;
}

.button-group label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
}

.message-success,
.message-error,
.message-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: medium;
	font-family: var(--font-second), sans-serif;
	padding: 10px 20px;
	margin: 10px 0;
	width: fit-content;
	border-radius: 4px;
}

.message-success {
	background: #e9ffe9;
}

.message-error {
	background: #ffe6e6;
}

.message-info {
	background: #fafafa;
}


/* Эффекты редактируемых полей в таблице */

#episodes-table td[contenteditable="true"] {
	background-color: #fffdf4;
	transition: background-color var(--transition);
}

#episodes-table td[contenteditable="true"]:hover {
	background-color: #fff9db;
}

#episodes-table td[contenteditable="true"]:focus {
	background-color: #fff9db;
	outline: 2px solid #4dabf7;
	opacity: 1;
}

/* Спиннер */
.spinner {
	border: 3px solid rgba(0, 0, 0, 0.1);
	border-left-color: #09f;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Кнопка удаления строки из таблицы */
.delete-row {
	cursor: pointer;
	font-size: 10px;
}

.delete-row:hover {
	opacity: var(--opacity);
}

.delete-row:active {
	opacity: var(--opacity-lg);
}


/************************************************
*	Skeleton									*
************************************************/

.skeleton-item {
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}


/************************************************
*	Ponominalu									*
************************************************/

#pn_advFeed {
	border: 0 !important;
	margin-left: 25px !important;
	background: none !important;
	width: 630px !important;
}

#pn_advFeed a {
	color: #000000 !important;
}

#pn_advFeed_list li {
	background: none !important;
	opacity: var(--opacity) !important;
	transition: all var(--transition) ease-in-out;
}

#pn_advFeed_list li:hover {
	background: none !important;
	opacity: 1 !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3) !important;
}



/*-------------------------------- Contact --------------------------------*/
.errors,
.errorss {
	color: red;
}


/************************************************
*	Хелперы (Helpers)							*
************************************************/

.d-none {
	display: none;
}

.opacity {
	opacity: var(--opacity);
}

.opacity-md {
	opacity: var(--opacity-md);
}

.opacity-lg {
	opacity: var(--opacity-lg);
}


/************************************************
*	775px  									*
************************************************/
@media screen and (min-width: 320px) and (max-width: 775px) {
	#content {
		width: 98%;
		padding: 20px 2% 1% 2%;
	}

	#sidebar {
		width: 100%;
		margin: 0;
	}
}

/************************************************
*	980px  									*
************************************************/
@media screen and (min-width: 776px) and (max-width: 980px) {
	#content {
		float: left;
		width: auto;
		padding: 20px 2% 1% 2%;
	}

	#sidebar {
		float: left;
		width: 98%;
		max-width: 1200px;
		margin: 0;
	}

	.sidebar-content ul {
		margin: 0 20px 20px 0;
		float: left;
	}
}