/*
Theme Name: Public Art St. Paul
Theme URI: 
Author: Room 34 Creative Services, LLC (development) & Replace (design)
Author URI: http://room34.com
Description: 
Version: 1.0
License: Unauthorized use or redistribution is prohibited
License URI: 
Tags: 
Text Domain: 
*/

/*
COLORS:

Light blue:		rgb(138,174,188);
Blue-black:		rgb(54,58,67);
Blue-gray:		rgb(104,107,111);
Light gray:		rgb(234,234,233);
Medium gray:	rgb(209,211,212);

*/

/* IMPORT */

@import url('css/reset.css');
@import url('css/ninjaforms.css');


/* STANDARD HTML */

html { -webkit-text-size-adjust: 100%; }

body {
	background: rgb(234,234,233);
	color: rgb(54,58,67);
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 100%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}

body * {
	box-sizing: border-box;
	line-height: 1.5em;
}

a, a:visited {
	color: rgb(138,174,188);
	text-decoration: none;
}

a:hover {
	color: rgb(104,107,111);
}

a[href*='tel:'] {
	color: inherit !important;
	cursor: default !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

font, span {
	color: inherit !important;
	font: inherit !important; 
	line-height: inherit !important;
}

form { }

	input, select, textarea {
		border-radius: 0;
		font-family: 'brandon-grotesque', sans-serif;
		font-size: 100%;
	}
	
	input:focus, select:focus, textarea:focus {
		outline: none;
	}

	input::-webkit-input-placeholder { color: rgb(54,58,67); }
	input:-moz-placeholder { color: rgb(54,58,67); opacity: 1; }
	input::-moz-placeholder { color: rgb(54,58,67); opacity: 1; }
	input:-ms-input-placeholder { color: rgb(54,58,67); }
	input:focus::-webkit-input-placeholder { color: transparent; }
	input:focus:-moz-placeholder { color: transparent; }
	input:focus::-moz-placeholder { color: transparent; }
	input:focus:-ms-input-placeholder { color: transparent; }

	input[type=submit] {
		background: rgb(209,211,212);
		border: 0;
		border-radius: 0;
		cursor: pointer;
		text-transform: uppercase;
		-webkit-appearance: none;
	}
	
	input[type=submit]:hover {
		background: rgb(104,107,111);
		color: rgb(255,255,255);
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 1.5rem 0 0.75rem 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1 {
	color: rgb(138,174,188);
	font-size: 200%;
	line-height: 1em;
	text-transform: uppercase;
}

h2 {
	color: rgb(138,174,188);
	font-size: 150%;
	line-height: 1.1em;
	text-transform: uppercase;
}

h3 {
	font-size: 150%;
	line-height: 1.1em;
}

h4 {
	font-size: 120%;
	line-height: 1.3em;
}

hr {
	background: rgb(209,211,212);
	border: none;
	color: rgb(209,211,212);
	height: 1px;
	margin: 1.5rem 0;
	width: 100%;
}

img {
	height: auto;
	max-width: 100%;
	width: auto;
}

em, i { font-style: italic; }

strong, b { font-weight: bold; }

/* CUSTOM CSS CLASSES */

.alignleft {
	clear: left;
	float: left;
	margin: 0 1.5rem 1rem 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.alignright {
	clear: right;
	float: right;
	margin: 0 0 1rem 1.5rem;
}

.archive {
	overflow: hidden;
}

.columns {
	display: table;
	margin: 2rem 0;
	table-layout: fixed;
	width: 100%;
}

	.columns .main, .columns .sidebar {
		clear: both;
		display: table-cell;
		vertical-align: top;
	}
	
	.columns .main {
		border-right: 1px solid rgb(209,211,212);
		width: 66.667%;
	}
	
		.columns .main .content_bumper {
			margin-right: 1.5rem;
			margin-top: 0;
		}
	
	.columns .sidebar { width: 33.333%; }
	
		.columns .sidebar .content_bumper {
			margin-left: 1.5rem;
			margin-top: 0;
		}
	
.content { }
.content:after { clear: both; content: ''; display: table; margin-bottom: 2rem; }

	.content p, .content ul, .content ol, .content dl {
		margin: 0 0 1.5rem 0;
	}

	.content .thumbnail.alignright { width: 45%; }

.content_bumper {
	margin: 2rem 3rem;
}

.entry-date, .entry-meta {
	font-size: 85%;
	line-height: 1.5em;
	margin: 0.5em 0 1.5em 0;
	opacity: 0.75;
}

	.entry-meta .categories * { display: inline-block; }

.events_list { }

	.events_list > li {
		border-bottom: 1px solid rgb(209,211,212);
		clear: both;
		display: table;
		height: auto;
		padding: 1rem 0;
		table-layout: fixed;
		width: 100%;
	}
	.events_list > li:after { clear: both; content: ''; display: table; }
	
		.events_list > li a {
			color: inherit !important;
			display: block;
		}
		
		.events_list > li .content {
			clear: both;
			display: block;
			margin: 0 0 1.5rem 0;
		}
		
		.events_list > li .header {
			color: rgb(138,174,188);
			margin: 0 0 0.5rem 0;
		}
		
		.events_list > li .title {
			margin: 0.5rem 0 0.25rem 0;
		}
		
		.events_list > li .description {
			margin: 0.25rem 0 0.5rem 0;
		}

		.events_list > li .thumbnail {
			float: left;
			overflow: hidden;
			width: 25%;
		}
		
			.events_list > li .thumbnail span {
				display: block;
				height: 10em;
				margin-left: -50%;
				width: 200%;
			}
			
			.events_list > li .thumbnail img {
				display: block;
				height: 100%;
				margin: 0 auto;
				max-width: none;
				width: auto;
			}
		
		.events_list > li .content {
			clear: none;
			float: right;
			width: 72.5%;
		}


.filters {
	clear: both;
	display: table;
	margin: 1rem 0;
	text-transform: uppercase;
	width: 100%;
}

	.filters label {
		display: table-cell;
		position: relative;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
	}
	
	.filters select {
		width: 120px;
	}
	
	.filters input[type=text] {
		width: 50%;
	}

.ps_info { }

.ps_info.year {
	font-size: 150%;
}

.ps_info.dates {
	font-size: 150%;
}

.ps_info.accessible {
	background: url('images/accessible.png') left center no-repeat;
	background-size: 32px 32px;
	font-size: 150%;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
}

.ps_info.accessible a { color: inherit !important; }

.ps_info.project_website_url {
	font-size: 150%;
}

.readmore {
	color: rgb(138,174,188) !important;
	cursor: pointer;
}

.readmore:hover, a:hover .readmore {
	color: rgb(104,107,111) !important;
}

.sidebar_nav {
	clear: both;
	display: block;
}

	.sidebar_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.sidebar_nav li {
		background: rgb(234,234,233);
		margin-bottom: 0.5rem;
	}
	
	.sidebar_nav a, .sidebar_nav a:visited {
		color: rgb(54,58,67);
		display: block;
		padding: 0.333rem 1rem;
		text-transform: uppercase;
	}
	
	.sidebar_nav a.current, .sidebar_nav a:hover {
		color: rgb(138,174,188);
	}

.slideshow {
	margin: 0 0 1.5rem 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.slideshow, .slides, .slides li { height: 450px; }
.slideshow.half_height, .half_height .slides, .half_height .slides li { height: 225px; }

	.slideshow * {
		-moz-user-select: none;
		-webkit-user-select: none;
	}

	.slides {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 1;
	}
	
		.slides li {
			background: transparent center center no-repeat;
			background-size: cover;
			display: block;
			margin: 0;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			transition: opacity 400ms;
			z-index: 1;
		}
		
		.slides li.current {
			opacity: 1;
			z-index: 2;
		}
		
		.slides a {
			color: inherit;
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			text-decoration: none;
		}
		
		.slides .caption {
			background: rgba(54,58,67,0.6);
			color: rgb(255,255,255);
			font-size: 120%;
			line-height: 1.3em;
			max-width: 60%;
			padding: 1rem 60px 1rem 2rem;
			position: absolute; top: auto; right: 0; bottom: 1rem; left: auto;
			z-index: 2;
		}
		
			.slides .caption * {
				color: rgb(255,255,255) !important;
				margin: 0;
			}
	
	.slide_select {
		list-style: none;
		margin: 0; padding: 0;
		position: absolute; top: auto; right: auto; bottom: 7px; left: 15px;
		text-align: left;
		width: 100%;
		z-index: 2;
	}
	
		.slide_select li {
			background: transparent;
			border: 2px solid rgb(255,255,255);
			box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
			cursor: pointer;
			display: inline-block;
			height: 0.75em;
			opacity: 0.5;
			overflow: hidden;
			margin: 0 3px 0 0;
			text-indent: -999px;
			transition: opacity 200ms;
			width: 0.75em;
		}
		.slideshow:hover .slide_select li { opacity: 0.8; }
		.slideshow:hover .slide_select li:hover { opacity: 1; }
		
		.slide_select li.current {
			background: rgb(255,255,255);
		}
	
	.slide_navigation {
		background-size: 30px 50px;
		cursor: pointer;
		height: 50px;
		margin-top: -25px;
		opacity: 0.5;
		overflow: hidden;
		position: absolute; top: 50%; bottom: auto;
		text-indent: -999px;
		transition: opacity 200ms;
		width: 50px;
		z-index: 3;
	}
	.slideshow:hover .slide_navigation { opacity: 0.8; }	
	.slideshow:hover .slide_navigation:hover { opacity: 1; }
	
	.slide_navigation.prev {
		background: transparent url('images/prev.png') center center no-repeat;
		right: auto; left: 0;
	}
	
	.slide_navigation.next {
		background: transparent url('images/next.png') center center no-repeat;
		right: 0; left: auto;
	}

.spotlight {
	overflow: hidden;
}

.tiles {
	display: block;
	margin-right: -1rem; margin-left: -1rem; /* Compensate for padding in .tiles > li */
	position: relative; right: -2px; bottom: -2px; /* Trick to remove right/bottom borders */
}
	
	.tiles > li {
		background-color: transparent;
		border-right: 1px solid rgb(209,211,212);
		border-bottom: 1px solid rgb(209,211,212);
		display: inline-block;
		height: 27rem;
		margin: 0;
		overflow: hidden;
		padding: 1rem;
		position: relative;
		vertical-align: top;
		width: 33.333%;
	}
	
	.tiles > li.last {
		border-right: none;
	}
	
	.archive .tiles > li {
		height: 16rem;
		width: 25%;
	}
	
	.tiles > li.header {
		background-color: rgb(234,234,233);
		border-top: 1rem solid rgb(255,255,255);
		border-right: none;
		border-bottom: 1rem solid rgb(255,255,255);
		display: block;
		height: auto;
		margin: -2px 1rem; /* Trick to remove right/bottom borders */
		padding: 0.333rem 0.667rem;
		width: 100%;
	}
	.tiles > li.header > * { margin: 0; }
	
		.tiles > li a {
			color: inherit !important;
			display: block;
		}
		
		.tiles > li .content {
			clear: both;
			display: block;
			margin: 0 0 1.5rem 0;
		}
		
		.tiles > li .header {
			color: rgb(138,174,188);
			margin: 0 0 0.5rem 0;
		}
		
		.tiles > li .title {
			margin: 0.5rem 0 0.25rem 0;
		}
		
		.tiles > li .description {
			margin: 0.25rem 0 0.5rem 0;
		}
		
			.tiles > li .description p { margin: 0; }

.widget {
	clear: both;
	margin: 0 0 1.5rem 0;
}

.widget:after { clear: both; content: ''; display: table; }


/* DOM ELEMENTS */

#wrapper {
	background: rgb(255,255,255);
	margin: 0 auto;
	max-width: 1200px;
	min-width: 320px;
	overflow: hidden;
	width: 100%;
}

	#masthead {
		background: rgb(234,234,233);
		height: 170px;
		margin: 0;
		position: relative;
		z-index: 3;
	}

		#header_content {
			background: transparent url('images/header_wedge.png') left top no-repeat;
			background-size: contain;
			height: 115px;
			margin: 0;
			position: relative;
			z-index: 2;
		}
			
			#logo {
				background: transparent url('images/logo.png') 80px 27px no-repeat;
				background-size: 230px 60px;
				height: 115px;
				margin: 0;
				overflow: hidden;
				position: relative;
				text-indent: -999px;
				width: 100%;
				z-index: 2;
			}
			
				#logo a {
					display: block;
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				}
			
			#header_watermark {
				background: transparent url('images/a.png') right top no-repeat;
				background-size: contain;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 1;
			}
		
		#header_image {
			background: transparent url('') center right no-repeat;
			background-size: cover;
			display: block;
			height: 115px;
			position: absolute; top: 0; right: 0; bottom: auto; left: 400px;
			z-index: 1;
		}
	
		#primary_navigation {
			background: rgb(255,255,255);
			display: table;
			height: 55px;
			margin: 0;
			position: relative;
			table-layout: fixed;
			width: 100%;
		}
		
			.menu_handle { display: none; }
			
			#primary_navigation .menu-main-menu-container {
				display: table-cell;
				width: 80%;
			}
			
				#primary_navigation a, #primary_navigation a:visited {
					color: rgb(54,58,67);
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#primary_navigation a:hover {
					color: rgb(138,174,188);
				}
				
				#primary_navigation .menu-main-menu-container ul {
					display: table;
					table-layout: fixed;
					width: 100%;
				}
				
				#primary_navigation .menu-main-menu-container li {
					display: table-cell;
					line-height: 55px;
					text-align: center;
				}
			
			#primary_navigation .search {
				background: rgb(234,234,233);
				display: table-cell;
				overflow: hidden;
				position: relative;
				text-align: right;
				width: 20%;
			}
			
				#primary_navigation .search input[type=text] {
					background: transparent;
					border: none;
					color: rgb(54,58,67);
					font-family: 'brandon-grotesque', sans-serif;
					font-size: 100%;
					height: 55px;
					line-height: 55px;
					position: absolute; top: 0; right: 55px; bottom: 0; left: 0;
					text-align: right;
					width: 80%;
					width: calc(100% - 55px);
				}
				
				#primary_navigation .search input[type=text]:focus {
					outline: none;
				}
			
				#primary_navigation .search input[type=submit] {
					background: transparent url('images/search.png') center center no-repeat;
					background-size: 20px 20px;
					border: none;
					height: 55px;
					line-height: 55px;
					overflow: hidden;
					position: absolute; top: 0; right: 0; bottom: 0; left: auto;
					text-indent: -999px;
					-webkit-appearance: none;
					width: 55px;
				}

	#page {
		position: relative;
		z-index: 2;
	}
			
	#colophon {
		background: rgb(54,58,67);
		padding: 1rem 3rem;
		position: relative;
		z-index: 1;
	}
	
		#colophon * {
			color: rgb(255,255,255) !important;
		}
		
		#colophon .social {
			border-bottom: 1px solid rgb(138,174,188);
			display: table;
			list-style: none;
			margin: 0 -10px 1rem 0;
			padding: 0 0 1rem 0;
			table-layout: fixed;
			width: 100%;
		}
		
			#colophon .social li {
				border-right: 10px solid rgb(54,58,67);
				display: table-cell;
				text-align: center;
			}
			
			#colophon .social a {
				display: block;
				height: 44px;
				line-height: 44px;
				min-width: 44px;
				overflow: hidden;
				text-transform: uppercase;
			}
			
			#colophon .social a.contact_link {
				background: rgb(138,174,188);
			}
		
			#colophon .social a[href*='facebook'] {
				background: transparent url('images/facebook.png') center center no-repeat;
				background-size: contain;
				text-indent: -999px;
			}
		
			#colophon .social a[href*='twitter'] {
				background: transparent url('images/twitter.png') center center no-repeat;
				background-size: contain;
				text-indent: -999px;
			}
		
			#colophon .social a[href*='youtube'] {
				background: transparent url('images/youtube.png') center center no-repeat;
				background-size: contain;
				text-indent: -999px;
			}
		
			#colophon .social a[href*='instagram'] {
				background: transparent url('images/instagram.png') center center no-repeat;
				background-size: contain;
				text-indent: -999px;
			}
		
		#colophon .donate {
			border-bottom: 1px solid rgb(138,174,188);
			display: table;
			margin: 0 0 1rem 0;
			padding: 0 0 1rem 0;
			width: 100%;
		}
		
			#colophon .donate p {
				display: table-cell;
				margin: 0;
				padding: 0 3rem 0 0;
				vertical-align: middle;
			}
			
			#colophon .donate form {
				display: table-cell;
				margin: 0;
				padding: 0;
				text-align: right;
				vertical-align: middle;
				white-space: nowrap;
			}

				#colophon .donate input[type=text] {
					background: rgb(255,255,255);
					border: none;
					box-shadow: none;
					color: rgb(54,58,67) !important;
					font-size: 100%;
					padding: 0.25rem 0.5rem;
					width: 100px;
					-webkit-appearance: none;
				}
			
				#colophon .donate input[type=submit], #colophon .button {
					background: transparent;
					border: none;
					color: rgb(138,174,188) !important;
					cursor: pointer;
					font-size: 100%;
					text-transform: uppercase;
					white-space: nowrap;
				}
					
		#colophon .sponsors {
			display: block;
			list-style: none;
			margin: 0 -10px 0 0;
			padding: 0;
			table-layout: fixed;
		}
		
			#colophon .sponsors li {
				background: rgb(255,255,255);
				border: 0;
				border-right: 10px solid rgb(54,58,67);
				border-bottom: 10px solid rgb(54,58,67);
				display: inline-block;
				padding: 10px 20px;
				position: relative;
				text-align: center;
				vertical-align: middle;
				width: 25%;
			}
			
				#colophon .sponsors li, #colophon .sponsors li * {
					color: rgb(54,58,67) !important;
				}
				
				#colophon .sponsors li a {
					display: block;
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
					z-index: 2;
				}
				
				#colophon .sponsors li img {
					display: block;
					margin: 0;
					position: relative;
					opacity: 0.667;
					z-index: 1;
				}
		
		#colophon .contact, #colophon .copyright {
			font-size: 75%;
			list-style: none;
			margin: 0;
			text-transform: uppercase;
		}
		
			#colophon .contact li, #colophon .copyright li {
				border-right: 1px solid rgb(255,255,255);
				display: inline-block;
				margin: 0 0.5rem 0 0;
				padding: 0 0.5rem 0 0;
			}
			
			#colophon .contact li:last-of-type, #colophon .copyright li:last-of-type {
				border-right: none;
			}
			
			#colophon .contact br, #colophon .copyright br {
				display: none;
			}
		
