:root {
 --blue: #009faf;
--lightblue:#00ADBD; 
--darkblue: #00707a;
--pink: #ef5570;
--lightpink: #F5758D;
--white: #fdfdfc;

--grey: #353535;
--lightgrey: #3f3e3e;
--lightergrey: #494848;
--lightestgrey: #a1a1a1;

--beige:#eaeae8;
--lightbeige: #f7f4f0;
 --lighterbeige: #f4f4f2;

	// more greyish --lighterbeige: #f1f0ef;
	// more greyish --lightbeige: #f7f4f0;
	// more greyish --beige: #e2e1df;

--ucheadingcolor: #888786;

  --standard-padding: 1rem;
  --neg-standard-padding: -1rem;
  --small-padding: 0.5rem;
  --logobg: #efe9e1;
  --headerheight: 70px;

--fontsize-mini: 0.80rem;
}
@media all and (min-width:1025px) {
	:root {
		--fontsize-mini: 0.80rem;
	}
}	

/* Breakpoints
320px - 480px: Mobile devices.
481px - 768px: iPads, Tablets.
769px - 1024px: Small screens, laptops.
1025px - 1200px: Desktops, large screens.
1201px and more  Extra large screens, TV.
*/

* {
	border:0;
	padding:0;
	margin:0;
	background:none;
}

/* Forms */
input, textarea, select, checkbox, radio {
	outline: none;
	padding: 0.5rem;
	background:#eee;
	font-size:1rem;
/*	font-family: 'Roboto Condensed', sans-serif;*/
	font-family: Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,verdana,arial,sans-serif;
}
button {
	padding:0;
	margin:0;
	border:0;
	font: inherit;
	text-align:inherit;
}



img {
	max-width:100%;
	height:auto;
}
body {
	background:var(--white);
	font-family: Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,verdana,arial,sans-serif;
	color: #353535;
	font-size: 16px;
	line-height: 120%;
	overflow-x:hidden;
}
html {
	font-size:16px;
	line-height: 120%;
}
	@media all and (min-width:1350px) {
		body, html {
			font-size:16px;
		}
	}
	@media all and (max-width:375px) {
		body, html {
			font-size:14px;
		}
	}

.constrain {
	padding: 0 var(--standard-padding);
	margin: 0 auto;
	max-width:1830px;
	position:relative;
	width:100%;
	box-sizing: border-box;
}
	@media all and (min-width: 560px) and (max-width: 1400px) {
		.constrain, header .constrain {
			padding:0 2rem;
		}
	}
	@media all and (min-width: 1400px)  and (max-width: 1749px){
		.constrain {
			width:94%;
		}
	}
	@media all and  (min-width: 1750px) {
		.constrain {
			width:82%;
		}
	}
a {
	color:var(--darkblue);
	text-decoration:underline;
	transition:color 0.2s;
}
	@media all and (min-width:1025px) {
		a:hover {
			color:var(--blue);
			transition:color 0.2s;
		}
	}

.hide-m { }
	@media all and (max-width:1024px) {
		.hide-m {
			display:none;
		}
	}
.hide-d { }
	@media all and (min-width:1025px) {
		.hide-d {
			display:none;
		}
	}

.left {
	float:left;
}
.right {
	float:right;
}
.txt-left {
	text-align:left;
}
.txt-right {
	text-align:right;
}
.txt-center {
	text-align:center;
}

#pagewrap img {
    max-width: 100%;
    height: auto;
}

.button, .submit, #text-page .submit, #pagewrap .button {
	background:var(--darkblue);
	border:0;
	color:#fff;
	text-decoration:none;
	transition: background 0.2s;
	padding: 0.4rem 3rem 0.4rem 1rem;
	display:inline-block;
	text-align:left;
	cursor:pointer;
	font-size: var(--fontsize-mini);
	text-transform:uppercase;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}
	#pagewrap .button-secondary {
		background-color:var(--lighterbeige);
		color:var(--darkblue);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%2300707a'/%3E%3C/svg%3E");
		font-weight:bold;
	}
