body {
	font: -apple-system-body;
	font-family: "Seravek",  "Avenir Next", -apple-system-font, "Helvetica Neue", "Calibri", sans-serif;
	-webkit-text-size-adjust: 100%;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
}
b,
strong {
	font-weight: 500;

}
/* BACKGROUND COLOR */

body,
.uiDark .uiSubtitle {
	background: #222;
}
main {
	background: #fff;
}

/* Title Banners and dark toolbars */ 
.uiDark .toolbarContent,
.titleContent,
.uiTab,
.pageTitleC {
	color: #fff;
}

/* LINK COLORS */

pre {
	word-wrap: break-word;
	padding: 15px;
	border: 0.5px solid rgba(0,0,0,0.1);
	background: rgba(200,120,0,0.05);
	font-size: 0.8em;
	line-height: 1.4em;
}

a,
details[open] summary,
.toolbarContent,
.shareSheet .igroupContent {
	color: #007aff;
}
.uiDark .uiArticleBody a {
	color: #97caff;
}
/*
.uiBox {
	max-width: 1024px;
	margin: 0 auto;
	
}
*/
h2 {
	font-size: 1.2em;
}

img,
video {
	margin: 0 auto;
	max-width: 1024px;
	width: 100%;
	display: block;
}

thead {
	text-align: left;
}
a {
	text-decoration: none;
	word-wrap: break-word;
}
.uiForm {
	display: block;
}
.igroup,
.toolbar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.toolbar,
table.igroup {
	width: 100%;
	display: table;
	border-spacing: 0;
}
table.igroup {
	table-layout: fixed;
}
.pageTitleC {
	text-align: center;
	font-size: 38px;
	line-height: 40px;
	font-weight: 400;
	padding: 14px 0;
	display: block;
}
/* UI Wraps */
.toolbarWrap,
.igroupWrap,
.pageTitleW,
.titleWrap,
.uiTabW {
	margin: 0;
	padding: 2.5px;
	border: 0 solid #f0f0f0;
}
.igroup {
	border-bottom: 0.5px solid #f0f0f0;
}
.igroupWrap {
	border-top-width: 0.5px;
}
.toolbarWrap {
	border-bottom-width: 0.5px;
}
.toolbarWrap,
.uiTabW {
	display: table-cell;
	text-align: center;
}
input.toolbarContent {
	width: 100%;
	border: none;
	background: none;
}

