/*
Theme Name: Eyebeam 2018
Author: Dan Phiffer
Author URI: https://phiffer.org/
Description: Designed by <a href="http://lukaslukas.com/">Lukas Eigler-Harding</a>.

Contents (breakpoints are mobile-first):
* Reset
* Globals
* Header
* Footer
* Hero
* Module
* Values
* Residents
* Post
* Archive
* Donate
* Sponsors
* Press

*/

/* -------------------------------------------------------------------------- */
/* Reset */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* from https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

img {
	vertical-align: top;
}

header.search { height: 120px;}
header:not(.search) form[role="search"] { display: none;}
header.search form { text-align: center; display: block;}



/* -------------------------------------------------------------------------- */
/* Globals */

body {
	font-family: arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
	/* 180506 this code was for a background image with the eyebeam logo -ct */
	/* background-image: url('img/background-mobile.png'); */
	/* background-color: #E9E9E9; */
	background-color: #ffffff;
	background-size: 94.3% auto;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

a {
	color: #EB6B62;
	text-decoration: none;
}

.clear {
	clear: both;
}

.container {
	width: 100%;
	padding: 0 10px;
}

#page {
	width: 100%;
	padding-top: 60px;
}

header.red .support,
.subnav.red,
footer.red {
	background: #EB6B62;
}

.red a {
	color: #EB6B62;
}

header.green .support,
.subnav.green,
footer.green {
	background: #46A07F;
}

.green a {
	color: #46A07F;
}

header.blue .support,
.subnav.blue,
footer.blue {
	background: #009CCC;
}

.blue a {
	color: #009CCC;
}

form .response-loading,
form .response-success,
form .response-error {
	display: none;
	background: rgba(0, 0, 0, 0.25);
	padding: 10px 15px;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 100%;
	max-width: 420px;
}

form.loading .response-loading,
form.success .response-success,
form.error .response-error {
	display: block;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 857px) {

	body {
		font-size: 18px;
		line-height: 24px;
		background-image: url('img/background.png');
		background-size: 74.5% auto;
	}

	a {
		opacity: 1;
		transition: opacity 0.1s ease-out;
	}

	a:hover {
		opacity: 0.8;
	}

	#page {
		padding-top: 80px;
	}

	.container {
		padding: 0 20px;
	}

}

/* -------------------------------------------------------------------------- */
/* Header */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	color: #fff;
	background: #262626;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 20px;
	z-index: 2;
}

header.headroom {
	top: 46px;
}

header .menu-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-image: url('img/menu.png');
	background-size: 31px 22px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

header h1 {
	position: absolute;
	top: 0;
	right: 0;
}

header h1 a {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url('img/red-e.png');
	background-size: 42px 42px;
	background-repeat: no-repeat;
	background-position: 7px 7px;
}

header.blue h1 a {
	background-image: url('img/blue-e.png');
}

header.green h1 a {
	background-image: url('img/green-e.png');
}

header h1 img {
	display: none;
}

header nav {
	position: relative;
	height: 60px;
}

header a {
	color: #fff !important;
	text-decoration: none;
}

header nav .support {
	padding: 7px 5px 5px 5px;
}

header nav .menu-header-container,
header nav .support {
	display: none;
}

body.show-menu header {
	height: 100vh;
}

body.show-menu .menu-btn {
	background-image: url('img/close.png');
	background-size: 27px 22px;
}

body.show-menu header nav .menu-header-container {
	display: block;
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
}

body.show-menu header.headroom nav .menu-header-container {
	top: calc(60px + 46px);
}

body.show-menu header nav {
	font-size: 24px;
	line-height: 48px;
	text-align: center;
}

body.show-menu header .menu {
	position: fixed;
	left: 50%;
	top: calc(50% - 30px);
	transform: translateX(-50%) translateY(-50%);
}

body.show-menu header.headspace .menu {
	top: calc(50% + 2px);
}

body.show-menu header nav li {
	display: block;
	margin-right: 0;
}

body.show-menu header nav .support {
	display: block;
	position: fixed;
	left: 0;
	top: auto;
	bottom: 0;
	right: 0;
	height: 60px;
}

header #search { display: none;}
body.show-menu header #search {
     display: block;
    position: relative;
    top: -6vh;
    width: 70%;
    padding: 0 20px;
    left: 15%;
}