@media all and (min-width:1025px) { 
	.button:hover, #show-nav a.button:hover, .submit:hover,  #pagewrap .button:hover {
		background-color:var(--blue);
		background-position: right 0.8rem center;
		color:#fff;
		transition: background 0.3s, background-position 0.3s;
	}
	#pagewrap .button-secondary:hover {
		color:var(--white);
		background-color:var(--darkblue);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");
	}
}
#available-pages-wrap .button, .homepage-search-button .button{
	background-color:var(--blue);
}



header {
	background:var(--grey);
	position:fixed;
	left:0;
	top:0;
	right:0;
	height:var(--headerheight);
	z-index:4;
}
	header .constrain {
		display:flex;
		flex-wrap: nowrap;
		align-items: center;
		padding:0;
		height:var(--headerheight);
	}
	@media all and (min-width: 560px) and (max-width: 1400px) {
		header .constrain {
			padding:0 2rem;
		}
	}

	#header-logo {
		order:2;
		flex:1 1  113px;
		text-align:center;
	}
		#header-logo a {
			display:block;
			width:113px;
			margin:0 auto;
		}
	#header-nav-wrap {
		order:1;
		flex: 0 0 90px;
	}
		#header-nav {
			padding:1rem;
			transform: translateX(0);
			transition: transform 250ms ease-in-out;
			box-sizing:content-box;
		}

	#header-search {
		order:3;
		flex: 0 0  90px;
		text-align:right;
		padding-top:1px;
		display:flex;
		justify-content:flex-end;
	}

	/* Search */

		#header-search-showhide {
				display:block;
				background: transparent url('/dottv/cdn2/images/icon-search.svg') no-repeat -8px center;
				width:20px;
				height:15px;
				padding: 10px 15px 10px 0;
				transition: background 0.2s;

			}
				@media all and (min-width:1025px) { 
					#header-search-showhide {
						display:none;
					}
				}
			#header-search-showhide.hamburger span {
				opacity:0;
			}
		#header-search input {
			background:var(--lightgrey);
			color:#fff;
		}
			#header-search input.s {
				width:100%;
				padding: 0.8rem 40px 0.8rem 1rem;
				transition: all 0.2s;
				box-sizing:border-box;
				border-bottom: 1px solid var(--grey);
			}
			#header-search input.s:focus {
				border-color: var(--lightestgrey);
				transition: border-color 0.5s;
			}
			#header-search input.search-submit,#search-form .searchinput .search-submit {
				cursor:pointer;
				background: var(--lightergrey) url('/dottv/cdn2/images/icon-search.svg') no-repeat center ;
				width: 60px;
				flex: 0 0 60px;
				z-index: 104;
				text-indent: 140px;
				box-sizing:content-box;
				font-size: 1px;
				padding:0;
				border-radius: 0 0.4rem 0.4rem 0;
			}


	@media all and (min-width:1025px) {

		#header-search .searchinput {
			position:relative;
			display:flex;
			gap: 5px;
		}
			#header-search .searchinput div {
				flex: 1 1 100px;
				position:relative;
			}

		#header-nav-wrap {
			flex: 1 1 50%;
			text-align:left;
			display:block;
			margin-left:0;
		}
		#header-logo {
			flex: 0 0 250px;
			text-align:center;
		}
		#header-search {
			flex:1 1 50%;
			white-space:nowrap;
			text-align:right;
			position:relative;
		}
			#header-search input.s {
				width:80%;
			}
			#header-search input.s:hover, #header-search input.s:focus {
				width:100%;
				transition: border-color , width linear 0.2s;
			}
		#header-search-form {
			display:flex;
			justify-content:flex-end;	
			width:100%;
		}
			#header-search-form form {
				flex: 0 0 100%;
			}

		#header-search input.search-submit,#search-form .searchinput .search-submit {
			background-color:var(--lightgrey);
		}

	}
	@media all and (min-width:1326px) and (max-width:1600px) {
		#header-logo {
			flex: 0 0 150px;
		}
	}