/* UI Content */
.toolbarContent,
.uiList,
.uiTab {
	margin: 0;
	line-height: 23px;
	display: block;
}
.titleContent,
.toolbarContent,
.uiList,
.uiTab,
.igroupContent {
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.toolbarContent {
	font-size: 16.5px;
}
.uiList {
	font-size: 17px;
}
.uiTab {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 15px;
}
.toolbarWrap:first-child .toolbarContent {
	text-align: left;
}
.toolbarWrap:last-child .toolbarContent {
	padding-left: 0;
	text-align: right;
}
.toolbarContent:hover {
	cursor: pointer;
	cursor: hand;
}
.igroupContent {
	display: block;
	color: #000;
}
.uiSubtitle {
	font-size: 17px;
	margin: 0;
	padding-top: 18px;
	padding-bottom: 7px;
}

legend.uiSubtitle {
	width: 100%;
	box-sizing: border-box;
}

.uiArticleBody blockquote {
	padding: 1px 24px;
	color: #555;
	margin: 24px 0;
	background: rgba(0,0,0,0.05);
	border-radius: 12px;
}

blockquote ul,
blockquote ol {
	padding: 0 25px;
}
blockquote h3,
blockquote h2,
blockquote h1 {
	font-size: 1.05em;
	font-weight: 600;
}
.uiArticleBody blockquote {
	font-size: 14px;
}
.uiArticleBody p a:hover {
	text-decoration: underline;
}
.uiBack {
	padding-left: 17px !important;
	text-align: left !important;
}
.uiNext {
	padding-right: 17px !important;
}
.uiBack::before,
.uiNext::after {
	content: "";
	background: #007aff;
	width: 21px;
	height: 21px;
}
.uiLink:after {
	content: " →";
}
.uiBack::before {
	float: left;
	-webkit-clip-path: polygon(50% 0%, 60% 10%, 20% 50%, 60% 90%, 50% 100%, 0% 50%, 50% 0%);
	margin: 0.5px -2.5px 0 -5px;
}
.uiNext::after {
	float: right;
	-webkit-clip-path: polygon(50% 100%, 40% 90%, 80% 50%, 40% 10%, 50% 0%, 100% 50%, 50% 100%);
	margin: 0.5px -5px 0 -2.5px;
}

/* Controller UI */

.uiControllerContent {
	display: table;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 8px;
	table-layout: fixed;
}
.uiControllerContent-Icon {
	display: table-cell !important;
	max-width: 160px;
	height: 100px;
	object-fit: contain;
	-webkit-touch-callout: none;
}
.uiControllerContent-Info {
	width: 69%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.uiControllerContent-Title {
	height: 50%;
	font-size: 18px;
	margin: 0 !important;
	padding: 0;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 1.3em;
	color: #000;
}
.uiControllerContent-Links {
	height: 50%;
	font-size: 0px;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
.uiControllerContent-Links li {
	display: inline-block;
	margin: 6px 4px;
	font-size: 13px;
}

/* App UI */

.uiAppContent-Icon {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px;
	border-radius: 14px;
	-webkit-touch-callout: none;
	background: url(https://afterpad.com/documents/icons/appgrid_2016.png) center center/ 64px 64px repeat;
}
.uiAppContent-IconGroup {
	width: 74px;
	height: 40px;
	float: left;
}
.uiAppContent-IconGroup .uiAppContent-Icon {
	position: relative !important;
	width: 48px;
	height: 48px;
	z-index: 2;
	margin-top: -47px;
	margin-left: 16px;
	border-radius: 9px;
}
.uiAppContent-IconGroup .atvIcon {
	position: relative !important;
	width: 48px;
	height: 32px;
	z-index: 3;
	margin-top: 7px;
	margin-left: 0px;
	top: 24px;
	border-radius: 6px;
}
.uiAppContent-Icon:not([src]){ 
    content: "";
}



.atvIcon {
	width: 63.5px;
	height: 44px;
	margin-top: 8px !important;
	margin-bottom: 7px !important;
	border-radius: 8px;
	background-size: 90px 55px;
}
.uiAppContent-Title {
	color: #000;
	font-size: 15px;
	line-height: 16px;
	overflow: hidden;
	font-weight: 400;
	padding: 0 0 3px;
	margin: 2px 0 1.5px;
	height: 13px;
}

.uiAppContent-Developer {
	margin: 1px auto 2px 0;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 12px;
	color: #888;
	overflow: hidden;
	height: 12px;
}
.uiAppContent-Linkbox {
	margin: 0 3px 3px 0;
	border-radius: 4px;
	padding: 4px 8.5px;
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	height: 16px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Helvetica Neue", "Segoe UI Semibold", sans-serif;
	border: 1px solid;
}

.uiAppContent-Linkbox-iosUniversal::before {
	content: "+";
	float: left;
	margin-right: -10px;
	position: relative;
	top: -7px;
	left: -7px;
	font-size: 10px;
}
.uiAppContent-Linkbox-Review {
	color: #1C0;
}
.uiAppContent-Linkbox-Forum {
	margin-right: 0;
	color: #F25;
}

/* Element Padding */
figcaption {
	text-align: center;
	padding: 10px 4px;
	margin-bottom: -10px;
	color: rgba(0,0,0,0.5);
	font-size: 0.9em;
	line-height: 1.3em;
}
figure {
	margin: 0;
}
.toolbarContent,
.igroupContent,
.titleContent {
	padding-left: 29.5px;
	padding-right: 29.5px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.uiSubtitle,
.uiArticleBody {
	padding-left: 32px;
	padding-right: 32px;
}
.uiArticleBody .titleWrap,
.uiArticleBody footer,
.uiArticleBody .igroup,
.uiArticleBody .uiSubtitle {
	margin: 0 -32px;
}

fieldset,
legend {
	border: none;
	padding: 0;
	margin: 0;
}
legend {
	margin: 16px 0 6px 0;
	font-weight: 500;
}
textarea,
input,
select {
	font-size: 16px;
}
textarea,
.uiText {
	width: 100%;
	box-sizing: border-box;
}
.uiText {
	max-width: 400px;
}
textarea,
.uiArticleBody fieldset,
.uiArticleBody p,
.uiArticleBody h2,
.uiArticleBody h3,
.uiArticleBody .uiForm {
	line-height: 1.45em;
	margin: 1.4em auto;
}

/* Element Styling */
.titleWrap {
	background-color: #444;
}
.titleContent {
	font-weight: 300;
	font-size: 23px;
	padding-top: 10px;
	padding-bottom: 11px;
	display: block;
}

.toolbar,
.uiAppviewHeader {
	background: rgba(245,245,245, 0.9);
	-webkit-backdrop-filter: blur(20px) saturate(200%);
	
}


.uiLink {
	font-size: 18px;
	font-variant: normal;
}


#newGamesSection,
#newGamesTitle {
	display: none;
}
.uiBox:after {
	content: '';
	display: table;
}
.uiArticleFooter {
	z-index: 11;
	margin-bottom: -1px;
	position: relative;
}
.uiArticleFooter .toolbarWrap {
	background: #fff;
	border-top: 0.5px solid rgba(0,0,0,0.1);
}

.uiArticleFooter .toolbarWrap-Active {
	background-color: #ccc;
}
.uiArticleFooter .toolbarContent {
	color: rgba(0,0,0,0.5);
}
.shareSheet {
	text-align: right;
	display: none;
	width: 100%;
	float: left;
	z-index: 10;
	background: rgba(235,235,235, 0.95);
	margin-top: -133.5px;
	position: relative;
}

.uiArticleBody .shareSheet {
	margin-left: -32px;
	margin-right: -32px;
	padding: 0 32px;
}

.shareSheet {
	transition: 0.15s;
	padding-bottom: 36px;
	margin-top: -133.5px;
	margin-bottom: -36px;
	background: rgba(235,235,235, 0.5);
	-webkit-backdrop-filter: blur(10px) saturate(120%);
}
.shareSheet.animationStart {
	transform-origin: bottom;
	transform: scaleY(0.4);
	padding-bottom: 36px;
	bottom: -16px;
}




/* TV UI */

#appup,
.uiAppWrap {
	font-family: -apple-system-font, "Helvetica Neue", "Calibri", sans-serif;
}
.uiAppWrap {
	font-size: 0;
}
#lightboxBackground {
	padding: 16px 15px;
	box-sizing: border-box;
}
#appup {
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	max-height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#appup .toolbar {
	bottom: 0;
	position: -webkit-sticky;
	transition: 0;
	display: none;
}
.appupSection {
	padding: 0.5px 0;
	box-sizing: border-box;
}
.uiAppviewHeader {
	z-index: 5;
	width: 100%;
	position: -webkit-sticky;
	top: 0;
	box-sizing: border-box;
	overflow: hidden;
	padding: 22px 32px 16px;
	display: table;
}
.ipadScreenshot,
.tvScreenshot,
.iphoneScreenshot {
	height: 213.33px;
	width: auto;
}

.uiAppviewHeader,
.uiAppviewScreenshotUl,
.uiAppviewTagUl {
	border-bottom: 0.5px solid rgba(0,0,0,0.15);
}


.uiAppviewIcon {
	border-radius: 20px;
	display: inline-block;
	float: left;
	width: auto;
	height: 76px;
}


.multipleIcons .uiAppviewIcon {
	position: relative !important;
	width: 64px;
	height: 64px;
	margin-left: -30px;
	z-index: 2;
	border-radius: 9px;
}
.multipleIcons .uiAppviewIcon-TV {
	position: relative !important;
	width: 90px;
	height: 52px;
	z-index: 3;
	margin-top: 5px;
	margin-left: 0px;
	top: 24px;
	border-radius: 6px;
}





.uiAppviewScreenshotUl {
	list-style-type: none;
	padding: 3px;
	margin: 0;
	overflow-x: scroll;
	-webkit-scroll-snap-coordinate: 50% 50%;
	white-space: nowrap;
	transition: 0.6s;
	-webkit-overflow-scrolling: touch;
	-webkit-scroll-snap-type: mandatory;
	-webkit-scroll-snap-destination: 50% 50%;
}
.screenshot {
	transition: 0.2s;
}
.screenshot.animationStart {
	opacity: 0;
	transform: scale(0.6, 0.6);
}
.uiAppviewScreenshotUl.animationStart {
	opacity: 0;
	z-index: 900;
	transform: scale(1.1,1.1);
}
.uiAppviewScreenshotLi {
	max-width: 90%;
	vertical-align: middle;
	display: inline-block;
	padding: 3px;
	margin: 0;
	font-size: 0;
	box-sizing: border-box;
	-webkit-scroll-snap-coordinate: 50% 50%;
}
.uiAppviewScreenshot {
	display: block;
}

.uiAppviewDeveloper {
	margin: 0 0 5px;
	padding: 0 0 1px;
	font: -apple-system-subheadline;
	font-size: 15px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	color: rgba(0,0,0,0.5);
}

.uiAppviewTitle {
	padding: 0 0 5px;
	font-weight: 400;
	line-height: 21px;
	height: 21px;
	font: -apple-system-headline;
	font-size: 21px;
	margin: 0;
}
.ipadScreenshot {
	max-width: 480px;
}
.tvScreenshot,
.iphoneScreenshot {
	max-width: 640px;
}
.uiAppviewHeaderRight,
.uiAppviewHeaderLeft {
	vertical-align: top;
	display: table-cell;
}
.uiAppviewHeaderRight {
	padding-left: 18px;
}
.multipleIcons {
	width: 124px;
}
.tvIcon {
	width: 127px;
}
.iosIcon {
	width: 76px;
}


.apptag {
	display: inline-block;
	background: rgba(0,0,0,0.05);
	color: #777;
	font-size: 0.8em;
	border-radius: 0.3em;
	padding: 0.5em 1em;
	margin: 0.25em 0.5em 0.25em 0;
}
.apptagGenre {
	background: rgba(0,50,200,0.1);
}
.apptagFeature {
	background: rgba(50,150,0,0.1);
}
.uiAppviewTagUl {
	margin: 0;
	padding: 0.3em 0.6em;
}

@media (min-width: 1025px), (width: 736px) {
	html {
		background-color: #ddd;
	}
	body {
		max-width: 1440px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#bottomHeader {
		display: none;
	}
	#topHeader {
		z-index: 0;
		width: 25%;
		padding-right: 0.5px;
		box-sizing: border-box;
		background: #222;
		position: fixed;
		-webkit-overflow-scrolling: touch !important;
		height: 100%;
	}
	#topHeader .uiTabG {
		display: block;
		background-color: #333;
	}
	
	#topHeader .uiTabW {
		display: block;
		text-align: left;
		border-color: #222;
		border-top-width: 0.5px;
	}
	#topHeader .uiTab {
		padding-left: 19.5px;
		padding-right: 19.5px;
	}
	main,
	#bottomFooter {
		padding-left: 25%;
	}
	
}

