/* GDPR Plugin, this was previously inline header.php, was that for a reason? */
body #moove_gdpr_cookie_info_bar, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	padding: 2rem;
	background: rgba(0, 0, 0, 0.9);
	width:auto;
	max-width: 100vw;
	left:5%;
	right:5%;
	bottom:1rem;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
	box-sizing: border-box;
	border:0;
}
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
	font-size:1rem;
	line-height:1.6rem;
	color:#c4c4c4;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container,
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
	padding:0;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	font-size:1rem;
	padding:1rem 2rem;
	transition: 0.2s;
	margin: 0.2rem auto;
}
body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
	margin-bottom:2rem;
}
	@media all and (min-width:768px) {
		body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
		}
		body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
			margin-bottom:0;
			flex: 0 0 78%;
		}
		body #moove_gdpr_cookie_info_bar, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
			left:1%;
			right:1%;
			bottom:2rem;
			padding: 2rem;
			max-width: 1000px;
			margin: 0 auto;
		}
		body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
		body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
			margin: 0.2rem;
		}

		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g, 
		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus, 
		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, 
		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g, 
		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus, 
		body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
			background: var(--blue);
			color:#fff;
			transition: 0.2s;
		}
		body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
			flex: 0 0 22%;
		}
	}
/* End GDPR Plugin */




/* Opened nav styling */
@media all and (max-width:768px) {
	.sidenav-open .search-open {
		overflow:hidden;	
	}
}
.sidenav-open #nav, .search-open #search-form {
    transform: translateX(0);
	width:100vw;
    transition: transform 250ms ease-in-out;
}
	@media all and (min-width:1025px) {
		#nav {
			right: auto;
			left:0;
			transform: translateX(-100vw);
		}
		#nav, .sidenav-open #nav {
			width:450px;
			overflow-y: auto;
			padding-top:var(--standard-padding);
			top:0;
			scrollbar-width: thin;
		}
			.sidenav-open #nav::-webkit-scrollbar, .sidenav-open #nav ul li ul::-webkit-scrollbar{
			  width:5px;
			  background-color:var(--grey);
			  }
			  
		  .sidenav-open #nav::-webkit-scrollbar-thumb, .sidenav-open #nav ul li ul::-webkit-scrollbar-thumb{
			background:#868686;
			border-radius:5px;
		  }
		.sidenav-open #header-nav {
			transition: transform 250ms ease-in-out;
		}
	}


/* Nav Close Button Aaargh */
@media all and  (min-width: 2250px) and (max-width:2760px) { /* THIS ONE IS GOOD! */
	.sidenav-open #header-nav { 
		--widthA: calc(100vw - 1830px);
		--widthB: calc(var(--widthA) / 2);
		--widthC: calc(var(--widthB) * -1 + 450px + 1rem);
		transform: translateX(var(--widthC)); 
	}
}
@media all and  (min-width: 1750px) and (max-width:2249px) { /* THIS ONE IS GOOD! */
	.sidenav-open #header-nav { 
		--widthA: calc(-9vw + 450px + 1rem);
		transform: translateX(var(--widthA)); 
	}
}
@media all and (min-width: 1400px)  and (max-width: 1749px){ /* THIS ONE IS GOOD! */
	.sidenav-open #header-nav { 
		--widthA: calc(-3vw + 450px + 1rem);
		transform: translateX(var(--widthA)); 
	}
}

@media all and (min-width: 1025px) and (max-width: 1400px) { /* THIS ONE IS GOOD! but need to rejig header, center logo etc */
	.sidenav-open #header-nav { 
		--widthA: calc(-2rem + 450px + 1rem);
		transform: translateX(var(--widthA)); 
	}
}


