body {
	background-color: #18315d;
	background: url('../img/spring-2022/background.png'), linear-gradient(180deg, #370482 0%, #881888 100%);
	background-size: 900px auto, cover;
	background-repeat: repeat-y, no-repeat;
	background-position: 50% 0%, 50% 0%;
	color: #ffffff;
	min-height: 100vh;
	font-family: "MontserratWeb", sans-serif;
	background-blend-mode: overlay, normal;
}

body.ru-lang {
	font-family: "MontserratWeb", sans-serif;
}
body.ar-lang {
	font-family: "adobe-arabic", "MontserratWeb", sans-serif;
	font-weight: 400;
}

.ar-lang .entry-content,
.ar-lang .feature-content {
  direction: rtl;
  text-align: right;
}

h1:first-child,
h2:first-child,
h3:first-child {
	margin-top: 0;
}

h1,
h2 {
	font-family: "kallisto", "MontserratWeb", sans-serif;
	font-size: 3.5rem;
	line-height: 1.1;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
}

.ru-lang h1,
.ru-lang h2 {
  font-family: "iskra", "lores-12", "MontserratWeb", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.ar-lang h1,
.ar-lang h2 {
	font-family: "omnes-arabic", "lores-12", "MontserratWeb", sans-serif;
  	font-style: normal;
  	font-weight: 700;
}

.ar-lang h1,
.ar-lang h2,
.ar-lang h3,
.ar-lang .production,
.ar-lang .airing,
.ar-lang .regions {
  font-weight: 400;
}

h3 {
	color: #ff43b2;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9375rem;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block
}
.img-scale {
	max-width: 80px;
}

.site-header {
	max-width: 918px;
	margin: 0.5rem auto;
	padding: 0 2rem;
	line-height: 1;
}

.logo {
	max-width: 100%;
	height: auto;
	width: 200px;
}

.entry-header {
	margin: 3.75rem auto 1.75rem;
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: 108px auto;
	text-align: center;
}
.entry-img img {
	max-width: 100%;
	height: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.entry-main {
	background-color: #480f62;
	max-width: 822px;
	margin: 0 auto;
	text-align: left;
	/*box-shadow: 0 0 6px #86352c;*/
}
.entry-main a {
	color: inherit;
	text-decoration: underline;
}

.entry-content {
	font-size: 1.1rem;
	padding: 1rem 2rem 2rem;
}
.entry-content > :first-child {
	margin-top: 0;
}
.entry-content > :last-child {
	margin-bottom: 0;
}

.entry-img img {
	display: block;
}

.entry-title {
	margin-bottom: 0;
	font-size: 3rem;
}

.entry-title,
.feature-title {
	text-align: center;
	max-width: 886px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0 1rem;
}


.title-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 822px;
	margin: 0 auto;
	padding: 0 1rem;
}
.en-lang .title-wrap > :nth-child(2) {
	max-width: 582px;
	word-break: break-word;
}
.entry-header .title-wrap {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.entry-title:before,
.feature-title:before {
	margin: 0;
	left: 0;
}

.entry-title:after,
.feature-title:after {
	margin: 0;
	right: 0;
}

.feature-section {
	margin: 1.75rem 0;
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: 108px auto;
	text-align: center;
}
.feature-section:last-of-type {
	padding-bottom: 0;
}
.feature-section > .separator {
	max-width: 500px;
	margin: 3em auto 1em;
}

.featured-shows {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 822px;
}
.feature-show {
	background-color: #480f62;
	display: inline-block;
	width: calc(49% - 2rem);
	vertical-align: top;
	margin: 1rem;
	/*box-shadow: 0 0 6px #86352c;*/
}
.entry-main:after,
.feature-show:after {
	content: "";
	clear: both;
	display: table;
}
.entry-img,
.entry-content,
.feature-img,
.feature-content {
	float: left;
}

.entry-img {
	width: 25%;
	max-width: 100%;
}
.entry-content {
	width: 100%;
}
.has-thumb .entry-content {
	width: 75%;
}
.feature-img {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.feature-content {
	width: 58%;
}

.feature-img img {
	width: 100%;
	height: auto;
	max-height: 100%;
	display: block;
}
.feature-img .img-wrap {
	display: inline-block;
}
.feature-content {
	padding: 0.75rem 1rem;
	display: flex;
	flex-direction: column;
	text-align: left;
}

.synopsis {
	font-weight: 400;
	font-style: italic;
	font-size: 0.75rem;
	line-height: 1.25;
}
.synopsis p {
	margin: 0.75rem 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.production,
.airing,
.regions {
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 1.2;
	margin: 0;
}

.regions {
	font-style: italic;
	font-size: 0.75rem;
	margin: 1em 0;
}

.social-links {
	list-style: none;
	margin: 0;
	padding: 0;
	/*margin-top: auto;*/
	/*text-align: center;*/
}
.social-links li {
	background-size: 1.5rem;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 1.5rem;
	margin: 0 0.25rem;
}
.social-links a {
	width: 2rem;
	height: 1.5rem;
	display: block;
	line-height: 1;
}

.social-links svg {
	fill: #b9ef95;
	vertical-align: middle;
}

.production + .social-links,
.airing + .social-links {
	margin-top: 1em;
}

.img-center {
	margin: 0 auto;
}

.feature-section:before {
	content: "";
	background-image: url('../img/spring-2022/divider-gas-giant.png');
	width: 18em;
	height: 8em;
	/*display: inline-block;*/
	display: block;
	background-size: 18em;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	vertical-align: middle;
	margin: 0 auto 2em;
}

/*.feature-section:nth-of-type(3n + 1) .feature-show {
	border: 2px solid #0BEEF9;
}
.feature-section:nth-of-type(3n + 2) .feature-show {
	border: 2px solid #FC965E;
}
.feature-section:nth-of-type(3n + 3) .feature-show {
	border: 2px solid #EB7AF4;
}*/
.feature-section:nth-of-type(3n + 1):before {
	background-image: url('../img/spring-2022/divider-gas-giant.png');
}
.feature-section:nth-of-type(3n + 2):before {
	background-image: url('../img/spring-2022/divider-ringed-planet.png');
}
.feature-section:nth-of-type(3n + 3):before {
	background-image: url('../img/spring-2022/divider-ufo.png');
}
/*.feature-section:nth-of-type(4n + 4):before {
	background-image: url('../img/spring-2021/sakura.png');
}*/

.watch-options {
	display: flex;
	gap: 10px;
	margin: 0 0 0.5em;
}
.watch-options__subbed,
.watch-options__dubbed {
	display: block;
}
.watch-options img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 75px;
}

@media only screen and (max-width: 886px) {
	.entry-title,
	.feature-title {
		font-size: 5.4vw;
		white-space: nowrap;
	}
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.has-thumb {
		display: -ms-grid;
		-ms-grid-columns: 1fr;
	}
	.has-thumb .entry-content {
		-ms-grid-row: 2;
	}
	.entry-img,
	.entry-content,
	.has-thumb .entry-content {
		float: none;
		width: 100%;
	}
	.entry-main:after {
		display: none;
	}
	.entry-header,
	.feature-section {
		background-size: 108px 28px;
	}
}

@supports( display: grid ) {
	.has-thumb,
	.featured-shows,
	.feature-show {
		display: grid;
	}
	.has-thumb,
	.featured-shows,
	.feature-show {
		grid-template-columns: 1fr;
	}
	.featured-shows {
		grid-gap: 1.5rem;
	}
	.entry-main,
	.has-thumb {
		margin: 0 2rem;
	}
	.feature-show {
		margin: 0 2rem;
		width: auto;
	}
	.entry-img,
	.entry-content,
	.has-thumb .entry-content,
	.feature-img,
	.feature-content {
		float: none;
		width: 100%;
	}
	.entry-main:after,
	.feature-show:after {
		display: none;
	}
	.social-links a {
		width: 100%;
	}
	.wire-rack {
		margin: 0 calc(50% - 50vw);
		margin-top: -4rem;
		max-width: 100vw;
		width: 100vw;
	}
	@media only screen and (min-width: 420px) {
		.feature-show {
			grid-template-columns: 9fr 10fr;
		}
	}
	@media only screen and (min-width: 780px) {
		.entry-main {
			grid-template-columns: 1fr;
			margin: 0 auto;
		}
		.has-thumb {
			margin: 0 auto;
		}
		.featured-shows {
			grid-template-columns: 1fr 1fr;
		}
		.feature-show {
			grid-template-columns: 9fr 10fr;
			margin: 0;
		}
		.wire-rack {
			grid-column: span 2;
		}
	}
}