#header-nav-wrap {
	padding-top:3px;
}







/* Hamburger */
.hamburger {
	width:22px;
	display:block;
	cursor: pointer;
	position: relative;
	z-index:100;
	padding:1rem;
}
.hamburger span {
	display: block;
	width: 22px;
	height: 3px;
	margin-bottom: 3px;
	position: relative;
	background: #fff;
	border-radius: 4px;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}
	.sidenav-open #header-nav.hamburger span, .search-open #header-search-showhide span {
		transform: rotate(45deg) translate(-5px, -9px);
		opacity:1;
		background:var(--pink);
	}
	.sidenav-open #header-nav.hamburger span:nth-last-child(2), .search-open #header-search-showhide span:nth-last-child(2) {
		 transform: rotate(-45deg) translate(-3px, 5px);
		opacity:1;
		background:var(--pink);
	}
	.sidenav-open #header-nav.hamburger span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	.search-open #header-search-showhide { 
		background:none;
		transition: background 0.2s;
		padding-top:1rem;
	}


/* Navigation */
#nav, #search-form {
	max-width:450px;
	position: fixed;
	left:0;
	right: 0;
	//bottom:0;
	height:100vh;
	top:var(--headerheight);
	background: var(--lightgrey);
	z-index: 98;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	transform: translateX(-100vw);
	overscroll-behavior: contain;
}
	#search-form {
		transform: translateX(100vw);
	}
	@media all and (min-width:451px) {
		#nav {
			right: auto;
		}
		#search-form {
			left: auto;
		}
	}
	@media all and (min-width:1024px) {
		#nav {
			left:0;
			right:0;
			transform: translateX(-100vw);
		}
	}
	.slideaway { /* Only have transition when it is fully loaded */
		transform: translateX(-100vw);
		transition: transform 250ms ease-in-out;
	}


#pagewrap {
	min-height: 100vh;
	margin-top:var(--headerheight);
	position:relative;
	z-index:2;
	line-height: 1.6rem;
	box-sizing:border-box;
}
	p {
		margin: 1rem 0;
		line-height:1.5rem;
		font-size:1rem;
	}
	#text-page ul, #text-page ol {
		margin: 1rem 0 1rem 2rem;
	}
	#text-page li {
		font-size:1rem;
	}

.h1wrap {
	background:#f1eeeb;
	padding:var(--standard-padding) 0;
}
	h1 {
		font-size:1.4rem;
		margin: 0;
		line-height:1.8rem;
	}
	h2 {
		font-size: 1.2rem;
		margin: 2rem 0 1rem 0;
	}
	h3 {
		margin: 2rem 0 1rem 0;
		color:var(--ucheadingcolor);
		text-transform:uppercase;
		font-size:1.2rem;
		font-weight:bold;
	}
	h4 {
		font-size:1rem;
		margin: 2rem 0 1rem 0;
	}
#text-page {
	padding-top:var(--standard-padding);
	padding-bottom:var(--standard-padding);
}
	@media all and (min-width:1025px) {
		h1 {
			font-size:2rem;
			line-height:2.4rem;
		}
	}



/* Breadcrumbs */
.bc {
	padding: 0.8rem 0;
	background:#e1e1df;
}
	.bc.alt-bc ul.breadcrumbs {
		display:inline;
	}
	.bc p, .bc li {
		color:var(--grey);
	}
ul.breadcrumbs {
	list-style-type:none;
	text-align:left;
	margin: 0 0 0 0;
	font-size:var(--fontsize-mini);
	line-height:1.2rem;
}

	ul.breadcrumbs li {
		display:inline;
		color:#6b6b6b;
	}
	ul.breadcrumbs li:after {
		content: "\00a0 \00a0 \003E \00a0 \00a0";
	}
	ul.breadcrumbs li:last-child:after {
	}
	ul.breadcrumbs li a {
		color:var(--grey);
		text-decoration:none;
	}
	.bc p {
		font-size:var(--fontsize-mini);
		margin:0.33rem 0 0 0 ;
		padding:0;
		line-height:1rem;
		display:block;
	}
	@media all and (min-width:740px) {
		.bc p {
			display:inline;
		}
	}

	@media all and (min-width: 1025px) {
		.bc {
			padding: var(--small-padding) 0 var(--small-padding) 0;
			line-height:1.5rem;
			position:relative;
			z-index:2;
		}
		ul.breadcrumbs li a:hover {
			color:var(--darkblue);
		}
		ul.breadcrumbs, .bc p {
			display:inline;
		}
	}