#nav ul {
	list-style-type:none;
}
	#nav ul li {
		display:block;
		position:relative;
	}

		#nav ul li a, #nav ul li button.nav-item {
			display:block;
			color:#fff;
			text-decoration:none;
			padding: 1rem 2rem;
			cursor:pointer;
			position:relative;
			z-index:2;
			transition:background 0.2s;
			width:100%;
			box-sizing:border-box;
		}
		#nav ul.nav-primary li a, #nav ul.nav-primary li button.nav-item {
			font-size:1rem;
			padding: 1rem 2rem;
		}

		#nav ul li ul li a {
			padding-left:2rem;
		}
		#nav ul li ul {
		}
		#nav .sidenav-filter {
			padding: 1rem 4rem;
		}
		#nav ul li .nav-item:after {
			content: " ";
			border:2px solid #fff;
			height:10px;
			width:10px;
			display:block;
			border-top:0;
			border-left:0;

			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);

			position:absolute;
			right:2rem;
			top:50%;
			margin-top:-5px;
		}

#nav ul.nav-shows { 
		padding-top:1rem;
}


	@media all and (min-width:1025px) {
		#nav a:hover {
			color:var(--lightblue);
		}
		#nav {
			padding-top: var(--standard-padding);
		}
		#nav ul.nav-shows {
			padding-top: 0;
		}
		#nav ul.nav-shows li>a, #nav ul.nav-shows li>label {
			transition:background 0.2s;
		}
		#nav ul.nav-shows li>a:hover, #nav ul.nav-shows li>label:hover {
			background:var(--darkblue);
			color:#fff;
			transition:background 0.2s;
		}
		#nav ul.nav-shows li ul li a:hover {
			background:var(--darkblue);
			color:#fff;
			transition:all  0.5s;
		}


	}
	
#nav ul.nav-mid {
	display:flex;
	flex-wrap:wrap;
	margin: 1rem 0;
	padding-top:1rem;
	border-top: 1px solid var(--lightergrey);

	}
	#nav ul.nav-mid li {
		flex:0 0 50%;
	}
	#nav ul.nav-mid li a {
		padding: 0.6rem 2rem;
		font-size:0.88rem;
	}
	@media all and (min-width:1025px) {
		#nav ul.nav-mid {
			margin: 1rem 0;
			padding-top:1rem;
		}
		#nav ul.nav-mid li a {
			position:relative;
			display: block;
			overflow:hidden;
			z-index:3;
		}
		#nav ul.nav-mid li a:hover , #nav ul.nav-foot li a:hover {
			color:var(--lightblue);
			transition: color 0.2s;
		}

		#nav ul.nav-mid li a:before {
			left: 0;
			bottom: 0;
			right:4rem;
			width: 100%;
			background: var(--blue);
			transform: translateX(-120%);
			content: '';
			position: absolute;
			transition: transform .3s ease;
			height:2px;
		}
	
		#nav ul.nav-mid li a:hover:before {
		  transform: translateX(1.5rem);
		}
	}
#nav ul.nav-foot {
	font-size:0.88rem;
	display:flex;
	flex-wrap:wrap;
	border-top: 1px solid var(--lightergrey);
	border-bottom: 1px solid var(--lightergrey);
	padding: 1em 0 2rem 0;
}
	#nav ul.nav-foot li {
		flex: 0 0 50%;
	}
	#nav ul.nav-foot li a {
		padding: 0.4rem 2rem;
		color:#ccc;
		font-size:0.88rem;
	}
#nav .nav-slide .nav-social , #nav .nav-slide .nav-gsource, .nav-shopmy {
	text-align:center;
	padding:1rem 0;
}
 .nav-shopmy { 
		padding: 0 0 1rem 0;
	}
	#nav .nav-slide .nav-social a {
		opacity:0.4;
		margin: 0 0.5rem;
		transition:all  0.5s;
		width:30px;
		padding:0;
		display:inline-block;
	}

@media all and (min-width:1025px) {
	#nav ul.nav-foot {
		padding: 1em 0;
	}

	#nav .nav-social a:hover, #nav .nav-slide .nav-gsource a:hover,  #nav .nav-slide .nav-shopmy a:hover {
		opacity:0.8;
		transition:all  0.5s;
	}
	#nav .nav-slide .nav-shopmy a {
		opacity:0.4;
		transition:all  0.5s;
		width:250px;
		height:auto;
		margin: 0 auto;
	}

}
#nav .nav-slide .nav-gsource a {
		opacity:0.4;
		transition:all  0.5s;
		width:250px;
		height:auto;
		margin: 0 auto;
}