#tinymce {
	background: rgb(255,255,255) !important;
	padding: 1rem !important;
}

/* FOR POTERY SUBB FORM***************/
.wpcf7 p{
	width: 350px;
	float: left;
}

.entry p{
	float: none;
	clear: both;
	display: block;
}

.entry label{
	float: none;
	clear: both;
	display: block;
}
.entry-text{
	width: 600px;
}


/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

	/* Basic settings */	
	* {
		background: white !important;
		border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: black !important;
		text-shadow: none !important; 
		filter: none !important; 
		-ms-filter: none !important;
	}
	@page { margin: 10% 5%; }
	h1, h2, h3, p { orphans: 3; widows: 3; }
	h1, h2, h3 { page-break-after: avoid; }

}


/* LARGE SCREENS (content area over 1200 pixels) */
@media screen and (min-width: 1200px) {

	body { font-size: 110%; }

	.slides .caption {
		font-size: 150%;
		line-height: 1.1em;
	}

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1199px) {

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 999px) {

	/*body { font-size: 90%; }*/

	.filters, .filters label, .filters select, .filters input {
		display: block;
		margin: 0.5rem 0;
		text-align: left;
	}

	.tiles > li {
		width: 50%;
	}

	#masthead {
		height: 120px;
	}
	
	#header_content, #logo, #header_image {
		height: 80px;
	}
	
	#logo {
		background-position: 56px 19px;
		background-size: 161px 42px;
	}
	
	#header_image {
		left: 280px;
	}
	
	#primary_navigation {
		font-size: 80%;
		height: 40px;
	}

	#primary_navigation .menu-main-menu-container {
		width: 70%;
	}
	
	#primary_navigation .menu-main-menu-container li {
		line-height: 40px;
	}
	
	#primary_navigation .search {
		width: 30%;
	}
	
	#primary_navigation .search input[type=text] {
		height: 40px;
		line-height: 40px;
	}
	
	#primary_navigation .search input[type=submit] {
		height: 40px;
		line-height: 40px;
	}

	#colophon .social {
		table-layout: auto;
	}
	
	#colophon .social a[href*='facebook'] {
		background-image: url('images/facebook_icon_x2.png') !important;
		background-size: 32px 32px;
	}

	#colophon .social a[href*='twitter'] {
		background-image: url('images/twitter_icon_x2.png') !important;
		background-size: 32px 32px;
	}

	#colophon .social a[href*='youtube'] {
		background-image: url('images/youtube_icon_x2.png') !important;
		background-size: 32px 32px;
	}

	#colophon .social a[href*='instagram'] {
		background-image: url('images/instagram_icon_x2.png') !important;
		background-size: 32px 32px;
	}

}


