
/*
* {
    box-sizing: border-box;
}
*/

h1, h2 {
    text-align: center;
}

aside {
	display: inline-block;
	float: right;
	max-width: 340px;
	margin: 3px;
	padding: 10px;
	border: 1px solid #9999cc;
	margin-bottom: 10px;
}

aside p:last-of-type {
	margin-bottom: 0px;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%; min-width: 185px; /* 175px; */}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/* Have to add form to override theKeynote style */
form input[type="text"] {
    color: #000000;
	background-color:#f6f6ff;
	border: 1px solid #333366;
}

form input[type="password"] {
	border: 1px solid #333366;
}

/* To make Reset look like Submit */
form input[type="reset"] {
	background-color: #333366;
	color: #ffffff;

	margin: 0;

	-webkit-appearance: none;

	display: inline-block;
	font-size: 13px;
	padding: 17px 25px;
	margin-bottom: 15px;
	margin-right: 5px;
	outline: none;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	border: none;

}

.button {
	text-align: center;
	font-weight: bold;
	float: left;
	/* float: right; */
	/* background-color: #cccccc; */
	border: 3px outset #e0e0f0;
	padding: 0 4px;
}

.third .button {
	float: right;
}

footer ul {
	list-style-type: none;
	margin-left: 0;
}

/* #footer-widget-2 li { */
.footer-widget li {
	margin-bottom: 15px;
}

div.footer-container{margin-top:0;}

div.footer-icons { margin-top: 50px; }

div.footer-icons a { margin-right: 14px; }

/* Stop home page slider from growing too big */
master-slider-parent {
	max-width:1140px;
}

.stunning-text-caption h4.title {
	color: #ffffff;
}
/* Changes to get logo and menu to play nice with login */
/*
body div.header-logo { max-width: none; }

.header-logo img { max-width: 190px; }
*/
/* Required to get login on top of logo */
/*
.login {
	position: relative;
	float: right;
	margin-right: 20px;
	z-index: 100;
}
*/

#login input {
	margin-left: 5px;
}

#login input[type="submit"] {
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Footer News */
#recent-posts-5 h4.title {
	color: white;
}

/* Registration Page */
#orderForm th {
	min-width:50px;
}

/* Events Schedule Page
---------------------------------*/

.page-id-3541 .content-wrapper .container {
    max-width: none;
    width: 100%;
}

.page-id-3541 #search_options {
    max-width: 1140px;
    margin: 0 auto;
}

.page-id-3541 label {
	margin-top: 10px;
}

.page-id-3541 label input[type=text] {
	margin-bottom: 10px;
}

.page-id-3541 label,
.page-id-3541 label select,
.page-id-3541 label input[type=text] {
	display: block;
}

#event_colors {
	list-style: none;
	margin-left: 0px;
}

#event_colors li {
	display: inline-block;
	padding: 5px;
	margin: 5px 3px;
}

/* Results List */
ul.results li span {
}

ul.results,
.results ul {
	list-style: none;
	margin-left: 0px;
/* 	padding-bottom: 20px; */
}
.results li {
	box-sizing: border-box;
	padding: 0px 5px;
	margin-bottom: 1px;
	clear: right;
}
/* .results li:first-of-type { *//* Header */
.results .header { /* Header */
	background-color: #333366;
	color: #ffffff;
	font-size: 16px;
	padding: 8px 5px;
}
.results ul {
	margin-left: 0px;
	margin-bottom: 0px;
}
.results li li {
	padding: 0px;

}