header #search input[type="text"] {
	height: 36px; 
	width: 75%; 
	font-size: 18px;
	background: #262626;
	color: white;
	border: 1.5px solid white;
	display: block;
	float: left;
	position: relative;
	transition: .3s ease-out;
	z-index:2;
}
header #search input[type="text"].visible {
	display: block;
	right:0;
	transition: .2s ease-out;
}

header #search input[type="text"]:focus {
	outine: 0 !important;
}

header #search button { 
	background: #262626;
	border: none;
	float: right;
	position: relative;
	z-index: 10;
}

header #search button span {
	display: block;
	width: 36px;
	height: 36px;
	background: url('/wp-content/themes/eyebeam2018/img/search.png');
	background-position: center;
	background-size: 85%;
	background-repeat: no-repeat;
	cursor: poitner;
	outline: none;
}

@media (min-width: 857px) {

	header {
		font-size: 14px;
	}

	header.headroom {
		top: 32px;
	}

	header,
	header nav {
		height: 80px;
	}

	header h1 {
		right: auto;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		width: 120px;
		height: auto;
	}

	header h1 img {
		display: block;
		width: 100%;
		height: auto;
	}

	header h1 a {
		background-image: none !important;
		width: auto;
		height: auto;
	}

	header .menu-btn {
		display: none;
	}

	header nav .menu-header-container,
	header nav .support {
		display: block;
	}

	header .menu {
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
	}

	header nav {
		white-space: nowrap;
	}

	header nav li {
		display: inline;
		margin-right: 5px;
		border-top: 2px solid transparent;
		border-left: 2px solid transparent;
		padding: 7px 0 0 7px;
	}

	header nav li:last-child {
		margin-right: 0;
	}

	header nav li.current_page_item {
		border-top-color: #fff;
		border-left-color: #fff;
	}

	header .support {
		position: absolute;
		top: 23px;
		right: 50px;
		background: #EB6B62;
	}

	header #search {
		display: block;
		height: 36px;
		position: absolute;
		top: 23px;
		right: 0;
	}

	header #search input[type="text"] {
		height: 36px; 
		width: 210px; 
		font-size: 18px;
		background: #262626;
		color: white;
		border: 1.5px solid white;
		display: block;
		float: left;
		position: relative;
		right: -300px;	
		transition: .3s ease-out;
		z-index:2;
	}
	header #search input[type="text"].visible {
		display: block;
		right:0;
		transition: .2s ease-out;
	}

	header #search input[type="text"]:focus {
		outine: 0 !important;
	}

	header #search button { 
		background: #262626;
		border: none;
		float: right;
		position: relative;
		z-index: 10;
	}

	header #search button span {
		display: block;
		width: 36px;
		height: 36px;
		background: url('/wp-content/themes/eyebeam2018/img/search.png');
		background-position: center;
		background-size: 85%;
		background-repeat: no-repeat;
		cursor: poitner;
		outline: none;
	}

}

@media (min-width: 963px) {

	header h1 {
		left: 15px;
		width: 150px;
	}

	header {
		font-size: 16px;
	}

	header .support {
		right: 51px;
	}

}

@media (min-width: 1075px) {

	header h1 {
		left: 33px;
		width: 180px;
	}

	header {
		font-size: 18px;
	}

	header .support {
		right: 55px;
	}

	header #search {

	}

}

@media (min-width: 1184px) {

	header h1 {
		left: 55px;
		width: 210px;
	}

	header {
		font-size: 20px;
	}

}

@media (min-width: 1398px) {

	header {
		font-size: 24px;
	}


	header #search input[type="text"] {
		width: 250px;
	}

}

/* -------------------------------------------------------------------------- */
/* Subnav */

.subnav {
	display: none;
}

@media (min-width: 857px) {

	.subnav {
		position: fixed;
		top: 36px;
		left: 0;
		display: block;
		width: 100%;
		height: 44px;
		text-align: center;
		font-family: "ArialMonospacedMTStd", monospace;
		font-size: 18px;
		line-height: 44px;
		white-space: nowrap;
		transition: top 0.5s ease-out;
		z-index: 1;
	}

	body .subnav.headroom {
		top: 68px;
	}

	body.show-subnav .subnav {
		top: 80px;
	}

	body.show-subnav .subnav.headroom {
		top: 112px;
	}

	.subnav li {
		display: inline;
		margin-right: 20px;
	}

	.subnav li:last-child {
		margin-right: 0;
	}

	.subnav a {
		color: #fff !important;
	}

}