/* Character links */
.characters-wrap {
	display:block;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap: 5px;
}
	
.character-link {
	width:70px;
	//height:76px;
	font-size:var(--fontsize-mini);
	line-height:15px;
	display:block;
	text-align:center;
	overflow:visible;
	white-space:nowrap;
}
	
	#show-nav .characters-wrap {
		flex-wrap: nowrap;
	}
	#show-nav .character-link {
		flex: 0 0 50px;
	}
	.character-link a {
		display:block;
		color:var(--grey);
		text-decoration:none;
		
	}
	.character-link.current a {
		color:var(--blue);
	}
	.character-link.current .charbgpic  {
		border:2px solid var(--blue);
	}
		@media all and (min-width: 1025px) {
			.characters-wrap {
				justify-content:flex-start;
			}
			#sidebar .characters-wrap {
				justify-content: center;
				padding: 0 15px;
			}
			.character-link a:hover, #show-nav .character-link a:hover {
				color:var(--blue);
			}
			.character-link a:hover .charbgpic, #show-nav .character-link a:hover .charbgpic {
				transform: scale(1.05);
				transition: transform linear 0.2s, color 0.2s;
			}
		}

.character-link .charbgpic {
		display:block;
		height:70px;
		width:70px;
		overflow:hidden;
		border-radius:70px;
		box-sizing: border-box;
}
	.character-link .charbgpic img {
		max-width:100%;
		height:auto;
	}

/* Archived characters */
.archivedchar {
	display:block;
}
#showmorechars {
	display:none;
}
@media all and (min-width:769px) { 
	#showmorechars {
		display:block;
	}
	.archivedchar {
		display:none;
	}
	.morechars {
			border-right:10px solid #c8c8c8;
			border-bottom:10px solid #c8c8c8;
			width:12px;
			height:12px;
			transform: rotate(-45deg);
			display:block;
			margin:15px 0 0 12px;
			opacity:0.6;
	}
}

/* Characters scrolly */
@media all  and (max-width:700px) {
	.chlist {
		position:relative;
		width:90vw;
	}
	.characters-wrap {
		flex-wrap: wrap;
		justify-content: center;
		overflow-x: scroll;
		position:relative;
		width:100%;
		padding-bottom:4px;
		::-webkit-scrollbar { display: none; }
	}
	.characters-highnum {
		flex-wrap:nowrap;
		justify-content: flex-start;
	}
		.character-link {
			flex: 0 0 70px;
		}
	.chlist::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 3px;
			height:3px;
	}
}

.chlist::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #353535;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
@media all and (max-width:700px) {
#category-head {
	position:relative;
}
	.morechars-scroll-right, .morechars-scroll-left {
		position:absolute;
		right:-25px;
		top:20px;
		width:10px;
		height:10px;
		padding:3px;
		opacity:0.3;
	}
	.arrowright {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 8.7px;
		border-color: transparent transparent transparent #353535;
		display:inline-block;
	}
	.morechars-scroll-left {
		right:auto;
		left:-25px;
	}

	.arrowleft {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 8.7px 5px 0;
		border-color: transparent #353535 transparent transparent;
		display:inline-block;
	}

}
@media all and (max-width:565px) {
	.morechars-scroll-left {
		left:-8px;
	}
	.morechars-scroll-right {
		right:-8px;
	}
	.characters-highnum {
		box-sizing:border-box;
		margin: 0 auto;
		width: 90%;
	}
}