@media (width: 736px){
	#topHeader {
		width: 30%;
	}
	main,
	#bottomFooter {
		padding: 0 0 0 30%;
	}
}
@media (min-width: 1366px)
{
	#topHeader {
		width: 27%;
	}
	main,
	#bottomFooter {
		padding: 0 0 0 27%;
	}
}
@media (min-width: 1410px)
{
	#topHeader {
		width: 416px;
	}
	main,
	#bottomFooter {
		padding: 0 0 0 416px;
	}
}
@media (min-width: 660px) and (max-width: 735px), (min-width: 737px) {
	main .uiAppWrap,
	.uiControllerWrap {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
	}
	.uiAppWrap:nth-last-child(2):nth-child(odd) {
		border-bottom-width: 0.5px;
	}
	
	.igroup {
		font-size: 0;
	}
	.igroupContent {
		font-size: 17px;
	}
	main .uiAppWrap,
	.uiControllerWrap {
		border-left-width: 0.5px;
	}
	main .uiAppWrap:nth-child(odd),
	.uiControllerWrap:nth-child(odd) {
		border-left-width: 0;
	}
	main .uiAppWrap:only-child,
	.uiControllerWrap:only-child {
		display: block;
		width: 100%;
	}
}

@media (min-width: 1000px) and (max-width: 1024px), (min-width: 1335px) {
	main .uiAppWrap {
		width: 33.333%;
	}
	.uiAppWrap:nth-last-child(3):nth-child(even) {
		border-bottom-width: 0.5px;
	}
	main .uiAppWrap:nth-child(odd) {
		border-left-width: 0.5px;
	}
	main .uiAppWrap:nth-child(3n+1) {
		border-left-width: 0;
	}
	main .uiArticleBody p,
	main .uiArticleBody h2,
	main .uiArticleBody h3,
	main .uiArticleBody .uiForm,
	main .uiForceInline {
		line-height: 1.4em;
		margin: 22px auto;
	}
}