/* -------------------------------------------------------------------------- */
/* Footer */

footer {
	color: #fff;
	background: #00A8DA;
	text-align: center;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 40px;
}

footer nav li {
	display: block;
	font-size: 18px;
	line-height: 32px;
}

footer nav {
	padding: 20px;
	border-bottom: 2px solid #000;
}

footer a {
	color: #fff !important;
	text-decoration: none;
}

footer form {
	padding: 20px 20px 30px 20px;
	border-bottom: 2px solid #000;
}

footer input {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

footer input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}

footer input::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}

footer input:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}

footer input:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

footer input[type=text],
footer input[type=email] {
	display: block;
	width: 162px;
	height: 43px;
	border: 2px solid #000;
	background: transparent;
	margin: 0 auto 12px auto;
}

footer input[type=submit] {
	width: 146px;
	height: 43px;
	background: #000;
	border: none;
	cursor: pointer;
}

footer .response-loading,
footer .response-success,
footer .response-error {
	margin: 0 auto 15px auto;
}

footer .partners {
	padding: 0 20px 30px 20px;
	border-bottom: 2px solid #000;
	vertical-align: middle;
}

footer .partners img {
	margin: 30px 30px 0 0;
}

footer .address,
footer .contact {
	float: left;
	width: calc(100% - 55px);
	text-align: left;
	padding: 20px 0 0 20px;
}

footer .social {
	float: right;
	width: 55px;
	padding: 20px 20px 0 0;
}

footer .social a {
	display: block;
	margin-bottom: 10px;
}

footer .tagline {
	display: inline-block;
	padding: 4px 6px 0 6px;
	color: #fff;
	background: #000;
}

@media (min-width: 857px) {

	footer {
		padding: 38px 21px;
	}

	footer nav {
		font-size: 24px;
		border-bottom: 0;
		padding-top: 0;
	}

	footer nav li {
		display: inline;
		margin-right: 30px;
	}

	footer nav li:last-child {
		margin-right: 0;
	}

	footer form {
		padding-bottom: 40px;
		margin-bottom: 0;
	}

	footer input {
		display: inline !important;
		margin-right: 10px !important;
	}

	footer input:last-child {
		margin-right: 0 !important;
	}

	footer .partners {
		padding: 80px 0;
		border-bottom: 2px solid #000;
		vertical-align: middle;
	}

	footer .partners img {
		margin-top: 0;
		margin-right: 30px;
	}

	footer .partners img:last-child {
		margin-right: 0;
	}

	footer .bottom {
		height: 150px;
		position: relative;
	}

	footer .address,
	footer .social,
	footer .contact {
		padding-top: 40px;
	}

	footer .address {
		text-align: left;
		padding-left: 9px;
		width: auto;
	}

	footer .contact {
		position: absolute;
		top: 0;
		right: 9px;
		float: none;
		text-align: right;
		width: auto;
	}

	footer .social {
		position: absolute;
		float: none;
		bottom: 0;
		left: 50%;
		width: 400px;
		transform: translateX(-50%);
		padding: 0;
		margin: 0;
	}

	footer .social a {
		display: inline;
		margin-right: 20px;
	}

	footer .social a:last-child {
		margin-right: 0;
	}

	footer .tagline {
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 18px;
	}

}

/* -------------------------------------------------------------------------- */
/* Hero */

.hero-image {
	width: 100%;
	height: auto;
}

.hero-image-desktop {
	display: none;
}

.hero-image-mobile {
	display: block;
}

.hero-video {
	position: relative;
	width: 100%;
	height: 275px;
	overflow: hidden;
}