/* Episode selection */
#pagewrap select.ep-select {
	background:#fff url('/dottv/cdn2/images/downarrowlstg.png') no-repeat right 20px center;
	padding:var(--standard-padding) 45px var(--standard-padding) var(--standard-padding);
	border-radius:50px;
	color:var(--grey);
	max-width:90%;
	-webkit-appearance: none;
}


/* Products */
.products-wrap {
	display:flex;
	align-items:flex-start;
	align-content:center;
	justify-content: center;
	flex-wrap:wrap;
	margin: 0 -15px;
}
.product-item {
	width:150px;
	text-align:center;
	margin: var(--standard-padding);
	position:relative;
	}
	#promo-products-carousel-wrap .product-item {
		width: auto;
		max-width:150px;
	}
	.product-item a {
		display:block;
		text-decoration:none;
		color:#353535;
		transition:color 0.2s;
	}
	.product-item-image {
		width:150px;
		height:220px;
		overflow:hidden;
		border:1px solid #ccc;
		text-align:center;
		vertical-align:middle;
		display: block;
		max-width:150px;
		max-height:220px;
		background:#fff;
		border: 1px solid #009faf;
		transition:border 0.2s;

		display: flex;
		align-items: center;
		justify-content: center;
	}

		#pagewrap .product-item-image img {
			object-fit: cover;
			height:220px;
			width:auto;
			object-position: 50% 50%;
			max-width: none;
		}
		#pagewrap .product-horiz .product-item-image img {
			width:150px;
			height:auto;
			//height:100%;
			position:relative;
		}




	.product-item a:hover .product-item-image {
		border:1px solid #00a0b0;
	}
	.product img {
		margin: 5px 0;
	}
	.product-price {
		display:block;
		font-size:0.88rem;
	}

	.product strong {
		display:block;
		padding: 4px 0 0 0;
		color:#EFC464;
	}
	.product-store{
		font-weight:bold;
		display:block;
		line-height:1.2rem;
		padding-top:0.3rem;
	}
	@media all and (min-width:1000px) { 
		.products-wrap {
			margin: 0;
		}
		.product-item {
			margin : 10px var(--standard-padding);
		}
			.break .product-item {
				margin: 6px 4px 10px 4px;
				flex: 0 0 150px;
			}
		.product-item a:hover .product-item-image  {
			border: 1px solid #f05470;
			transition:border 0.2s;
		}
		.product-item a:hover {
			color:#f05470;
			transition:color 0.2s;
		}
	}

	.exact-match, .similar-match, .altered, .samebrand, .stylesaver {
		z-index:6;
	}
	.exact-match, .similar-match {
		position:absolute;
		left: -3px;
		top:-3px;
		width:40px;
		height:auto;
	}
	.similar-match {
		top:5px;
	}
	.altered {
		position:absolute;
		left:-3px;
		top:38px;
	}
	.samebrand, .stylesaver {
		position:absolute;
		right:-3px;
		top:-3px;
	}
	.stylesaver {
		right:-5px;
		top: -5px;
	}

/* New show logos in a circle */
.logoimg, #pagewrap .livesrch-img {
	display: flex;
	width: 125px;
	height: 125px;
    background: var(--logobg);
    border-radius: 100px;
    border: 5px solid var(--logobg);
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
	align-items:center;
	justify-content:center;
	padding:0.5rem;
	transform:none;
	transition: transform linear 0.2s;
}
@media all and (min-width:800px) {
	.logoimg, #pagewrap  .livesrch-img { 
		width: 175px;
		height: 175px;
	}
	a.logoimg:hover {
		transform: scale(1.05);
		transition: transform linear 0.2s;
	}
}


