: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;
}

/* Fonts */
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9NZQyQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/themes/wornontv-v11/fonts/roboto-condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* End Slider */
img {
	max-width:100%;
	height:auto;
}
body {
	background:var(--white);
	font-family: 'Roboto Condensed', sans-serif;
	color: #353535;
	font-size: 16px;
	line-height: 120%;
	overflow-x:hidden;
}
html {
	font-size:18px;
	line-height: 120%;
}
	@media all and (min-width:1350px) {
		body, html {
			font-size:18px;
		}
	}
	@media all and (max-width:375px) {
		body, html {
			font-size:16px;
		}
	}

.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:60px;
	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:60px;
		width:60px;
		overflow:hidden;
		border-radius:60px;
		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 50px;
		}
	.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;}
}