.hero-video video {
	position: absolute;
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.hero-text {
	font-family: "eyebeamregular", sans-serif;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	margin: 15px 10px;
	padding: 9px;
}

.hero-text h2 {
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

.hero-text .text {
	font-size: 18px;
	line-height: 24px;
}

@media (min-width: 857px) {

	.hero-image-mobile {
		display: none;
	}

	.hero-image-desktop {
		display: block;
	}

	.hero-video {
		height: 0;
		padding-bottom: 47.5%;
	}

	.hero-video video {
		width: 100%;
		height: auto;
	}

	.hero-text {
		border-top: none;
		border-left: none;
		margin: 100px 0 85px 0;
		text-align: center;
		padding: 0;
	}

	.hero-text h2 {
		/*font-size: 72px;*/
		font-size: 64px;
		/*line-height: 72px;*/
		line-height: 64px;
		margin-bottom: 15px;
	}

	.hero-text .text {
		/*font-size: 48px;*/
		font-size: 36px;
		/*line-height: 56px;*/
		line-height: 36px;
		padding: 0 10%;
	}

}

/* -------------------------------------------------------------------------- */
/* Module */

.module-container {
	padding-top: 10px;
	padding-right: 10px;
}

.module {
	display: block;
	margin-left: 10px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	margin-bottom: 15px;
	padding: 9px;
}

.module img {
	width: 100%;
	height: auto;
}

.module .module-title {
	text-transform: uppercase;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 18px;
	padding: 15px 9px 4px 9px;
}

.module .module-description {
	padding: 0 9px;
}

.module .module-description p {
	margin-top: 9px;
}

.module-two_thirds {
	padding-left: 19px;
	padding-top: 15px;
	font-family: "eyebeamregular", sans-serif;
	/*font-size: 18px;*/
	font-size: 14px;
	/*line-height: 24px;*/
	line-height: 14px;
	padding-bottom: 15px;
}

.module-description + .module-image {
	margin-top: 15px;
}

.module-two_thirds .module-title {
	font-family: "eyebeamregular", sans-serif;
	/*font-size: 24px;*/
	font-size: 14px;
	/*line-height: 28px;*/
	line-height: 14px;
	padding: 0;
}

.module-two_thirds .module-description {
	margin-top: 4px;
	padding: 0;
}

.module-toc li {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase;
	color: #000000;
	list-style: disc;
	margin-left: 1.2em;
}

.module-toc.red li {
	color: #000000;
}

.module-toc li a {
	font-size: 18px;
}

.module-collection .module-title {
	width: 100%;
	font-family: "eyebeamregular", sans-serif;
	font-size: 24px;
	line-height: 28px;
	padding: 0;
}

.module-collection li {
	padding-top: 15px;
}

.module-collection li .module-title {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 4px;
	padding-top: 10px;
}

h5.post-label { text-transform: uppercase; color: white;padding: 2px 10px; display: inline-block; margin-top: 9px; font-size: 13px; line-height: 18px;}

.module-collection.blue h5.post-label, .event-collection.blue h5.post-label {
	background: #009CCC;
}

.module-collection.red h5.post-label, .event-collection.red h5.post-label {
	background: #EB6B62;
}

.module-collection.green h5.post-label, .event-collection.green h5.post-label  {
	background: #46A07F;
}

.module-collection.related-readings {
	width: 100%;
	margin-top: 20px;
}

.module-collection p {
	margin-top: 9px;
}

.module-collection .staff-image {
	max-width: 140px;
}

.module-collection .person-title {
	opacity: 0.6;
	padding-top: 0 !important;
}

.module-collection .bio {
	display: none;
	padding-bottom: 15px;
}

.module-collection li.show-bio .bio {
	display: block;
}

.module-ideas .ideas-title {
	padding-left: 0;
	padding-top: 4px;
	padding-right: 0;
}

.module-ideas .ideas-author {
	text-transform: none;
	padding: 0;
}

.module-ideas .ideas-author::before {
	content: "By ";
}

.module-ideas .ideas-image {
	margin: 9px 0;
}

.event-dates {
	padding-top: 0 !important;
}

.load-more {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 22px;
	margin: 20px auto;
	text-align: center;
}

.load-more a {
	display: inline-block;
	padding: 0 20px;
	line-height: 43px;
	background: #000;
	color: #fff !important;
}

.load-more a.loading {
	opacity: 0.5;
}

.item-container {
	padding: 15px 0;
}


.item-container  a.image { 
	width: 100%; 
	height: 100%; 
	display: block;
}

.item-container a.image { 
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	}

@media (min-width: 857px) {

	.module-container {
		padding-top: 49px;
		padding-left: 10px;
		padding-right: 20px;
	}

	.module {
		float: left;
		margin-bottom: 110px;
	}

	.module-one_third {
		width: calc(33.33% - 10px);
	}

	.module-one_third .module-title {
		font-size: 24px;
		line-height: 24px;
	}

	.module-one_half {
		width: calc(50% - 10px);
	}

	.module-one_half .module-title {
		font-size: 24px;
		line-height: 24px;
	}

	.module-one_half .module-title,
	.module-one_half .module-description,
	.module-one_half .module-image {
		width: 66.66%;
	}

	.module-two_thirds {
		width: calc(66.66% - 10px);
		/*font-size: 48px;*/
		/*line-height: 56px;*/
		font-size: 36px;
		line-height: 48px;
	}

	.module-two_thirds .module-title {
		font-size: 72px;
		line-height: 86px;
	}

	.module-full_width {
		width: calc(100% - 10px);
	}

	.module-full_width .module-title {
		width: 28.07%;
		font-family: "ArialMonospacedMTStd", monospace;
		font-size: 24px;
		line-height: 28px;
		padding: 15px 9px 4px 9px;
	}

	.module-full_width .module-description {
		width: 28.07%;
		padding: 0 9px;
	}

	.module-full_width .module-image {
		float: right;
		width: 65.21%;
	}

	.module-full_width .module-image::after {
		content: "";
		display: table-cell;
		clear: both;
	}

	.module-swap-toc .module:first-child {
		float: right;
	}

	.module-toc {
		padding-top: 20px;
	}

	.module-collection li {
		float: left;
		width: calc(33.33% - 10px);
		padding-left: 9px;
		padding-right: 40px;
		margin-right: 10px;
	}

	.module-collection h2.module-title {
		width: 100%;
		font-family: "eyebeamregular", sans-serif;
		font-size: 48px;
		line-height: 60px;
	}

	.module-collection h3.module-title,
	.module-collection h4.module-title {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.module-collection .staff-image {
		max-width: 190px;
	}

	.module-collection .support-advisory {
		float: left;
		width: 66.66%;
	}

	.module-collection .support-advisory li {
		width: calc(50% - 10px);
	}

	.module-collection .support-interns {
		float: left;
		width: 33.33%;
	}

	.module-collection .support-interns li {
		width: calc(100% - 10px);
	}

	.module-ideas {
		padding: 12px 0 9px 15px;
	}

	.module-ideas .ideas-image {
		margin: 12px 0;
	}

	.load-more-ideas {
		margin-top: -40px;
		padding-bottom: 40px;
		margin-bottom: 0;
	}

}

@media (min-width: 1050px) {

	.module-toc li {
		font-size: 42px;
		line-height: 42px;
	}

	.module-toc li a {
		font-size: 32px;
		line-height: 42px;
	}

}

@media (min-width: 1130px) {

	.module-toc li {
		font-size: 36px;
		line-height: 36px;
	}

	.module-toc li a {
		font-size: 28px;
		line-height: 36px;
	}

}

/* -------------------------------------------------------------------------- */
/* Values */

.values {
	padding-bottom: 20px;
}

.values h2 {
	font-family: "eyebeamregular", sans-serif;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.values li {
	margin-top: 10px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	padding: 15px 20px 9px 114px;
	background-size: 87px auto;
	background-repeat: no-repeat;
	background-position: 9px 9px;
}

.values h3 {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 1.0em;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.values .values-openness {
	background-image: url('img/values-openness.png');
	height: 90px;
}

.values .values-invention {
	background-image: url('img/values-invention.png');
	height: 107px;
}

.values .values-justice {
	background-image: url('img/values-justice.png');
	height: 107px;
}

.values .clear {
	display: none;
}

@media (min-width: 857px) {

	.values h2 {
		font-size: 48px;
		line-height: 56px;
		text-align: left;
	}

	.values li {
		float: left;
		width: calc(33.33% - 10px);
		margin-right: 10px;
		padding-top: 20px;
		padding-left: 124px;
		height: 131px !important;
		background-position: 20px 20px;
	}

	.values h3 {
		font-size: 24px;

	}

	.values .clear {
		display: block;
	}

}

/* -------------------------------------------------------------------------- */
/* Residents */

#residents-year {
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
}

#residents-year select {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
}

.resident-year {
	margin-top: 10px;
}

.resident-bio-name {
	padding-bottom: 0 !important;
	padding-top: 15px !important;
}

.resident-bio {
	border-top: 2px solid #000;
	margin-top: 10px;
}

.resident-bio-name + .resident-bio {
	margin-top: 5px;
}

.resident-links {
	margin-top: 10px;
}

.resident-edit {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 5px;
}

.resident-edit a {
	color: #666 !important;
}

.resident-edit a:hover {
	color: #000 !important;
}

@media (min-width: 857px) {

	#residents-year {
		padding-left: 10px;
	}

	#module-residents ul.loading {
		padding-left: 10px;
		font-family: "ArialMonospacedMTStd", monospace;
		font-size: 18px;
		padding-top: 15px;
	}

	.resident {
		padding-bottom: 15px;
	}

	.resident-name,
	.resident-type {
		font-size: 24px !important;
		line-height: 28px !important;
	}


}

/* -------------------------------------------------------------------------- */
/* Post */

.post .post-main-top,
.post .post-meta {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 24px;
	margin: 15px 10px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	padding: 9px;
}

.post .post-title {
	font-family: "eyebeamregular", sans-serif;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 4px;
}

.post img {
	width: 100%;
	height: auto;
}

.post .post-image {
	margin: 15px 0;
}

.post-content {
	padding: 0 15px 40px 15px;
}

.post-content p {
	margin-top: 10px;
}

.post .clear {
	display: none;
}

.post .video-container {
	margin: 15px 0;
}

@media (min-width: 857px) {

	.post {
		padding: 40px 19px;
	}

	.post .post-image {
		margin-bottom: 34px;
		max-width: 700px;
		margin-left: auto;
	}

	.post .post-main {
		float: left;
		width: calc(66.66% - 10px);
		margin: 0 10px 0 0;
		padding: 0 19px;
	}

	.post .post-intro {
		margin: 0;
		padding: 0;
		max-width: 700px;
		margin-left: auto;
		font-size: 24px;
		line-height: 32px;
		padding: 0 0 90px 0;
	}

	.post .post-title {
		font-size: 48px;
		line-height: 56px;
		padding-top: 15px;
	}

	.post .post-meta {
		float: left;
		width: calc(33.33% - 10px);
		margin: 0;
	}

	.post .post-content {
		padding: 0 0 90px 0;
		max-width: 700px;
		margin-left: auto;
	}

	.post .clear {
		display: block;
	}

}

/* -------------------------------------------------------------------------- */
/* Archive */

/*
.archive .clear {
	display: none;
}

.archive-intro {
	font-family: "eyebeamregular", sans-serif;
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 4px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	padding: 9px;
	margin: 15px 9px;
}

.archive-intro h2 {
	text-transform: uppercase;
}

.archive-featured .featured {
	padding-top: 15px;
}

.archive-featured .featured-image img {
	width: 100%;
	height: auto;
}

.archive-featured .featured-media {
	margin-bottom: 10px;
}

.archive-featured .featured-info {
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	padding: 9px;
	margin: 15px 9px;
}

.archive-featured .featured-info p {
	margin-top: 10px;
}

.archive-featured .featured-title,
.archive-featured .featured-name {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	margin-bottom: 4px;
}

.archive-featured .featured-title {
	text-transform: uppercase;
}

.archive-featured .featured-description {
	margin-top: 9px;
}

@media (min-width: 857px) {

	.archive {
		/*padding: 45px 20px;*/
	}

	.archive .clear {
		display: block;
	}

	.archive-intro {
		font-size: 48px;
		line-height: 56px;
		float: right;
		width: calc(66.66% - 10px);
		margin: 0;
		padding: 10px 19px;
	}

	.archive-featured .featured {
		margin-top: 90px;
		position: relative;
		padding: 0;
	}

	.archive-featured .featured-media {
		position: absolute;
		right: 0;
		top: 0;
		width: calc(66.66% - 10px);
		margin: 0;
	}

	.archive-featured .featured-info {
		width: calc(33.33% - 10px);
		margin: 0;
		padding: 19px;
	}

	.archive-featured .featured-title,
	.archive-featured .featured-name {
		font-size: 24px;
		line-height: 28px;
	}

	.archive-featured .featured.current .featured-info {
		background: #262626;
		border-color: #262626;
		color: #fff;
	}

	.archive.fixed-media .featured-media {
		display: none;
	}

	.archive.fixed-media .current .featured-media {
		display: block;
		position: fixed;
		right: 20px;
		width: calc(66.66% - 10px - 20px);
	}

}
*/
/* -------------------------------------------------------------------------- */
/* Donate */