/* Slides */
.nav-slide {
	background: var(--lightgrey);
	position:fixed;
	left:0;
	top:0;
	right:0;
	height:100vh;
	z-index:100;
	overflow-y: scroll;
	scrollbar-width: thin;
	transform: translateX(100vw);
	padding: 1rem 0 2rem 0;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	box-sizing:border-box;
	padding-bottom:200px;
}
	.sidenav-open #nav #nav-slide-1 {
		transform:translateX(0);
	}
	#nav-slide-1 {
		z-index:90;
		}
	@media all and (min-width:1024px) {
		.nav-slide {
			padding: 0;
			transform: translateX(-100vw);
			padding:2rem;
		}
	}
.subnav-open {
	transform: translateX(0);
	transition: transform 250ms ease-in-out;
}
#nav .nav-slide a {
	font-size:1rem;
	border:0;
	padding: 0.5rem 0 0.5rem 2rem;
	display:block;
}

.nav-back {
	color:#ccc;
	display: block;
	padding:1rem 0 1rem 3rem;
	text-transform:uppercase;
	font-size:0.88rem;
	cursor:pointer;
	box-sizing:border-box;
	width:100%;
	}
	.nav-back:before {
			content: " ";
			border:2px solid #fff;
			height:5px;
			width:5px;
			display:block;
			border-top:0;
			border-left:0;

			-moz-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);

			position:absolute;
			left:2rem;
			top:50%;
			margin-top:-5px;
	}
.nav-title {
	display:block;
	color:var(--lightestgrey);
	padding: 0.5rem 0 1rem 2rem;
	text-transform:uppercase;
	font-size:1.5rem;
	}
.nav-show-filter {
	background:var(--lightergrey);
	margin:0.5rem 1rem 0.5rem  1rem;
	flex: 1 1 150px;
	box-sizing:border-box;
	padding:1rem;
	color:#fff;
	z-index:1;
	position:relative;
}
	#nav ul li.nav-show-filter-wrap {
		display:flex;
		position:relative;
	}

/* Clear Search */
.clear-search {
	position:absolute;
	right:1rem;
	color:#fff;
	top:50%;
	margin-top: -0.5rem;
	z-index:5;
	display:block;
	width:1rem;
	height:1rem;
	line-height:1rem;
	cursor:pointer;
	display:none;
	}
	.nav-show-filter-wrap .clear-search {
		right:3rem;
	}
	
/* Sub Nav Live Nav */
#nav-show-filter-live-search-results .livesrch-img {
	display: none;
}
	


/* Desktop Sub Nav */
@media all and (min-width:1025px) {
	#nav .nav-slide {
		position: fixed;
		left: 0;
		top: 0;
		bottom:0;
		width: 450px;
		z-index: 90;
		overflow-y:scroll;
		padding: var(--standard-padding);
		min-height:100vh;
		box-sizing: border-box;
		scrollbar-width: thin;
		scrollbar-color:  #ccc var(--lightgrey); 
	}
	#nav .nav-slide::-webkit-scrollbar  {
		background:var(--lightgrey);
		scrollbar-color:#ccc;
		width:15px;
	}
	#nav .nav-slide::-webkit-thumb {
	  background-color: red; 
	}
	#nav .nav-slide::-webkit-thumb {
	  background-color: blue; 
	}

	#nav, .sidenav-open #nav {
		overflow:visible;
	}
	#nav .subnav-open a {
		background:var(--lightgrey);
		transition:background 0.5s;
	}

	#nav .subnav-open a:hover {
		background:var(--darkblue);
		color:#fff;
		transition:background 0.2s;
	}
	#nav .nav-back:hover {
		background:var(--lightergrey);
		color:#fff;
	}
	#nav .nav-primary {
		padding-top:1rem;
	}

	#nav .nav-primary a, #nav ul.nav-primary li button.nav-item{
		background:var(--lightgrey);
		transition:background 0.5s;
	}

	#nav ul.nav-primary a:hover, #nav ul.nav-primary li button.nav-item:hover  {
		background:var(--blue);
		color:#fff;
		transition:background 0.5s;
	}

	#nav ul.nav-mid, #nav ul.nav-foot {
		margin-left: var(--neg-standard-padding);
		padding-left: var(--standard-padding);
		margin-right: var(--neg-standard-padding);
		padding-right: var(--standard-padding);
	}
}