/* SMALL TABLETS (content area under 800 pixels) */
@media screen and (max-width: 799px) {
	
	.columns .main { width: 60%; }
	.columns .sidebar { width: 40%; }

	.content .thumbnail.alignright { width: 60%; }

	.events_list { }

		.events_list > li .thumbnail {
			width: 45%;
		}
	
		.events_list > li .content {
			width: 52.5%;
		}

	.slideshow, .slides, .slides li { height: 350px; }
	.slideshow.half_height, .half_height .slides, .half_height .slides li { height: 175px; }
	
	#colophon .donate p, #colophon .donate form {
		display: block;
		margin: 0.5rem 0;
		text-align: left;
		white-space: auto;
		width: 100%;
	}
	
	#colophon .sponsors li {
		width: 33.333%;
	}
	
}


/* PHONES (content area under 640 pixels) */
@media screen and (max-width: 639px) {

	/*body { font-size: 85%; }*/

	.alignleft, .aligncenter, .alignright {
		clear: both;
		display: block;
		float: none;
		margin: 1rem 0;
		max-width: 100%;
	}
	
	.content .thumbnail.alignright { width: 100% !important; }
	
	.columns {
		display: block;
	}

		.columns .main, .columns .sidebar {
			display: block;
			margin: 2rem 0;
			width: 100%;
		}
		
		.columns .main {
			border-right: none;
			border-bottom: 1px solid rgb(209,211,212);
			padding-bottom: 1rem;
		}

			.columns .main .content_bumper {
				margin-right: 1rem;
			}
	
			.columns .sidebar .content_bumper {
				margin-left: 1rem;
			}

	.content .thumbnail.alignright { width: 50%; }

	.content_bumper {
		margin: 1rem;
	}

	.events_list { }

		.events_list > li {
			display: block;
		}
	
			.events_list > li .thumbnail {
				float: none;
				margin-bottom: 1em;
				width: 100%;
			}
		
			.events_list > li .content {
				clear: both;
				float: none;
				width: 100%;
			}
	
	.slideshow, .slides, .slides li { height: 180px; }
	.slideshow.half_height, .half_height .slides, .half_height .slides li { height: 90px; }
	
	.tiles {
		margin-right: 0; margin-left: 0;
	}
	
	.tiles > li {
		border-right: none !important;
		clear: both !important;
		display: table !important;
		height: auto !important;
		padding: 1rem 0 !important;
		table-layout: fixed !important;
		width: 100% !important;
	}
	.tiles > li:after { clear: both; content: ''; display: table; }
	
		.tiles > li .thumbnail {
			float: left;
			overflow: hidden;
			width: 45%;
		}
		
			.tiles > li .thumbnail span {
				display: block;
				height: 10em;
				margin-left: -50%;
				width: 200%;
			}
			
			.tiles > li .thumbnail img {
				display: block;
				height: 100%;
				margin: 0 auto;
				max-width: none;
				width: auto;
			}
		
		.tiles > li .content {
			clear: both;
			float: none;
			width: 100%;
		}
		
		.tiles > li .thumbnail + .content {
			clear: none;
			float: right;
			width: 50%;
		}

		.tiles > li .title { margin-top: 0; }
				
	#header_content {
		background: rgb(54,58,67);
	}
	
	#logo {
		background-position: 10px 19px;
	}
	
	#header_watermark, #header_image {
		display: none;
	}
	
	#primary_navigation .menu-main-menu-container {
		width: 100%;
	}
	
	#primary_navigation .search {
		display: block;
		height: 42px;
		margin-top: -21px;
		position: absolute; top: -100%; right: 10px;
		width: 120px;
		z-index: 4;
	}
	
	#primary_navigation .search input[type=text] {
		height: 44px;
		line-height: 38px;
		right: 44px;
	}
	
	#primary_navigation .search input[type=submit] {
		height: 42px;
		line-height: 42px;
		width: 44px;
	}

	#colophon {
		padding: 1rem;
	}

	/* Eliminate donate/sponsor altogether on phone layout */
	#colophon .donate, #colophon .sponsors {
		display: none;
	}

	#colophon .contact li, #colophon .copyright li {
		border-right: none;
		display: block;
	}
	
	#colophon .contact br, #colophon .copyright br {
		display: inline-block;
	}

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

	.ps_info.accessible {
		background-image: url('images/accessible_x2.png');
	}

	.slide_navigation.prev {
		background-image: url('images/prev_x2.png');
		background-size: 30px 50px;
	}
	
	.slide_navigation.next {
		background-image: url('images/next_x2.png');
		background-size: 30px 50px;
	}

	#header_content {
		background-image: url('images/header_wedge_x2.png');
	}
	
	#logo {
		background-image: url('images/logo_x2.png');
	}
	
	#header_watermark {
		background-image: url('images/a_x2.png');
	}

	#primary_navigation .search input[type=submit] {
		background-image: url('images/search_x2.png');
	}

	#colophon .social a[href*='facebook'] {
		background-image: url('images/facebook_x2.png');
	}

	#colophon .social a[href*='twitter'] {
		background-image: url('images/twitter_x2.png');
	}

	#colophon .social a[href*='youtube'] {
		background-image: url('images/youtube_x2.png');
	}

	#colophon .social a[href*='instagram'] {
		background-image: url('images/instagram_x2.png');
	}

}
/*DONATE BUTTON */
#donerperfect a{
	background: rgb(138,174,188);
	padding: 8px 40px 8px 40px;
	font-size: 24px;
	margin-top: 20px;
	color: #fff;
}