.results span,
.results div {
	display: inline-block;
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
}
.results span {
	padding: 3px; /* 5px; */
	padding-left: 0px; /* 5px; */
}
.results .primary div:first-of-type {
	font-weight: bold;
}
.results .primary div:first-of-type span.system { /* Game System */
}
.results .primary div:first-of-type span.scenario { /* Title */
	font-style: italic;
	font-weight: normal;
}
.results .primary div:first-of-type span.title { /* Title */
	font-style: italic;
}
.results .primary div:first-of-type span.title+span, /* Spe, Spo, Class */
.results .primary div:first-of-type span.title+span+span,
.results .primary div:first-of-type span.title+span+span+span {
	/* min-width: 150px; *//* 174px; */
}
.results .primary div:nth-of-type(2) span:first-of-type { /* Start Time */
	min-width: 95px; /* 71px; */
}
.results .primary div:nth-of-type(2) span:nth-of-type(2) { /* Location */
	min-width: 130px;
}
/* 150 + 95 + 130 = 375 *//* 95 + 130 = 225 */

.results .secondary div:first-of-type span:first-of-type { /* Duration */
	min-width: 80px;
}
.results .secondary div:first-of-type span:nth-of-type(2) { /* Maturity */
	min-width: 77px;
}
.results .secondary div:first-of-type span:nth-of-type(3) { /* Experience */
	min-width: 100px;
}
.results .secondary div:first-of-type span:nth-of-type(4) { /* # Players */
	min-width: 80px;
}
/* .results li .secondary div:first-of-type span:nth-of-type(5) { *//* Group */
.results .secondary div:nth-of-type(2) span:first-of-type { /* Group */
	min-width: 60px;
}
.results .secondary div:nth-of-type(2) span:nth-of-type(2) { /* GM */
	min-width: 230px;
}
.results .secondary div:nth-of-type(2) span:nth-of-type(3) { /* Desc */
	cursor: pointer;
}
/* 79 + 76 + 98 + 65 + 60 + 230 = 608 */
/* 79 + 76 + 98 + 65 + 60 = 378 */
/* 79 + 76 + 98 + 65 = 318 */
/* 60 + 180 = 240 */

.results .descBox {
	display: none;
	/* padding: 5px; */
}
.results .descBox.visible {
	display: block;
}
.results .third div {
	margin-left: 30px;
	margin-bottom: 0px;
}
.results .status {
	font-weight: bold;
}

.results.pre-reg span {
	min-width: 75px;
}

.results.pre-reg span:nth-of-type(2) {
	min-width: 100px;
}

.results.pre-reg span:nth-of-type(3) {
	min-width: 85px;
}

.results ul.admin_list li {
	border-bottom: 1px solid black;
	padding-left: 0px;
}

.results ul.admin_list li:first-of-type {
	padding-left: 5px;
}

.results ul.admin_list li span {
	min-width:40px;
}

.results ul.admin_list li span:nth-of-type(1) {
	min-width:50px;
	font-weight: bold;
	border: 1px solid #333399;
}

.results ul.admin_list li span:nth-of-type(2) {
	min-width:45px;
}

.results ul.admin_list li span:nth-of-type(3) {
	min-width:85px;
}

.results ul.admin_list li span:nth-of-type(4) {
	min-width:55px;
}

.results ul.admin_list li span:nth-of-type(6) {
	min-width:35px;
}

.results ul.admin_list li span:nth-of-type(8) {
	font-weight: bold;
}

.results ul.admin_list li span:nth-of-type(8) span:first-of-type {
	min-width: 0px;
	font-style: italic;
	border: 0px;
}

.results ul.admin_list li span:nth-of-type(9) {
	min-width:80px;
}

.results ul.admin_list li span:nth-of-type(11) {
	font-weight: bold;
}