/* Open search styling */
#search-form .searchinput {
	padding: var(--standard-padding);
	position:relative;
	box-sizing:border-box;
	display:flex;
	gap: 5px;
}
	#search-form .searchinput  div {
		position:relative;
		flex: 1 1 100px;
	}
#search-form .searchinput input {
	background:var(--lightergrey);
	font-size:1rem;
	padding:0.8rem;
	border-radius:0.4rem 0 0 0.4rem;
	width:100%;
	box-sizing:border-box;
	color:#fff;
}
#search-form .searchinput .search-submit {
	overflow:hidden;
	color:var(--lightgrey);
}
	#search-form .searchinput input:focus {
		-webkit-box-shadow:0px 0px 4px 1px rgba(188,196,194,0.9);
		-moz-box-shadow: 0px 0px 4px 1px rgba(188,196,194,0.9);
		box-shadow: 0px 0px 4px 1px rgba(188,196,194,0.9);
	}

/* Livesearch Results */
.livesrch {
	width:100%;
	margin: 0 auto;
	text-align:left;
	transition:height 0.2s;
}
	.livesrch ul { 
		list-style-type:none;
	}
	.livesrch ul li {
		border-bottom: 1px solid var(--lightergrey);
		
	}
	.livesrch ul li.ls-tag a, .livesrch ul li.ls-person a {
		background-image:url('/dottv/cdn2/images/tag.png');
		background-repeat: no-repeat;
		background-position:10px center;
		padding-left: 40px;
	} 
	.livesrch ul li.ls-person a {
		background-image:url('/dottv/cdn2/images/person.png');
	} 

	.livesrch a {
		display:flex;
		align-items:center;
		text-decoration: none;
		transition:background 0.2s;
		color:#fff;
		white-space:normal;
		padding: var(--standard-padding);
	}
	.livesrch-img {
		flex: 0 0 55px;
		margin: 0 1rem 0 0;
	}
	.livesrch .ls-character img {
		border-radius:50px;
	}
	.livesrch .sub {
		display: block;
		font-size: 0.88rem;
		padding-left: 4px;
		font-style: italic;
		color: #fff;
		white-space:nowrap;
	}
	
		@media all and (min-width:1025px) { 
			.livesrch {
				position:absolute;
				top: 3rem;
			}
			.livesrch ul li {
				background:#3f3e3e;
				margin: 0;
			}
			.livesrch a {
				margin:0;
				border: 1px solid var(--lightgrey);
				padding:0.2rem 1rem;
			}
			.livesrch a:hover {
				background:#4a4a4a;
				transition:background 0.2s
			}
			.livesrch img {
				width:80px;
			}
		.livesrch .ls-character a {
			height:80px;
		}
		.livesrch .ls-show a {
			height:59px;
		}
		.livesrch .sub {
			display:block;
		}
		.ls-shadow {
			-webkit-box-shadow: 10px 40px 50px 0px rgba(0,0,0,0.6);
			-moz-box-shadow: 10px 40px 50px 0px rgba(0,0,0,0.6);
			box-shadow: 10px 40px 50px 0px rgba(0,0,0,0.6);
		}
}
.ls-no-results {
	color:var(--lightestgrey);
	font-style:italic;
	text-align:center;
	padding:1rem 0;
}
/* End Live search*/


/* Footer */
#footer {
	background:var(--grey);
	position:relative;
	padding:var(--standard-padding) 0;
}
.assoc:before {
	content: "WornOnTV is not associated with any of the tv shows, networks, or actors represented on this site.  we're just a fans who love fashion.";
	}
.assoc { 
	width:90vw;
	max-width:950px;
	margin: 0 auto;
	color:#fff;
	font-size:var(--fontsize-mini);
	line-height:1rem;
	opacity:0.7;
	text-align:center;
}
	@media all and (min-width:769px) {
		.assoc {
			width:100vw;
		}
	}


