/*@import url('http://media.mcclatchydc.com/static/webfonts/2020Fonts.css');*/
body{
	margin:0;
}
p{
	font-family: 'McClatchy Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	box-sizing:border-box;
	width:100%;
	max-width:600px;
	line-height:1.3em;
	margin:1.5em auto;
	padding:0 1em;
}
#workers{
	position:fixed;
	text-align:center;
	width:100%;
	font-family: 'McClatchy Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:14px;
	z-index:-1;
	-webkit-transition:z-index .1s 1.9s;
	transition:z-index .1s 1.9s;
}
#workers.showing{
	z-index:20;
}
#workers{
	opacity:.15;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	-moz-transition:opacity 2s;
	-ms-transition:opacity 2s;
	transition:opacity 2s;
}
#workers.showing{
	opacity:1;
}
.Android #workers{
	opacity:1 !important;
}
.Android #workers>*{
	opacity:.15;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	-moz-transition:opacity 2s;
	-ms-transition:opacity 2s;
	transition:opacity 2s;
}
.Android #workers.showing>*{
	opacity:1;
}
#workers:before{
	content:' ';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#fff;
	z-index:0;
	opacity:.333;
	-webkit-transition:opacity 2s;
	-moz-transition:opacity 2s;
	-o-transition:opacity 2s;
	-ms-transition:opacity 2s;
	transition:opacity 2s;
}
#workers.showing:before{
	opacity:1;
}
#workers+.tab{
	position:fixed;
	font-family: 'McClatchy Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	background:#e0e0e0;
	max-width:75%;
	padding:5px 15px;
	box-shadow:2px 2px 3px rgba(0,0,0,.2);
	z-index:11;
}
#workers+.top.tab{
	top:-1000px;
	left:-1px;
	border-bottom-right-radius: 20px;
	transition:top 1s;
	padding-top:65px;
	text-align:left;
	z-index:21;
}
#workers.showing+.top.tab{
	top:-1px;
	border-bottom-right-radius: 20px;
	transition:top 1s 1.5s;
}
#workers.showing+.top.tab.closed{
	top:-1000px;
}
#workers+.tab h3{
	font-weight:700;
	font-size:1.2em;
}
#workers+.tab p{
	max-width:none;
	padding:0;
}
@media screen and (max-width:500px){
	#workers+.tab h3{
		margin:.75em auto;
	}
	#workers+.tab p{
		font-size:.8em;
	}
}
#workers+.top.tab .close{
	position:absolute;
	top:60px;
	right:10px;
	font-size:1.5em;
}
#workers+.top.tab .close:before{
	content:'\f00d';
	font-family:fontAwesome;
}
/*.worker{
	font-family:FontAwesome;
	position:relative;
	display:inline-block;
	border:1px solid #b0b0b0;
	background:#e0e0e0;
	color:#b0b0b0;
	font-size:1.425vw;
	line-height:1.5em;
	height:1.5em;
	width:1.5em;
	border-radius:50%;
	margin: 0 .2em .4em .2em;
	text-align:center;
	font-smooth:never;
	-webkit-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-smooth:antialiased;
	cursor:default;
	z-index:1;
}*/
.worker{
	color:transparent;
	font-family:FontAwesome;
	border-radius:.25em;
	position:relative;
	display:inline-block;
	font-size:1.425vw;
	line-height:1.5em;
	height:1.5em;
	width:1.5em;
	margin: 0 .2em .4em .2em;
	text-align:center;
	z-index:1; 
	background-repeat:no-repeat;
	background-position:center;
	background-image:url("images/worker.gif");
	background-size:contain;
	cursor:pointer;
}
.iOS #workers>*,.iOS #workers:before{
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
}
@media screen and (max-width:500px){
	#workers{
		opacity:.1;
	}
	.Android #workers{
		opacity:1;
	}
	.Android #workers>*{
		opacity:.1;
	}
	#workers .worker{
		margin: 0 .75em .25em .75em;
		height:2.75em;
		width:2.75em;
	}
}
/*.worker:after{
	content:' ';
	position:absolute;
	background:#ccc;
	-webkit-mix-blend-mode:screen;
	-ms-mix-blend-mode:screen;
	-moz-mix-blend-mode:screen;
	mix-blend-mode:screen;
	z-index:2;
	top:-2px;
	left:-2px;
	padding:2px;
	border-radius:inherit;
	height:100%;
	width:100%;
}*/
.dead.worker{
	background:#333;
	border-color:#000;
	color:#e0e0e0;
}
.workerLabel{
	position:relative;
	z-index:4;
	width:100%;
	display:block;
	padding:.05em;
	background:#eee;
	box-shadow:
		inset 0 -3px 2px -2px rgba(0,0,0,.333),
		inset 0 3px 2px -2px rgba(0,0,0,.333)
	;
	margin-bottom:5px;
}
.workerLabel p{
	text-align:left;
	max-width:none;
	font-weight:300;
	font-size:1.25em;
	line-height:1.5em;
	color:#333;
}
@media screen and (max-width:500px){
	.workerLabel p{
		font-size:1.1em;
		line-height:1.35em;
	}
}
.workerLabel .tweetThis{
	position:absolute;
	bottom:0;
	left:1.5em;
}
.workerLabel .tweetThis:before{
	content:"\f099";
	font-family:fontAwesome;
	margin-right:.25em;
	text-decoration:none;
}
.workerLabel .return{
	display:block;
	line-height:1.5em;
	text-decoration:underline;
	font-weight:bold;
	color:#777;
	text-align:right;
	cursor:pointer;
	margin:-1.5em 1.5em 0 1.5em;
}
.workerLabel .return:before{
	content:'\f060';
	font-family:FontAwesome;
}
.active.worker{
	z-index:5;
	border-radius:.25em;
	transform: scale(200%,200%);
	-webkit-transform: scale(2.5,2.5);
	background-image:url("images/active-worker.gif");
	box-shadow:0 0 0 2px #fff;
	/*font-size:2.85vw;
	color:#333;
	top:.25em;
	margin:-.5em -.25em -.5em -.25em;*/
}
/*.active.worker:before{
	content:' ';
	position:absolute;
	width:0;
	height:0;
	border:.75em solid transparent;
	border-bottom-color:#eee;
	margin-top:3px;
	top:.125em;
	left:0em;
	z-index:3;
}*/
[toWorker]{
	display:inline-block;
	/*background:#fee6ca;
	border:1px solid #e07725;
	padding:.125em .25em;
	margin:0 .125em;
	border-radius:.25em;*/
	color:#4e4e4e;
	cursor:pointer;
	text-decoration:underline;
	text-shadow:0 0 2px rgba(0,0,0,.25);
}
[toWorker]:before{
	content:'\f007';
	font-family:FontAwesome;
	font-size:.85em;
	display:inline-block;
	vertical-align:top;
	margin-right:.25em;
	margin-top:-.1em;
}
#controls{
	position:fixed;
	font-family: 'McClatchy Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-align:center;
	background:#e0e0e0;
	padding:10px .5em;
	box-shadow:-2px -2px 3px rgba(0,0,0,.2);
	z-index:21;
	width:8.25em;
	right:50%;
	-mox-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-o-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	bottom:-1px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