@media (max-width: 740px){
	.igroupContent,
	.toolbarContent,
	.titleContent {
		padding-left: 15.5px;
		padding-right: 15.5px;
	}
	.uiSubtitle,
	.uiArticleBody,
	.uiArticleBody .shareSheet,
	.uiAppviewHeader {
		padding-left: 18px;
		padding-right: 18px;
	}
	.uiArticleBody .titleWrap,
	.uiArticleBody footer,
	.uiArticleBody .igroup,
	.uiArticleBody .uiSubtitle,
	.uiArticleBody .shareSheet {
		margin-left: -18px;
		margin-right: -18px;
	}
	
	.uiBack::before {
		margin-left: -11px;
	}
	.uiNext::after {
		margin-right: -11px;
	}
	.uiAppviewTagUl {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	
	.uiAppviewHeader {
		padding: 14px 8px;
	}
	#appupBackground .ipadScreenshot,
	#appupBackground .tvScreenshot,
	#appupBackground .iphoneScreenshot {
		max-height: 120px;
		width: auto;
	}
	#appupBackground #appup {
		max-width: 500px;
	}
	.uiAppviewHeaderRight {
		padding-left: 8px;
	}
	
	.multipleIcons {
		width: 66px;
	}
	.tvIcon {
		width: 100px;
	}
	.iosIcon {
		width: 64px;
	}
	
	
	.uiAppviewIcon {
		border-radius: 13px;
		height: 64px;
	}
	.uiAppviewDescription {
		font-size: 0.8em;
	}
	
	.multipleIcons .uiAppviewIcon {
		width: 48px;
		height: 48px;
		z-index: 2;
		border-radius: 9px;
	}
	.multipleIcons .uiAppviewIcon-TV {
		width: 48px;
		height: 32px;
		z-index: 3;
		margin-top: 7px;
		margin-left: 0px;
		top: 24px;
		border-radius: 6px;
	}
	
	.uiAppviewTitle {
		font-size: 15px !important;
		line-height: 16px !important;
		overflow: hidden !important;
		font-weight: 400 !important;
		padding: 0 0 3px  !important;
		margin: 2px 0 1.5px;
		height: 14px !important;
	}
	.uiAppviewDeveloper {
		margin: 1px auto 2px 0;
		padding-bottom: 1px;
		font-size: 12px;
		line-height: 12px;
		color: #888;
		overflow: hidden;
		height: 12px;
	}
	.uiAppviewTagUl li {
		font-size: 10px;
	}
	#appDescriptionSection {
		margin-left: 0 !important;
	}
}
@media (max-width: 480px){

	.titleContent {
		font-size: 0.85em;
	}
	.uiTab {
		font-size: 12px;
	}
}
@media (max-width: 320px)
{
	.uiTab {
		font-size: 10px;
	}
	.igroupContent,
	.toolbarContent {
		padding-left: 10.5px;
		padding-right: 10.5px;
	}
	.uiSubtitle,
	.uiArticleBody,
	.uiArticleBody .shareSheet {
		padding-left: 13px;
		padding-right: 13px;
	}
	.uiArticleBody .titleWrap,
	.uiArticleBody footer,
	.uiArticleBody .igroup,
	.uiArticleBody .uiSubtitle,
	.uiArticleBody .shareSheet {
		margin-left: -13px;
		margin-right: -13px;
	}
}
/* Forum Elements */