/* General Flexy stuff */
.flexy {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
	.flexy>div {
	//	flex: 0 0 100%;
	}
	.flex-sidebar-col>div:nth-child(2) {
			flex: 0 0 33%;
			margin: 0 0 0 3rem;
	}

@media all and (max-width:700px) {
	.flex-sidebar-col {
		display:block;
	}
	.flex-sidebar-col>div:nth-child(2) {
		flex: 0 0 100%;
		margin: 0 ;
	}
}


@media all and (min-width:1025px) {
	.flexy {
		display:flex;
		justify-content:space-between;
		height:100%;
		align-items:stretch;
		gap:2rem;
		flex-wrap:nowrap;
	}
		.flex-three-col>div {
			flex: 0 0 33%;
		}
		.flex-sidebar-col>div:nth-child(1) {
			flex-grow:1;
		}
}


.fade-in {
	animation: fadeIn ease 2s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}


/* Home page slideshow */
#homepage { }
	
#home-slideshow  .constrain {
		position:relative;
		padding:0;
	}
#home-slideshow p {
	margin: 1rem 0;
}
#available-pages-wrap {
	background:#5a5958;
	position:relative;
	left:0;
	right:0;
	padding:5px 0;
}
	#available-pages-wrap .constrain {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#available-pages-wrap .txt-right .button {
		margin:1rem 0;
	}

	#available-pages {
			background:#5a5958;
			padding: 5px ;
			flex: 1 1 auto;
	}
	#available-pages-wrap p.txt-right {
		margin:0;
	}
	@media all and (max-width: 695px)  {
		.av-aff-wrap {
			display:block;
		}
			#av-aff {
				float:none;
				margin: 0 auto;
			}
		#available-pages-wrap .constrain {
			flex-wrap: wrap;
		}
		#home-aff, #available-pages{
			width:100%;
			flex-basis:100%;
			text-align:center;
		}
		#home-aff { order: 2;  margin: 0 auto;}
		#available-pages { order:1; }
		#available-pages-wrap .constrain .txt-right { order: 3; }
	}
	@media all and (max-width:529px) {
		#available-pages-wrap .constrain .txt-right {
			flex: 0 0  100%;
			text-align:right;
		}
	}
	@media all and (min-width:528px) and (max-width:695px) {
		#home-aff {
			flex: 0 0 288px;
			margin: 0;
			text-align:left;
		}
		#available-pages-wrap .constrain .txt-right {
			flex: 1 1 40%;
			text-align:right;
		}
	}
#homepage #homepage-fin .box {
	margin-top:0;
	padding-top:15px;
}
		@media all and (max-width:568px){
			#homepage #homepage-fin .box {
				padding-top:5px;
			}
			#homepage {
				margin-top:0;
			}
		}
	#homepage-fin h3 {
		margin-right:0;
		margin-top:0;
	}

ul#homeslideshow li {
	float:left;
	list-style-type:none;
}

#available-go-left, #available-go-right {
		position:absolute;
		left:-40px;
		top:50%;
		margin-top:-50px;
		width:30px;
		height:40px;
		z-index:3;
		cursor:pointer;
		display:none;
		opacity:0.5;
	}
	#available-go-left span, #available-go-right span {
		border-right:16px solid #353535;
		border-bottom:16px solid #353535;
		width:20px;
		height:20px;
	    transform: rotate(135deg);
		display:block;
	}
		#available-go-right span {
			transform: rotate(-45deg);
		}

	@media all and (max-width:1400px) {
		#available-go-left, #available-go-right {
				display:none !important;
		}
	}
	#available-go-right {
		left:auto;
		right:-40px;
	}
	#available-go-left a, #available-go-right a {
		display:block;
		text-decoration:none;
		width:40px;
		height:40px;
	}

.imglink {
	overflow:hidden;
	display:block;
	aspect-ratio:648/505;
}
	@media all and (min-width:649px) { 
		.imglink {
			border:1px solid var(--grey);
			box-sizing:border-box;
		}
	}

.slick-slide {
	outline:none;
}
.home-featured-post {
	position:relative;
	overflow:hidden;
	margin: var(--standard-padding);
}
.home-featured-post p {
	padding: 0 var(--standard-padding);
}
	@media all and (min-width:649px) {
		.home-featured-post p {
			padding: 0;
		}
	}
.scroller-title p{
	font-weight:bold;
	text-transform:uppercase;
	opacity:0.7;
}

