@font-face {
    font-family: 'Interstate';
    src: url("/fonts/I-UB-R.woff") format('woff');
}

body						{background-color:#3C43F3;color:#ffffff;font-size:21px;}
.poll						{border-top:0px dotted #ffffff;border-bottom:0px dotted #ffffff;padding:1em 0px 0px 0px;}
.image img					{max-width:100%;}
.grid .caption			{text-align:center;color:#ffffff;}
.heading .image			{max-width:700px;}
a						{color:#ffffff;text-decoration:underline;}
p a						{color:#ffffff;text-decoration:underline;}
li a					{color:#ffffff;text-decoration:underline;}

#formmessage {color:#00FA02;}

.peoplesportrait					{max-width:300px;float:right;}
.nextseries				{display:block;margin:2em 0px 1em 0px;overflow:hidden;}
	.nextseries .mainresource		{width:40%;float:left;}
	.nextseries .mainresource img	{width:100%;max-width:none;}
	.nextseries .resource			{float:left;}
	.nextseries .resource img		{width:100%;max-width:none;}

.caption strong {font-family:Interstate,sans-serif;text-transform:uppercase;font-size:1.4em;}
#votecontent strong {font-family:Interstate,sans-serif;text-transform:uppercase;font-size:1.4em;}


.question		{border-top:5px dotted rgba(255, 255, 255, 0.1);}

.terms ol						{padding-left:0px;}
.terms .sectiontitle			{font-weight:bold;border-top:5px dotted rgba(255, 255, 255, 0.1);list-style-position:inside;padding-top:1em;padding-bottom:1em;}
.terms .sectiontitle ol			{list-style-position:outside;padding-left:3em;}
.terms .sectiontitle ol li		{font-weight:normal;padding-top:1em;}

ol > li::marker { content: counters(list-item, '.') '. '; }

.heading		{margin-bottom:2em;}
.heading .image 	{max-width:800px;}
.heading p				{max-width:800px;}
.grid 		{padding-left:70px;}
.end-five	{display:none;width:100%;height:0px;line-height:0px;clear:both;margin:0px;padding:0px;}

.resourcebio	{display:none;}
#name			{display:inline;}

.unused {width:0%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.small {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallplus1 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallplus2 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallplus3 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallminus1 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallminus2 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.smallminus3 {width:10%;margin-top:22%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.big {width:40%;margin-top:0px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}


@media (min-width: 0px) and (max-width: 549px) { /* phones in portrait mode */
	body						{font-size:19px;}
	.structuremenu				{position:relative;padding:15px 0px 0px 0px;}
	.structuremenu .content		{margin:0px 15px 0px 15px;}
	.structuretitle				{margin:0px 15px 0px 15px;}
	.structurebody				{margin:0px 0px 0px 15px;}
	.structuremain				{margin:0px 15px 0px 0px;}
	.structuremain .content		{margin:15px 0px 0px 0px;}
	.structurenavigation		{margin:0px 15px 0px 0px;}
	.structurenavigation .content		{margin:15px 0px 0px 0px;}
	.structurecontext			{margin:15px 15px 0px 0px;}
	.structurefooter			{clear:left;}
	.structurefooter .content	{margin:5px 15px 0px 15px;}
	.grid 		{padding-left:0px;}
	.grid .feature .padding 	{padding: 0px 15px 40px 0px;}
	.grid .feature .padding .image	{padding: 0px 0px 0px 0px;}
	.grid .feature .padding .image img	{max-width:250px;margin:0px auto 0px auto;}
	.heading 					{margin: 15px 0px 25px 0px;}
	.peoplesportrait					{max-width:100%;float:none;width:100%;}
	.peoplesportrait img				{max-width:300px;}
	.nextseries						{margin-right:20px;}
	.unused {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus1 {width:20%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus2 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus3 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus1 {width:20%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus2 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus3 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.big {width:60%;margin-top:0px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
}

@media (min-width: 550px) and (max-width: 799px) { /* phones in portrait mode */
	.nextseries						{margin-right:50px;}
	.grid 		{padding-left:0px;}
	.grid .feature	{width: 50% !important;}
	.grid .end-one		{display:none;}
	.grid .end-two		{display:block;}
	.nextseries						{margin-right:40px;}
	.unused {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus1 {width:20%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus2 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallplus3 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus1 {width:20%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus2 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.smallminus3 {width:0%;margin-top:30%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
	.big {width:60%;margin-top:0px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
}
@media (min-width: 800px) and (max-width: 999px) {
	.grid 		{padding-left:0px;}
	.slideholder						{margin-right:70px;}
}
@media (min-width: 1000px) and (max-width: 1249px) {
	.structurebody				{margin:0px 30px 0px 30px;display:flex;width:auto;}
	.structuretitle				{width:800px;flex-shrink:0;margin:0px auto 0px auto;}
	.structuretitle .content	{width:800px;}
	.structuremain				{display:block;width:800px;flex:none;margin:0px auto 0px auto;}
	.structuremain .content	 	{width:800px;margin: 50px 0px 0px 0px;}
}
@media (min-width: 1250px) and (max-width: 1449px) {
	.structurebody				{margin:0px 30px 0px 30px;display:flex;width:auto;}
	.structuretitle				{width:800px;flex-shrink:0;margin:0px auto 0px auto;}
	.structuretitle .content	{width:800px;}
	.structuremain				{display:block;width:800px;flex-shrink:0;margin:0px auto 0px auto;}
	.structuremain .content	 	{width:800px;}
}
@media (min-width: 1450px) {
	
	body						{font-size:21px;}
	.structuretitle .content	{width:100%;}
	.structurebody				{margin:0px 30px 0px 30px;display:flex;width:auto;}
	.holder						{width:auto;margin:0px auto 0px auto;}
	.structuretitle				{width:800px;flex-shrink:0;margin:0px auto 0px auto;}
	.structuretitle .content	{width:800px;}
	.structuremain				{display:block;width:800px;flex-shrink:0;margin:0px auto 0px auto;}
	.structuremain .content	 	{width:800px;}
	.structurenavigation		{flex-grow:1;margin-left:100px;margin-right:50px;}
	.structurecontext			{flex-grow:1;margin-left:100px;margin-right:50px;}
	.structurefooter			{clear:left;}
	.structurefooter .content	{margin:5px 100px 0px 100px}
	.more						{margin-top:50px;}
	.grid .feature	{width: 25% !important;}
	.grid .end-three		{display:none;}
	.grid .end-four		{display:block;}

}
@media (min-width: 1800px) {
	.grid .feature	{width: 20% !important;}
	.grid .end-three		{display:none;}
	.grid .end-four			{display:none;}
	.grid .end-five			{display:block;}

}


/* (A) FULL PAGE OVERLAY */
.owrap {
  /* (A1) COVER ENTIRE SCREEN */
  width: 100vw; height: 100vh;
  position: fixed; top: 0; left: 0; z-index: 999;
  background: rgba(0, 0, 0, 0.8);

  /* (A2) CENTER DIALOG BOX */
  display: flex;
  justify-content: center;
  align-items: center;

  /* (A3) HIDDEN BY DEFAULT */
  transition: opacity 0.2s;
  visibility: hidden;
  opacity: 0;
}

/* (A4) SHOW */
.owrap.oshow {
  visibility: visible;
  opacity: 1;
}

/* (B) DIALOG BOX COSMETICS */
.obox {
  padding: 20px;
  min-width: 400px; max-width: 600px;
  background-color:#ffffff;
  color:#000000;
}

/* (X) NOT REALLY IMPORTANT */
* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

#formmessage						{display:none;}

.form .textline						{background:#dddfff;color:#000000;}
.form .textlines					{background:#dddfff;color:#000000;}

.form .button						{margin-top:1em;}
.button a .item						{background-color:#00FA02;border-color:#00FA02;color:#3C43F3;}
.button a:hover .item				{background-color:#ffffff;border-color:#ffffff;color:#000000;}

.votebutton							{float:left;margin-right:0.5em;}
.votebutton a						{padding:0.5em 0.8em 0.5em 0.8em;background-color:#00FA02;color:#ffffff;text-align:center;border:1px solid #00FA02;float:left;text-decoration:none;clear:both;}
.votebutton a:hover					{background-color:#000000;color:#ffffff;border:1px solid #000000;}
.closebutton						{float:left;margin-right:0.5em;}
.closebutton a						{padding:0.5em 0.8em 0.5em 0.8em;background-color:#444444;color:#ffffff;text-align:center;border:1px solid #444444;float:left;text-decoration:none;clear:both;}
.closebutton a:hover				{background-color:#000000;color:#ffffff;border:1px solid #000000;}

#votecontent						{border-top:1px solid #3C43F3;}

.light					{display:block;}
.dark					{display:none;}