.uiPostBar,
.uiPageBar {
	height: 44px;
	line-height: 44px;
	margin: 0;
	list-style-type: none;
}
.uiPostBar {
	text-align: right;
}
.uiPostButton {
	padding: 0 0 0 20px;
	font-size: 14px;
	display: inline-block;
	margin: 0;
}


/* Dark UI */
.uiDark .uiAppContent-Title,
.uiDark .app {
	color: #fff;
}
.uiDark .uiAppContent-Linkbox,
.uiDark .app::after {
	border: 1px solid rgba(0,0,0,0.5);
	background: rgba(255,255,255,0.1);
	color: #fff;
}
.uiDark .uiAppContent-Linkbox-Forum {
	background: rgba(170,90,255,0.1);
	color: #caf;
}
.uiDark .uiAppContent-Linkbox-Review {
	background: rgba(100,255,100,0.1);
	color: #bfb;
}
.uiDark .uiBack::before,
.uiDark .uiNext::after {
	background: #fff;
}

.uiDark .toolbarWrap,
.uiDark .igroupWrap,
.uiDark .titleWrap,
.uiDark .igroup,
.uiDark .uiArticleBody {
	border-color: #222;
}
.uiDark .uiBox,
.uiBox.uiDark  {
	background-color: #333;
}

