@charset "UTF-8";
/*
Theme Name: WPSU 2015
Theme URI: http://wordpress.org/themes/wpsu
Author: WPSU Multimedia Team
Author URI: wpsu.org
Description: The default theme for WPSU
Version: 1.0
License:
License URI: 
Tags: 
Text Domain: 
*/


* { margin: 0; padding: 0 }

/* Header fonts available --- Bitter 400, 700 */

body { font-size: 18px; font-family: 'Open Sans'; font-weight: 400; background: #f0f0f0; color: #222; }
body.darkmode { background: #141414; color: #999; }

/* Main Tags */

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-seif; font-weight: 600; }

#main { }

h3, h5 { color: #222; }
h1, h2, h4, h6 { color: #1e407c; }

.darkmode h1, .darkmode h3, .darkmode h5 { color: #ccc; }
.darkmode h2, .darkmode h4, .darkmode h6 { color: lightblue; }

h1 { padding: 0; margin: 0 0 .2em 0; font-size: 2.0em; }
h2 { padding: 0; margin: 0 0 .3em 0; font-size: 1.5em; }
h3 { padding: 0; margin: 0 0 .4em 0; font-size: 1.3em; }
h4 { padding: 0; margin: 0 0 .5em 0; font-size: 1.2em; }
h5 { padding: 0; margin: 0 0 .6em 0; font-size: 1.1em; } 
h6 { padding: 0; margin: 0 0 .7em 0; font-size: 1em; }
p, ul, ol, td { font-size: 1em; }
/*input { padding: .3em }*/
p { padding: 0; margin: 0 0 1em 0; }
ul, ol { padding: 0; margin: 0 0 1em 1.5em; }
li { padding: 0 0 .5em 0; }
blockquote { padding: 0; margin: 0 0 0 1em; }
a, a:visited { color: #145291/*#2c76c7*/; }
a:hover { color: #000; }
address { font-style: normal; }
hr { padding: 0; margin: 0 0 1em 0; clear: both; background-color: #fff; border: none; height: 4px; }
blockquote hr { padding: 0; margin: 0 0 1em 0; clear: both; background-color: #fff; border: none; height: 2px; }
#sidebar hr { padding: 0; margin: .5em 0 1em 0; clear: both; background-color: #ddd; border: none; height: 4px; }
.nobr { white-space: nowrap; }
.list-column { width: 45%; float: left; margin-right: 1%; }

.darkmode a, .darkmode a:visited { color: lightblue; }

input, textarea { font-size: .9em; padding: .25em .5em; }
select { font-size: .9em; paddding: .5em; background-color: #ffffff; border: 1px solid #999; }

#searchsubmit { padding: .5em .25em; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; font-size: 80%; background-color: gold; color: #000; min-width: 100px; border: none; }
#searchsubmit:hover { background-color: lightblue; cursor: pointer; }

.skip { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip:focus { position: static; width: auto; height: auto; }

.button { padding: .5em .75em; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; font-size: 100%; background-color: gold; color: #000; min-width: 100px; border: none; }
.button:hover { background-color: lightblue; cursor: pointer; }
.button-closed, .button-closed:hover { padding: .5em .75em; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; font-size: 100%; background-color: lightgray; color: gray; min-width: 100px; border: none; }

.big-button { padding: .75em 1em; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; font-size: 120%; background-color: gold; color: #000; min-width: 250px; border: none; }
.big-button:hover { background-color: lightblue; cursor: pointer; }

.button-sm { padding: .25em .75em; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0; font-size: 100%; background-color: gold; color: #000; min-width: 100px; border: none; clear: both }
.button-sm:hover { background-color: lightblue; cursor: pointer; }

a.button { margin: .5em 0 1em 0; display: inline-block; text-align: center; }
.button:visited, .big-button:visited { color: #000; }

a.button-white { padding: 1em; text-decoration: none; text-align: center; display: block; border-radius: 8px; font-size: 120%; background-color: #fff; }
a.button-white:hover { background-color: lightblue; cursor: pointer; }  

.big-button-donate { display: inline-block; padding: .75em 1em; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; font-size: 120%; background-color: gold; color: #000; min-width: 180px; border: none; }
.big-button-donate:hover { background-color: #fae24d; cursor: pointer; }

.clear { clear: both; height: 0; padding: 0; margin: 0; }

p.subscribe { padding: 0; }

img.alignleft { float: left; margin: 0 15px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 15px; }
img.aligncenter { margin: 0 auto; text-align: center; display: block; width: auto; height: auto; max-width: 780px; }

p.alignright, div.alignright { float: right;  margin: 0 0 15px 15px; }
p.alignleft, div.alignleft { float: left; margin: 0 15px 15px 0; }

div.aligncenter { margin: 0 auto 1em auto; width: 75%; }
div.aligncenter img { width: 100%; height: auto; margin: 0 0 5px 0; }
.wp-caption { background-color: #fff; padding: 6px; }
.wp-caption-text { font-size: 85%; font-style: italic; padding: 0; margin: 0; }
.gallery { padding: 0 0 1em 0; margin: auto; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* Space For Controls... No Longer Needed padding-top: 25px;*/
	height: 0;
	margin: 0 0 1em 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Duplicate for special stream */
.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin: 0 0 1em 0;
}
.videoWrapper2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* for flex boxes, i.e. digital and learning neighborhood */
.box { display: flex; flex-wrap: wrap; }

.google-maps { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; border: 5px solid #fff; margin: 0 0 1em 0; }
.google-maps-sidebar { position: relative; padding-bottom: 70%; height: 0; overflow: hidden;  margin: 0 0 1em 0; }
.google-maps iframe, .google-maps-sidebar iframe { position: absolute; top: 0; left: 0; width: 100% !important;  height: 100% !important; border: 0; }


ul#phone { list-style-type: none; padding: 0; }
.staff-member { clear: both; padding: .5em; margin: .5em 0; background-color: #fff; } 
.staff-member img { float: left; margin: 0 10px 0 0; }
.staff-member h3 { font-size: 1.2em; padding: 0; margin: 0; }


/* Container */
.container { margin: 0 auto; width: 1160px; }

img.aligncenter { margin: 0 auto; text-align: center; display: block; width: auto; height: auto; max-width: inherit; }

.tickets-remaining
{
    border: solid 1px yellow;
    background-color: #fff;
    margin: 0 0 1em 0;
    padding: 10px;
    font-size: 110%;
}
.tickets-remaining span, .sold-out
{
    color: RED;
    font-weight: bold;
}
.waiting-list { clear: both; font-size: italic; color: red; }


@media only screen and ( min-width: 1025px) and ( max-width: 1200px ) {
body { font-size: 16px; }
#main { }
.container { width: 960px; } 
}

@media only screen and ( min-width: 768px) and ( max-width: 1024px ) {
body { font-size: 14px; }
#main { padding: 1em 0 0 0 !important; margin: 0; }
.container { width: 94%; margin: 0 auto; } 
img.aligncenter { margin: 0 auto; text-align: center; display: block; width: 100%; height: auto; max-width: inherit; }
}

@media only screen and ( max-width: 767px ) {
body { font-size: 15px; }
	
#main { padding: 0 !important; margin: 0; }
	
h2 { font-size: 180%; }
	
.container { width: auto; }

img.aligncenter { margin: 0 auto; text-align: center; display: block; width: 100%; height: auto; max-width: inherit; }
img.alignleft { float: left; margin: 0 15px 15px 0; max-width: 40%; }
img.alignright { float: right; margin: 0 0 15px 15px; max-width: 40%; }

p.alignright, div.alignright { float: right;  margin: 0 0 15px 15px; max-width: 40%; }
p.alignleft, div.alignleft { float: left; margin: 0 15px 15px 0;  max-width: 40%; }

div.aligncenter { margin: 0 auto 1em auto; width: 75%; }
div.aligncenter img { width: 100%; height: auto; margin: 0 0 5px 0; }
}

@media only print {
	
body { font-size: 18px; font-family: 'Open Sans'; font-weight: 400; background: #fff; color: #000; }

/* Main Tags */

#main { padding-top: 0; }

h1 { padding: 0; margin: 0 0 .2em 0; font-size: 2.0em; }
h2 { padding: 0; margin: 0 0 .3em 0; font-size: 1.5em; }
h3 { padding: 0; margin: 0 0 .4em 0; font-size: 1.3em; }
h4 { padding: 0; margin: 0 0 .5em 0; font-size: 1.2em; }
h5 { padding: 0; margin: 0 0 .6em 0; font-size: 1.1em; } 
h6 { padding: 0; margin: 0 0 .7em 0; font-size: 1em; }
p, ul, ol, td { font-size: 1em; }
/*input { padding: .3em }*/
p { padding: 0; margin: 0 0 1em 0; }
ul, ol { padding: 0; margin: 0 0 1em 1.5em; }
li { padding: 0 0 .5em 0; }
blockquote { padding: 0; margin: 0 0 0 1em; }
a, a:visited { color: #145291/*#2c76c7*/; }
a:hover { color: #000; }
address { font-style: normal; }
hr { padding: 0; margin: 0 0 1em 0; clear: both; background-color: #fff; border: none; height: 4px; }
blockquote hr { padding: 0; margin: 0 0 1em 0; clear: both; background-color: #fff; border: none; height: 2px; }
#sidebar hr { padding: 0; margin: .5em 0 1em 0; clear: both; background-color: #ddd; border: none; height: 4px; }
}