/* Event Colors */
.B, .B td { background: #ccddff; } /* Blue   */
.D, .D td { background: #ddddff; } /* Blue   */
.C, .C td { background: #ccffcc; } /* Green  */
.L, .L td { background: #ffddaa; } /* Orange */
.M, .M td { background: #eeccff; } /* Purple */
.P, .P td { background: #ccccff; } /* Orange */
.R, .R td { background: #ffbbbb; } /* Red    */
.I, .I td { background: #ffbbbb; } /* Red    */
.J, .J td { background: #ffbbbb; } /* Red    */
.S, .S td { background: #cccccc; } /* Silver */
.V, .V td { background: #ffffaa; } /* Yellow */
.W, .W td { background: #eedddd; } /* Blue   */

/* Old code - remove when page is updated */
#event_search h2 {
	clear: both;
}
#search_options label {
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}
#event_colors span {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
}
.board, .Board td { background: #ccddff; } /* Blue   */
.card, .Card td { background: #ddddff; } /* Blue   */
.coll, .Coll td { background: #ccffcc; } /* Green  */
.larp, .LARP td { background: #ffddaa; } /* Orange */
.mini, .Mini td { background: #eeccff; } /* Purple */
.party, .Party td { background: #ccccff; } /* Orange */
.rpg, .RPG td { background: #ffbbbb; } /* Red    */
.al, .AL td { background: #ffbbbb; } /* Red    */
.pfs, .PFS td { background: #ffbbbb; } /* Red    */
.sem, .Sem td { background: #cccccc; } /* Silver */
.vid, .Vid td { background: #ffffaa; } /* Yellow */
.war, .War td { background: #eedddd; } /* Blue   */

#descBox {
	width: 75%;
    max-width: 500px;
    background: #ffffff;
    padding: 10px;
    visibility: hidden;
    border: 2px outset #cccccc;
    position: absolute;
    z-index: 1;
}
/* End Old code - remove when page is updated */
/* 4 rows */
	.results li .primary div:first-of-type { /* Game System, Title, Type */
		min-width: 100%;
	}

/* 2 rows */
@media (min-width: 960px) {
}

@media (min-width: 768px) {
	.results li .primary div:first-of-type {
		min-width: 550px;
		width: 72%;
	}
}

/* 1 row */

/* 4 rows */
@media (max-width: 400px) {
/*
	.results li .secondary div:nth-of-type(2) span:first-of-type {
		width: 60%;
	}
*/
	.page-id-3541 aside {
		display: none;
	}
}
/* 4 rows */
@media (max-width: 800px) {
	.results li .primary, /* Primary Info */
	.results li .secondary { /* Secondary Info */
/*
		width: 100%;
*/
	}
	.results li .primary div:first-of-type { /* Game System, Title, Type */
/*
		min-width: 100%;
*/
	}
	.results li .primary div:first-of-type span.title+span { /* Type */
/*
		min-width: 10px;
	}
	.results li .secondary div {
		min-width: 100%;
	}
	.results li .secondary div:nth-of-type(2) span:first-of-type {
		width: 70%;
*/
	}
}
/* 2 Rows */ 
@media (min-width: 801px) {
	.results li .primary, /* Primary Info */
	.results li .secondary { /* Secondary Info */
/*
		width: 100%;
*/
	}
	.results li .primary div:first-of-type { /* Game System, Title, Type */
/* 770 - 201 - 15 */
/*
		min-width: 550px;
		width: 72%;
*/
	}
/* GM and Description */
/*
	.results li .secondary div:nth-of-type(2) {
		width: 50%;
	}
*/
	.results li .secondary div:nth-of-type(2) span:first-of-type { /* GM */
/*
		width: 70%;
*/
	}
}
/* 1 Row */ 
@media (min-width: 10000000px) /* 1601px) { Won't work until container has no max-width */
	.results li .primary, /* Primary Info */
	.results li .secondary { /* Secondary Info */
/*
		width: 50%;
*/
	}
	.results li .primary div:first-of-type { /* Game System, Title */
/* 770 - 201 - 15 */
/*
		min-width: 550px;
		width: 72%;
*/
	}
	.results li .secondary div:nth-of-type(2) { /* Type, GM and Description */
/*
		width: 50%;
*/
	}
	.results li .secondary div:nth-of-type(2) span:first-of-type { /* GM */
/*
		width: 70%;
*/
	}
	.results li .secondary div:nth-of-type(2) span:first-of-type span { /* Second Type */
		min-width: 0;
		padding: 0;
	}
}

/* Tooltips */
.tooltip:hover {
	text-decoration: none;
}
.tooltip { /* The ? */
	outline: none;
	width: 14px;
	display: inline-block;
	background-color: #eee;
	border: 1px solid #999;
	border-radius: 100%;
	font-size: 85%;
	line-height: 1.2em;
	text-align: center;
	vertical-align: top;
}
.tooltip span {
	display: none;
	width: 300px;
	position: absolute;
	left: 150px;
	margin-top: 5px;
	padding: 5px;
	background-color: #fff;
	color: #333366;
	text-align: left;
	border: 1px solid #999;
	border-radius: 4px;
	box-shadow: 5px 5px 8px #ccc;
	z-index: 1;
}
.tooltip:hover span {
	display: block;
}

.tooltip ul {
	margin-bottom: 0px;
}

#run_event_form .tooltip li,
.tooltip li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tooltip p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Run Event Page */
.page-id-3557 aside {
	min-width: 200px;
	max-width: 400px;
	width: 40%;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.page-id-3557 h3 {
	clear: left;
}
#run_event_form .box {
	border: 1px solid #333366;
	padding: 10px;
	margin-bottom: 10px;
	max-width: 450px;
}
#run_event_form ul {
	margin-left: 0px;
}
#run_event_form li {
	list-style-type: none;
	padding-bottom: 10px;
}

#run_event_form label:first-of-type {
	display: inline-block;
	min-width: 120px;
}

#run_event_form .box label {
	display: inline-block;
}

#run_event_form .box #start_day div:first-of-type {
	display: inline-block;
}

#run_event_form .box #start_day div:first-of-type,
#run_event_form .box label:first-of-type {
	min-width: 100px;
	width: 110px;
}
#run_event_form span.required {
	font-weight: bold;
	font-size: 1.5em;
	color: #ff0000;
}
#run_event_form li label:nth-of-type(2) {
	/* width: 90px; */
	/* width: 40px; */
}

#run_event_form li:last-of-type label {
	width: 240px;
}

#run_event_form textarea {
	padding-left: 0px;
}

#run_event_form label + span {
	margin-left: 5px;
	font-weight: bold;
}

#run_event_form textarea + span.note {
	display: block;
	font-size: 90%;
}

#run_event_form #subgroup_section {
	display:none;
}

#run_event_form #subgroup_section label {
	text-align: right;
}

#volunteer_form label {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

.error {
	position: fixed;
	top: 25%;
	left: 25%;
	padding: 10px;
	width: 50%;
	border: 1px solid #aa0000;
	border-radius: 4px;
	box-shadow: 5px 5px 8px #ccc;
	background-color: #fff;
	display: none;
}

.error.active {
	display: block;
}

@media (max-width: 400px) {
	.error {
		width: 80%;
		left:5%;
	}
}

#special_events img {
	/* width: 180px; */
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

#special_events,
#special_events div {
	clear: both;
}

#painting_contest img {
    width: 300px;
    float: right;
    margin: 0px 10px 10px 10px;
}

#gaming_groups li,
#sponsors li {
/*
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
*/
	list-style-type: none;
	display: inline-block;
	margin: 15px;
/*
	margin: auto;
	height: 200px;
*/
	width: 250px;
	text-align: center;
}

#gaming_groups li a,
#sponsors li a {
/*
	margin: auto;
*/
}

#gaming_groups li img,
#sponsors li img {
/*
	margin: auto;
*/
	max-height: 150px;
	max-width: 250px;
}