p.costumedesign-txt {
	font-size:0.88rem;
	text-transform:uppercase;
}


/* Panel to close sidebars */
#closesidebars {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:3;
	display:none;
	background:#000;
	opacity:0;
	transition:opacity 0.2s;
	transform: translateX(-100vw);
}
	.sidenav-open #closesidebars , .search-open #closesidebars {
		opacity:0.2;
		transition:opacity 0.2s;
		display:block;
		transform: translateX(0);
	}


/* Square post images */
.square-boxes-wrap {
	display:flex;
	gap: var(--standard-padding);
	flex-wrap:wrap;
	justify-content:space-around;
}
.square-box {
	flex: 0 0 150px;
	height: 150px;
	box-sizing: border-box;
	position:relative;
}
	#sidebar .square-box {
		--squareSize: calc(33% - var(--standard-padding) ) ;
		flex: 0 0 var(--squareSize);
		height:120px;
	}
.square-content {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
}
	.square-box a {
		//border: 2px solid var(--blue);
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;
		border-radius:8px;
		}
	#pagewrap .square-box img, .square-box img {
		object-fit: cover;
		object-position: top center;
		max-width:100%;	
		width:100%;
		height:100%;
	}

@media all and (min-width: 570px) {
		#sidebar .square-box {
			height:150px;
		}
}
@media all and (min-width:1025px) {
	.square-box a {
		opacity: 0.4;
		transition: opacity 0.4s, border-color 0.4s;
	}
	.square-box a:hover {
		opacity: 1;
		border-color: #ef5570;
		transition: opacity 0.4s, border-color 0.4s;
	}
}


/* Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


/* Slideshow pages */
.scrollpages  ul li {
	display:inline-block;
	margin:5px 4px 0 4px;
}
	.scrollpages ul li button {
		display:block;
		width:15px;
		height:15px;
		border-radius:100px;
		background:var(--ucheadingcolor);
		overflow:hidden;
		text-indent:100px;
		cursor:pointer;
		border:0;
		padding:0;
		outline:0;
	}		
	.scrollpages ul li.slick-active button {
		background:var(--pink);
	}
	@media all and (max-width:1023px) {
		.scrollpages ul li button {
			width:14px;
			height:14px;
		}
		.scrollpages ul li {
			display:inline-block;
			margin:5px 3px 0 3px;
		}

	}
/* This fixes mobile for some reason */
.slick-list{
  overflow: hidden;
}
.slick-list:after{
  clear: both;
  content: "";
  display: block;
}
.slick-slide {
	outline:none;
}


#soaps {
	padding-top: 2rem;
}
.soap-wrap {
    margin: 1rem var(--neg-standard-padding) var(--standard-padding) var(--neg-standard-padding);
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
	padding: 0 var(--standard-padding) var(--standard-padding) var(--standard-padding);
	border-bottom: var(--standard-padding) solid var(--beige)
}

.soap-wrap .showlogo-wrap {
    flex: 1 1 20%;
    margin: 0 30%;
    text-align: center;
}

.soap-wrap .soaps-last {
    text-align: center;
    flex: 0 0 100%;
	margin-top:1rem;
}

.soap-wrap .flexy {
    flex: 1 0 200px;
    padding: 15px 0 0;
    flex-wrap: wrap;
    margin: 0 -5px;
    overflow: hidden;
	justify-content: center;
}

.soap-wrap .square-box {
    flex: 0 0 150px;
    margin: 5px;
}

.soap-wrap .square-box:nth-child(n+5) {
    display: none
}

@media all and (min-width: 1000px) {
    .soap-wrap {
        margin:0 0 1rem
    }
    .soap-wrap .showlogo-wrap {
        flex: 0 0 175px;
        margin: 0 15px 0 0;
    }

    .soap-wrap .flexy {
        flex-wrap: nowrap
		justify-content: space-between;
    }

    .soap-wrap .soaps-last {
        padding: 0 0 0 15px;
        text-align: left;
        flex: 0 0 350px;	
		margin: 0;
    }
}