.uiDark .titleWrap,
.uiDark .toolbar,
.uiDark.toolbar {
	background-color: #444;
}

.uiDark .uiSubtitle {
	color: #aaa;
}
.uiDark,
.uiDark .igroupContent {
	color: #ddd;
}
.uiTab-Active {
	background-color: #444;
}
.uiDark .uiAppContent-Developer {
	color: #aaa;
}

.uiError {
	background-color: #d00;
	color: white;
}
/* Fixes the 0.5px margin on the bottom of the page on Macs */
small.uiSubtitle {
	height: 19.25px;
}


.atvExclusive {
	color: #444;
}
.atvExclusive::before,
.atvUniversal::before {
	float: left;
	position: relative;
	top: -8px;
	left: -7px;
	font-size: 8px;
	font-variant: small-caps;
	text-transform: lowercase;
}
.atvExclusive::before {
	content: "tv";
	margin-right: -24px;
}
.atvUniversal:before {
	content: "tv+";
	margin-right: -16px;
}

.toolbarSearch {
	background: rgba(0,0,0,0.15);
	padding: 0 4px;
	box-sizing: border-box;
}
.toolbarSearchContent {
	color: #222;
	-webkit-user-select: auto;
	background: white !important;
	border-radius: 6px !important;
	padding: 4.5px 12px !important;
	box-sizing: border-box;
	margin: 4.5px 0 4px !important;
	text-align: left !important;
	display: table-cell !important;
}
#searchButton {
	display: none;
}
.toolbarSearchContent:placeholder-shown {
	text-align: center !important;
}
.toolbarSearchContent:placeholder-shown:focus {
	text-align: left !important;
}
.toolbarSearchContent:focus::-webkit-input-placeholder {
	opacity: 0;
}
details[open] ul {
	margin: 0 -2.5px !important;
}
details[open] summary {
	padding-bottom: 9px !important;
	margin-bottom: 2px !important;
}
details[open] li .igroupContent {
	padding-left: 32px;
	margin: 0 -2.5px;
}

/* Lightbox Code */


#ecBanner {
	background-color: rgba(255, 200, 0, 0.2);
	color: #da0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	padding: 8px;
	font-weight: 500;
	border-bottom: 0.5px solid rgba(0,0,0,0.1);
}
#ecBanner:before,
#ecBanner:after {
	content: "★";
	vertical-align: midde;
	padding: 0 5px;
}
#lightboxBackground {
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 999;
	padding: 6%;
	transition: opacity 0.4s, transform 0.4s;
	-webkit-tap-highlight-color: transparent;
	background-color: rgba(0,0,0,0.6);
}
#lightboxBackground.animationStart {
	opacity: 0;
}
#lightboxBackground.deanimationStart {
	opacity: 0;
	transition: 0.2s;
}
/*THIS TRICK ALLOWS CENTERING*/
#lightboxBackground:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#lightbox {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 960px;
	text-align: center;
	margin: auto;
	overflow-x: scroll;
	-webkit-overflow-scroll: touch;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 50px rgba(0,0,0,0.6);
}

#lightboxImageOverlay {
	display: block;
	max-width: 1280px !important;
	width: 100% !important;
}
.lightboxFigureCaption {
	margin: 0;
	font-size: 1em;
	text-align: left;
	line-height: 1.3em;
	padding: 10px 12px;
	color: #222;
}
.uiTabG {
	max-width: 640px;
	margin: 0 auto;
	background: none;
}