/*
#gaming_groups img.small,
#sponsors img.small {
	width: 200px;
}

#gaming_groups img.big,
#sponsors img.big {
	width: 200px;
}
*/


/* Admin css */
#badge_list li {
	list-style-type: none;
	border-bottom: 1px solid #333366;
	padding-top: 7px;
	padding-bottom: 7px;
}

#badge_list li span {
	display: inline-block;
	min-width: 50px;
}

#badge_list li span:first-of-type {
	min-width: 40px;
}

#badge_list li span:nth-of-type(2) {
	min-width: 115px;
}

#badge_list li span:nth-of-type(3),
#badge_list li span:nth-of-type(4) {
	min-width: 100px;
}

/***** Strategicon style-custom.css *****/
.stunning-text-caption h4,
.stunning-text-caption a {   
    color: #ffffff;
} /* 2 */

/***** End Strategicon style-custom.css *****/
/********************************/

/* New Event Schedule List */
.search_events_form h3 {
	margin-bottom: 5px;
}

form.search_options div,
.search_events_form > div:first-of-type, 
.search_events_form > div:nth-of-type(2) {
	float: left;
}
.search_events_form > div:nth-of-type(2) > div {
	float: left;
}

.search_events_form > div:last-of-type {
	clear:left;
}

.search_events_form div div {
	margin-right: 15px;
	margin-bottom: 10px; /* 20px; */
}