#controls input[type='checkbox']{
	display:none;
}
#controls input[type='checkbox']+label{
	position:relative;
	display:inline-block;
	font-size:1em;
	font-weight:200;
	color:#777;
}
#controls input[type='checkbox']+label>span{
	color:transparent;
	height:1em;
	width:1em;
	display:inline-block;
	position:relative;
	top:.15em;
	border-radius:.15em;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url("images/controlIcon1.png");
	background-size:contain;
}
#controls input[type='checkbox']:checked+label>span{
	background-image:url("images/controlIcon2.png");
}
#controls input[type='checkbox']:checked+label{
	color:#000;
}
#controls input[type='checkbox']+label:before,#controls input[type='checkbox']+label:after{
	content:' ';
	font-size:1.5em;
	width:46%;
	margin-left:27%;
}
#controls input[type='checkbox']+label:after{
	position:absolute;
	top:-.1em;
	left:0;
	height:1.2em;
	border:2px solid #777;
	box-sizing:border-box;
	border-radius:.5em;
}
#controls input[type='checkbox']+label:before{
	content:'\f111';
	position:relative;
	font-family:fontAwesome;
	display:block;
	margin-bottom:.25em;
	box-sizing:border-box;
	padding:0 .2em;
	text-align:left;
	z-index:2;
}
#controls input[type='checkbox']:checked+label:after{
	border-color:#000;
	background:#e8e8e8;
}
#controls input[type='checkbox']:checked+label:before{
	text-align:right;
}
@media screen and (max-width:500px){
	#controls{
		padding-bottom:1em;
	}
}