@media all and (min-width: 999px) and (max-width:1845px) {
    .soap-wrap .flexy {
        flex-wrap:wrap;
    }

    .soap-wrap .soaps-last {
        text-align: right;
        flex: 0 0 100%;
        padding: 0;
    }
}

@media all and (min-width: 1235px) {
    .soap-wrap .square-box:nth-child(n+5) {
        display:block;
    }
}

.highlight-para,.tips {
    background: var(--lighterbeige);
    padding: 1rem;
    margin: 1rem 0 1rem 0;
    display: block;
    position: relative;
}

@media all and (min-width: 1000px) {
    .highlight-para,.tips {
        margin:0 0 2rem 0;
        padding: 2rem;
    }
}
.h3-top-borders h3 {
	border-top: 1rem solid var(--beige);
	margin: 2rem var(--neg-standard-padding) 0 var(--neg-standard-padding);
	padding: 1rem var(--standard-padding) 0 var(--standard-padding)  ;
}
.h3-top-borders .flexy div {
	flex: 0 0 100vw;
}


/* Tips close button */
.close {
	background:#838382;
	border-radius:100%;
	display:block;
	position:absolute;
	right:5px;
	top: 5px;
	cursor:pointer;
	color:#fff;
	height:20px;
	width:20px;
	text-align:center;
	font-weight:bold;
}
.close span:before, .close span:after {
  position: absolute;
  left:9px;
	top:5px;
  content: ' ';
  height: 10px;
  width: 2px;
  background-color: #fff;
}
.close span:before {
  transform: rotate(45deg);
}
.close span:after {
  transform: rotate(-45deg);
}


.category-type-2 {
    font-style: italic;
    opacity: .5;
}

/* fixing WP Forms */
#pagewrap div.wpforms-container-full {
	margin:0;
}
#pagewrap div.wpforms-container-full .wpforms-form .wpforms-submit-container, #pagewrap div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 0;
}
#pagewrap label.wpforms-error, #pagewrap .wpforms-error-container {
	background:var(--white);
	padding: 0.3rem;
	margin: 0.3rem 0;
	border-radius: 0.3rem;
	border:2px solid #990000;
	font-size:var(--fontsize-mini);
	}
#pagewrap .wpforms-error:before, #pagewrap .wpforms-error-container:before {
	content: "!";
	color:var(--white);
	background:#990000;
	padding: 0rem 0.5rem;
	margin: 0.1rem 0.3rem 0.1rem 0.2rem;
	font-size:var(--fontsize-mini);
	font-weight:bold;
	border-radius:50px;
	float:left;
}
#pagewrap .wpforms-confirmation-container-full, #pagewrap  div[submit-success]>.wpforms-confirmation-container-full {
	margin: 0;
}

/* Can above be deleted? */

/* Default form styling */
#pagewrap input, #pagewrap select, #pagewrap textarea {
	background-color:#fff;
	padding:0.5rem;
	border: 1px solid #ccc;
}


/* Slide in boxes */
.come-in {
	transform: translateY(50px);
	transition: opacity 1s ease forwards;
	opacity:0;
	animation: come-in 0.5s ease forwards;
	animation-delay: 0ms;
	-webkit-animation-delay: 0ms;
}
.come-in:nth-child(odd) {
  animation-duration: 0.8s; /* So they look staggered */
}
.opac0 {
	opacity:0;
}
.already-visible {
	transform: translateY(0);
	opacity:1;
	animation: none;
}
	@keyframes come-in {
	  to { 
		transform: translateY(0); 
		opacity:1;
		transition: opacity 0.5s ease forwards;
		}
	}	

.metabox-tags a[href*="https://wornontv.net/tag/nsfw/"] {
    display: none;
}

/* Streaming links */
.watch-box {
	order:7;
	}
.streamlinks {
	display:flex;
	justify-content:center;
	gap:var(--standard-padding);
}
	.streamlinks a.stream-icon img {
		border-radius:45px;
	}
@media all and (min-width:1024px) {
		.streamlinks a.stream-icon {
					transform: scale(0.95);
					transition: transform linear 0.2s;
		}

		.streamlinks a.stream-icon:hover {
				transform: scale(1);
        transition: transform linear 0.2s;
		}

	}