#event_colors {
	display: block;
}

/* Downloadable Files */
.con_books li {
	display: inline-block;
	margin-right: 30px;
}

/* Staff page */
#staff ul {
	list-style: none;
	margin-left: 0;
}
#staff li:nth-child(odd) {
    background-color: #eeeeee;
}
#staff li span {
	display: inline-block;
	min-width: 200px;
}

.alert { font-weight: bold; }
.alert span { color: #990000; }

.orccon { color: #cc0000; }
.gamex { color: #006600; }
.gateway { color: #330099; }

/* Miniatures */
.department section,
#minis section {
	margin-bottom: 40px;
}

.department .pos-left,
#minis .pos-left {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}

.department .pos-right,
#minis .pos-right {
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
}

.department ul,
#minis ul {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 1.3em;
	font-weight: bold;
}

.department .gallery,
#minis .gallery {
	display: inline-block;
	margin: 10px 3px;
	padding: 15px;
	border: 2px solid lightgrey;
}

.department .gallery:hover,
#minis .gallery:hover {
	border-color: black;
}

.department dl {
	font-size: 18px;
}

.department dl div {
	display: block;
	margin-bottom: 20px;
}

.department dt {
	display: inline-block;
	font-weight: bold;
/*
	float: left;
	vertical-align: top;
*/
}

.department dd {
	display: inline;
}

.department dl dl {
	margin-left: 50px;
}

.department dl dl dt {
	font-style: italic;
}

img.tshirt {
/*
	margin-top: 0px;
	margin-left: 20px;
	width: 600px;
*/
	max-width: 300px;
}

#badges div,
#badges span {
	display:inline-block; 
}

#badges div {
	padding: 10px 10px 10px 0;
}

#badges span {
	padding: 0px 10px 10px 0;
}

#badges span label {
	font-weight: bold;
}

#badges .vax {
	display: inline-block;
	padding-left: 10px;
	border: 1px solid black;
}

.awards.menu li {
	display: inline-block;
	margin: 3px;
	border: 1px solid #333366;
	padding: 15px;
}

.awards.menu li#selected {
	display: none;
}

/* Sheet Data for Paperwork */
/*
#sheet_list #search_options ul {
	list-style: none;
}

#sheet_list li {
	display: inline-block;
}
*/

/*
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0;
}
*/

/* Remove controls from Firefox */
/*
input[type=number] {
  -moz-appearance: textfield;
}
*/

/* Re-applies the controls on :hover and :focus */
/*
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type=number]:hover:-webkit-inner-spin-button, 
input[type=number]:hover:-webkit-outer-spin-button, 
input[type=number]:focus:-webkit-inner-spin-button, 
input[type=number]:focus:-webkit-outer-spin-button { 
  -webkit-appearance: number-input;
}
*/