#available2 {
	overflow:hidden;
	white-space:nowrap;
	min-height:370px;
	padding-bottom: var(--standard-padding);
}
	#available2 ul li {
		display:inline-block;
		width:33%;
		vertical-align:top;
		white-space:normal;
	}
#available2 img {
	width:auto;
	box-sizing: border-box;
}
	@media all and (max-width:1023px) {
		#available2 ul li { 
			width:50%;
		}
		#available-go-left, #available-go-right {
			display:none;
		}
	}
	@media all and (min-width:1830px) {
		#available2 ul li { 
			width: 521px;
		}
	}

	@media all and (max-width:620px) {
		#homepage #available-pages + .txt-right, #homepage #available-pages-wrap  .txt-right, #cat-slideshow #available-pages + .txt-right, .latest-addition .txt-right  {
			text-align:center;
		}
		 .latest-addition .txt-right, .home-current-shows .txt-right, #available-pages-wrap p.txt-right  {
			margin:2rem 0;
		}
		#available-pages-wrap p.txt-right {
			margin: 0 0 2rem 0;
		}
		.home-featured-post {
			margin:0;
		}
	}

	@media all and (max-width:568px) {
		#available2 ul li { 
			width:100%;
		}
		#available-now-ribbon {
			display:none;
		}
		.home-section .home-featured-post {
			margin-bottom:0;
	
		}

	}
	@media all and (min-width:768px) and (max-width:1023px) {
		#available-now-ribbon {
			left:-40px;
			top:-25px;
		}	

	}
/* End Slideshow */

/* Single */
	#single-first {
		margin: 0 var(--neg-standard-padding) 0 var(--neg-standard-padding);
		padding: var(--standard-padding);
	}




/* Category header */



#category-head-wrap {
	background:var(--lighterbeige);
	padding: var(--standard-padding) 0;
}
	#category-head-wrap .constrain {
		display:flex;
		flex-wrap: wrap;
		column-gap: var(--standard-padding);
	}

	#category-head-wrap h3, #category-head-wrap .h3 {
		text-transform: uppercase;
		font-weight:bold;
		font-size:1.3rem;
		color:var(--ucheadingcolor);
		margin: 0 0 0.5rem 0;
		display:none;
	}
	#category-head-wrap  .tagtitle .h3 {
		display:block;
	}
	#category-head-wrap .tagtitle p {
		margin-bottom:0;
		margin-top: 0.5rem;
	}
p.cat-feature-p {
	text-transform:uppercase;
	font-size:0.88rem;
	line-height:1.5rem;
	margin: 0 0 1rem 0;
}
#category-head-wrap #show-logo, #category-head-wrap #show-characters, #category-head-wrap #show-eps { 
	flex: 0 0 100%;
	text-align: center;
	max-width:100%;
	box-sizing:border-box;
}
#category-head-wrap #show-logo, #category-head-wrap #show-eps {
	margin: 0 0 var(--standard-padding) 0;
	overflow:hidden;

}
/*@media all and (min-width:401px) and (max-width:1025px) {*/
@media all and (min-width:401px) and (max-width:799px) {
	#category-head-wrap .constrain {
		column-gap: 0;
		align-items:center;
	}
	#category-head-wrap #show-logo {
		flex: 0 0 140px;
		text-align:left;
	}
	#category-head-wrap.noeps #show-logo {
		flex: 0 0 100%;
		text-align:center;
	}
	.logoimg {
		margin: 0;
	}
		.noeps .logoimg {
			margin: 0 auto;
		}

	#category-head-wrap #show-eps {
		flex: 1 1 50%;
		margin: 0;
	}
}
/*@media all and (min-width:1025px) {*/
@media all and (min-width:800px) {
	.logoimg {
			margin:0;
	}
	#category-head-wrap .constrain {
		flex-wrap:nowrap;
		align-items: center;
	}
	#category-head-wrap #show-logo {
		flex: 0 1 250px;
		text-align:left;
		margin:0;
		min-width:190px;
		overflow:visible;
	}
	#category-head-wrap #show-characters {
		flex: 1 1 400px;
		text-align:left;
	}
		#category-head-wrap #show-characters .characters-wrap {
			justify-content: flex-start;
		}
	#category-head-wrap #show-eps {
		flex: 0 1 350px;
		text-align:left;
		min-width:245px;
	}
	#show-desc {
	}
	#category-head-wrap h3, #category-head-wrap .h3 {
		display:block;
	}
	#category-head-wrap .tagtitle p {
		margin-bottom:1rem;
	}

}