#donate {
	padding: 9px;
}

#donate label {
	display: block;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 24px;
}

#donate input[type=text],
#donate input[type=email] {
	display: block;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	width: 100%;
	height: 43px;
	border: 2px solid #000;
	padding: 0 9px;
	background: transparent;
	margin: 4px 0 15px 0;
}

#donate input[type=submit] {
	width: 146px;
	height: 43px;
	color: #fff;
	background: #000;
	border: none;
	cursor: pointer;
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	margin-top: 30px;
}

#donate select {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	height: 43px;
	border: 2px solid #000;
	padding: 0 9px;
	background: transparent;
	margin: 4px 5px 15px 0;
}

#donate #email {
	margin-bottom: 30px;
}

#donate .donation-amount {
	font-family: "ArialMonospacedMTStd", monospace;
	font-size: 18px;
	line-height: 24px;
	margin-top: 5px;
}

#donate .donation-amount label {
	display: inline;
	margin-left: 10px;
}

#donate #amount-other-container {
	height: 48px;
	overflow: hidden;
	transition: height 0.3s ease-out;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-top: 5px;
}

#donate #amount-other-container.hidden {
	height: 0;
}

#donate #amount-other {
	width: 100px !important;
}

#donate #card-name {
	max-width: 460px;
}

#donate #card-stripe {
	border: 2px solid #000;
	max-width: 460px;
	height: 43px;
	padding: 9px;
}