/* Shrink character list on small screens 

@media all and (max-width:629px) {
	.characters-wrap {
		height:66px;
	}

	 .characters-wrap {
		flex-wrap:nowrap;
		justify-content:flex-start;
		overflow:hidden;	
		overflow-x: scroll;
	}
	 .character-link {
		flex:0 0 50px;
	}
}
	@media all and (min-width:630px) and (max:width:999px) {
		.characters-wrap {
			height:auto;
		}
	}


@media all and (max-width:629px) {
	.chlist {
		height:66px;
		overflow:hidden;
	}
}
*/
@media all and (max-width:405px) {
		#side-nav {
			left:25px;
		}
	}





/* Child category header */
.child-category-head-wrap #category-head {
	display:flex;
	flex-wrap: wrap;
	align-content:center;
	gap: var(--standard-padding);
}
#child-category-image {
	flex: 0 0 120px;
	text-align:center;
	display:flex;
	align-items:center;
}
	#child-category-image img {
		border-radius:80px;
		border:5px solid var(--grey);
	}
.child-category-head-wrap #category-head p {
	color:var(--grey);
	font-size:1rem;
	line-height:1.4rem;
	margin: 0.5rem 0 0 0;
}

		#pagewrap .child-category-head-wrap h1 span { 
			font-size:1rem;
			display:block;
			text-transform:uppercase;
			color:var(--ucheadingcolor);
		}

#pagewrap .child-category-head-wrap h1 {
	font-size:1.2rem;
	margin-bottom:0;
	line-height:1.5rem;
}
#child-category-para {
	flex: 1 1 100px;
}
.child-category-head-wrap .chlist {
	flex: 0 0 100%;
}
@media all and (min-width:1024px) {

	#child-category-image {
		margin: 0;
	}
	.child-category-head-wrap #category-head {
		align-items:center;
		flex-wrap: nowrap;
		gap:50px;
	}
	#pagewrap .child-category-head-wrap h1 {
		font-size:1.4rem;
		margin: 0;
		line-height:1.6rem;
	}
	#child-category-title {
		flex: 0 0 400px;
	}
	.child-category-head-wrap #category-head p {
		color:var(--grey);
		margin: 0;
		line-height:1.6rem;
	}
	#child-category-para {
		flex: 0 0  400px;
		margin:0;
	}
	.child-category-head-wrap .chlist {
		flex: 1 1 200px;
	}

}


/* Episode tag pages */
#category-head-wrap.tag-head .tagtitle {
	flex: 0 0 100%;
	order: 3;
	text-align:center;
	box-sizing: border-box;
}
#category-head-wrap.tag-head .tagtitle h1 {
	font-size:1.2rem;
	margin: 0;
}
.tag-head #category-head  p  {
	margin: 0.3rem 0 0 0;
	text-align:center;
}
.tag-head #category-head .logoimg  {
	flex: 0 0 100%;
}
.tag-head #category-head .eplist  {
	flex: 0 0 100%;
}


	@media all and (min-width:1024px) {
		#category-head-wrap.tag-head #category-head {
			align-items: center;
		}
		#category-head-wrap.tag-head .tagtitle {
			order:3;
			padding: 0;
			margin:0;
			padding-right:50px;
			text-align:left;
			flex: 1 1 400px;
		}
		.tag-head #category-head  p  {
			margin: 0.3rem 0 0 0;
			text-align:left;
		}

		.tagtitle h1 {
			margin: 0 0 0.6rem 0;
		}

	}