#donate #card-errors {
	margin-top: 10px;
}

#donate .fields {
	transition: height 1s ease-out;
}

#donate.success .fields {
	height: 0;
	overflow: hidden;
}

#donate.loading input[type=submit] {
	cursor: default;
	opacity: 0.5;
}

#donate .response-success a {
	color: #000 !important;
}

@media (min-width: 857px) {

	#donate {
		padding: 19px;
	}

	#donate input[type=text],
	#donate input[type=email] {
		max-width: 300px;
	}

	#donate .response-loading,
	#donate .response-success,
	#donate .response-error {
		max-width: 460px;
		margin-top: 30px;
	}

	#donate .response-success {
		margin-top: 0;
	}

}

/* -------------------------------------------------------------------------- */
/* Sponsors */

.module-sponsors-container {
	background: #262626;
	border-color: #262626;
	color: #fff;
	padding-bottom: 0;
}

.module-sponsors {
	border: none;
}

.module-sponsors .sponsors-intro {
	padding: 9px;
}

.module-sponsors .module {
	border: none;
}

@media (min-width: 857px) {

	.module-sponsors-container,
	.module-sponsors,
	.module-sponsors .module {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.module-sponsors-container {
		padding-top: 30px;
	}

	.module-sponsors {
		max-width: 700px;
		padding-bottom: 30px;
	}

}

/* -------------------------------------------------------------------------- */
/* Press */

.press h2 {
	font-family: "eyebeamregular", sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

.press img {
	width: 100%;
	height: auto;
}

.press-main,
.press-sidebar {
	margin: 15px 10px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	padding: 9px;
}

.press-release {
	margin-top: 20px;
}

.press-release-title {
	font-weight: bold;
}

.press-release-date {
	margin-top: 5px;
}

.press-release-image {
	margin-top: 10px;
}

.press-sidebar {
	padding: 10px;
}

.press-sidebar p {
	margin-top: 15px;
}

.press-recent h2 {
	margin-top: 20px;
}

.press-recent li {
	margin-top: 20px;
}

.press-recent-title {
	font-weight: bold;
}

.press-recent-publication {
	margin-top: 10px;
}

.press-recent blockquote {
	padding-left: 20px;
}

.press-recent blockquote p {
	margin-top: 10px;
}

.press .clear {
	display: none;
}

@media (min-width: 857px) {

	.press {
		padding: 40px 19px;
	}

	.press h2 {
		font-size: 48px;
		line-height: 56px;
		padding-top: 15px;
	}

	.press-main {
		float: left;
		width: calc(66.66% - 10px);
		margin: 0 10px 0 0;
		padding: 0 0 0 19px;
	}

	.press-sidebar {
		float: left;
		width: calc(33.33% - 10px);
		margin: 0 0 0 10px;
	}

	.press-release {
		float: left;
		width: calc(50% - 19px);
		margin-right: 19px;
		padding-bottom: 40px;
	}

	.press-recent li {
		margin-top: 40px;
	}

	.press .clear {
		display: block;
	}

}