/*
Theme Name: Edit V4_Proj 2
Description: A custom theme for Public School.
Version: 1.0
Orig. Author: Joel G Goodman
http://braverymedia.co

Edited by: Tim Daniels
Tim.daniels.design@gmail.com
http://timdanielsdesign.blogspot.com/

*/

/* @group reset */

/* html5 css reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, .promo, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;:0;font-size:100%;font-weight: normal;vertical-align:middle;background:transparent;}body {line-height:1;}strong {font-weight: bold;}article,aside,details,figcaption,figure,footer,.promo,hgroup,menu,nav,section {display:block;} ul,ol {list-style-type:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table {border-collapse:collapse;border-spacing:0;}input, select {vertical-align:middle;}

/* Helper classes
---------------------------------------- */

/*
	* Micro clearfix hack, more semantically titled with 'group'
	* Source: nicolasgallagher.com/micro-clearfix-hack/
*/
.group:before, .group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	*zoom: 1;
}

/* @end */


@font-face {
	font-family: 'DinMono-Regular';
	src: url('fonts/24EA57_0_0.eot');
	src: url('fonts/24EA57_0_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/24EA57_0_0.woff') format('woff'),
		 url('fonts/24EA57_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Din-Regular';
	src: url('fonts/din-regular.eot');
  src: url('fonts/din-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/din-regular.woff') format('woff'), 
    url('fonts/din-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'DINWeb-Light';
	src: url('fonts/DINWeb-Light.eot');
	src: url('fonts/DINWeb-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/DINWeb-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Icon Font */
@font-face {
	font-family: 'pschool';
	src: url('fonts/pschool.eot');
	src: url('fonts/pschool.eot?#iefix') format('embedded-opentype'),
		 url('fonts/pschool.woff') format('woff'),
		 url('fonts/pschool.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




.nav-icon{
	display: inline-block;
	font-family: ArnhemPro-Bold, georgia, cambria, 'times serif';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: .5;
	letter-spacing: normal;
	margin-top: .4em;
	margin-left: -.8em;
}

a.nav-icon {
  text-decoration: none !important; 
}

a.nav-icon:hover {
  text-decoration: none !important;
}

  
  
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	font-family: pschool;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  color: #000000;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-caret-left:before {
	content: "\e600";
}
.icon-caret-right:before {
	content: "\e601";
}
.icon-logo:before {
	content: "\e602";
}
.icon-ps:before {
	content: "\e603";
}
.icon-menu:before {
	content: "\e604";
}

/* end Icon Font */


html {
	position: relative;
	min-height: 100%;
	background-color: #00000;
	border-color: #00000;
	border-style: solid;
	border-width: 0 10px 10px 10px;
}

body {
	background-color: #fff;
	font: .9em/1.78 georgia, cambria, times, serif;
}

a {
	color: inherit;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	transition: all .15s;
}

strong {
	font-weight: bold;
	font-style: inherit;
}

em {
	font-weight: inherit;
	font-style: italic;
}

.sprite {
	display: block;
	overflow: hidden;
	text-indent: -500em;
	background: url(images/sprite-main.png) no-repeat;
}

header {
	background-color: #000000;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 9000;
	font: .75em Din-Regular;
}

header.active {
	position: fixed;
	top: 0 !important;
	left: 10px;
	right: 10px;
	width: auto;
}

header a {
	text-decoration: none;
	letter-spacing: .2em;
}

header a:hover, header a.active, header .current-menu-parent > a{
	border-bottom: 1px solid #fff;
}	

header a:hover, header a.active, header .current-menu-item > a{
	border-bottom: 1px solid #fff;
}	

header > a  {
	display: block;
	color: #fff;
	font-size: 2.5em;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	opacity: 0;
	padding: .25em 0;
}
	a.toplogo, a:hover.toplogo {
		border-bottom: none;
	}
	header a span {
		display: none;
	}

	a.nav-icon, a:hover.nav-icon {
		border-bottom: none;
	}
	header a span {
		display: none;
	}	

header.active > a {
	opacity: 1;
}

.home header.active > a {
	opacity: 0;
}

header span.menu {
	display: none;
	background-image: url(images/icon-menu.png);
	background-size: 100%;
	width: 26px;
	height: 15px;
	cursor: pointer;
}

header p.show-work {
	position: absolute;
	width: 150px;
	text-align: center;
	top: 15px;
	left: 50%;
	margin-left: -75px;
	z-index: 50;
	opacity: 1;
	letter-spacing: .2em;
	display: block;
}

header p.show-work span {
	padding-left: 3px;
	cursor: pointer;
}

header p.show-work span:hover {
	border-bottom: 1px solid #fff;
}

header.active p.show-work {
	display: none;
}

.home header.active p.show-work {
	display: block;
	z-index: -1;
}

header.active p.show-work span {
	cursor: default;
}

nav {
	width: 70%;
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
}

.home nav {
	opacity: 0;
}


nav ul li {
	padding: 15px 0;
	float: left;
	width: 20%;
	position: relative;
}
nav ul li:nth-child(2) {
	margin-right: 20%;
}

nav a {
	display: inline-block;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}
	nav ul.sub-menu {
		background: #000000;
		display: none;
		width: auto;
		position: static;
		top: 30px;
		left: -24%;
		padding: 2em 0;
	}
	nav li:hover ul {
		display: block;
	}
	nav ul.sub-menu li {
		float: none;
		display: block;
		text-align: -webkit-center;
		width: 100%;
		padding: .75em 0;
}
	}
	nav ul.sub-menu li a {
		width: auto;
	}

nav a {
	border-bottom: 1px solid transparent;
}

nav a:hover {
	border-bottom: 1px solid #fff;
}

#splash {
	color: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1000;
	display: table;
	background: #000000;
	overflow: hidden;
}
	#splash .pschool-logo {
		color: #fff;
		position: absolute;
		left: 50%;
		margin-left: -5.25%;
		top: 15%;
		display: inline-block;
		font-family: ArnhemPro-Bold, georgia, cambria, 'times serif';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		font-size: 4.5em;
		letter-spacing: normal;
}

#splash.block-view {
	display: block;
	text-align: center;
}

#splash h1 {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	z-index: 500;
	font: 3.6em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
}

#splash.block-view h1 {
	position: absolute;
	top: 50%;
}

#splash h1 span {
	display: inline-block;
	text-align: left;
}

#splash p {
	text-transform: uppercase;
	font-family: DinMono-Regular;
	line-height: 1.05;
	letter-spacing: .2em;
}

#splash p.show {
	font-size: .8em;
}

#splash .location {
	z-index: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -650px;
	margin-top: -6px;
	font-size: .8em;
	width: 1300px;
	overflow: hidden;
}

#splash p.city {
	float: left;
}

#splash p.state {
	float: right;
}

#splash p.email {
	width: 250px;
	position: absolute;
	top: 77%;
	left: 50%;
	margin-left: -125px;
	text-align: center;
	letter-spacing: 0;
	text-transform: lowercase;
}

#splash a {
	text-decoration: none;
}

#splash a:hover {
	border-bottom: 1px solid #fff;
}

#splash .show {
	position: absolute;
	bottom: 0;
	padding: 15px 0 16px 0;
}

section {
	padding: 80px 10px 10px 10px;
	max-width: none;
	margin: 80px auto;
	overflow: hidden;
	text-align: center;
}

section.blog {
	padding: 0 0 0 0;
}

section.project-blog {
	padding: 0 0 0 0;
	max-width: none;
	margin: 80px auto;
	overflow: hidden;
	text-align: center;
}

article.regular-blog {
margin: 0 14em 86px 14em;
}

.project article{ 
	position: relative;
	overflow: visible;
	margin: 0 auto 8% auto;
	width: auto;
	
	margin-top: 0px;
	padding: 0 0 30px 0;
}

.blog article {
	position: relative;
	overflow: hidden;
	margin: 0 auto 8% auto;
	width: auto;
	margin: 45px 0 0 0;}
.project article.regular-blog{
		position: relative;
		overflow: hidden;
		margin: 0 auto 130px auto;
		width: auto;
	
	}
	article.video-work {
		max-width: 75%; 	
	
}
	.project article.video-work .post-thumb-video {
		display: block;
		width: 100%;
		height: 100%;
	
		max-height: inherit;
		max-width: inherit;
}

.project article.regular-work a, .project article.video-work a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: -500em;
	z-index: 200;
}

section.blog-img {
margin: 0 auto 130px auto;
padding: 0 0 0 0;
}


.info {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: -27px;
	padding: .5em 0 0 0;
	overflow: hidden;
	z-index: 50;
	background-color: #fff;
	text-align: center;
	/* opacity: 0; */
	-webkit-transition: opacity .15s;
	-moz-transition: opacity .15s;
	-ms-transition: opacity .15s;
	transition: opacity .15s;
	margin: 0px 0 0 0;
}
	.video-work .info {
		opacity: 1;
		position: initial;
	}
.info.by-ps {
	padding-top: 1.25em;
}
.info i {
	font-size: 45px;
	line-height: 2em;
}

.info h3 {
	font: 1.1em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
	margin: .4em 0 .8em 0;
}

.info dl, .work-single dl {
	margin-bottom: .8em;
}

.info dl dt, .work-single dl dt, .info dl dd, .work-single dl dd {
	text-transform: uppercase;
	font-family: DINWeb-Light, DinMono-Regular;
	line-height: 1.05;
	letter-spacing: .3em;
	font-size: .7em;
	font-style: normal;
	display: inline;
}



.info p.description {
	margin: 0 auto .7em auto;
	max-width: 360px;
	line-height: 1.4;
	font-family: DINWeb-Light, DinMono-Regular;
}

.info > span {
	text-transform: uppercase;
	letter-spacing: .3em;
	font: .7em/1.05 DinMono-Regular;
}

article img {
	display: block;
	max-width: 100%;
	width: auto;

	margin: 0 auto 0 auto;

	height: auto;
}

/** ORIGINAL **/

	.project article img {
		height: auto;
		width: auto;
		position: relative;
	}

/*
.project article img {
		position: relative;
		overflow: hidden;
		margin-bottom: 45px;
		display: inline-block;
		
		max-width: 100%;
		height: auto;
		max-height: 100%;
		width: 100%;
	}
*/

div#lead-image {
    margin: -80px 0 8% 0;
}


@media screen and (max-height: 400px ) {

.project article img {
			max-width: 100%;
			height: auto;
			max-height: none;
			width: auto;
		
			margin-top: 20px;
}
.info h3 {
font: 1.1em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
margin: .4em 0 .2em 0;
}

}
@media screen and (max-width: 600px ) {
  
 .info h3 {
font: 1.1em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
margin: .4em 0 .3em 0;
}

  
.info {
	opacity: 1;
	position: initial;

}
  
	.project article, .blog article {
		position: relative;
		overflow: hidden;
		display: inline-block;
		width: auto;
		max-width: 100%;
    		
		margin: 0 auto 35px auto;

	
		/* padding: 0 0 0 0; */
		height: 100%;
}
  
	.project article.video-work {
		margin: 0 auto 35px auto;
		display: block;
	
		padding: 0 0 0 0;
}
  
 article img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto auto auto;
	height: auto;
	max-height: 649px;
}
  
		.project article img {
			max-width: 100%;
			height: auto;
			max-height: none;
			width: auto;
		
			margin: 0 0 0 0;
}
}
.work-single {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 25px;
	/* margin: 0 0 0 0; */
}
.work-single.shop {
	padding-left: 10px;
	padding-right: 10px;
}

.work-single h1 {
	font: 1.2em/1.1 'ArnhemPro-Bold', georgia, cambria, times;
	margin-bottom: .9em;
}

.work-single p {
	margin: 0 auto 25px auto;
	max-width: 500px;
	font: 1.1em/1.375 DINWeb-Light, helvetica, arial, sans-serif;
	clear: both;
	display: block;
	text-align: left;
}
.work-single h2 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

.work-single dl {
	margin-bottom: -80px;
}

.work-single .next, .work-single .prev {
	position: fixed;
	z-index: 2000;
	top: 50%;
	/* transform: translateY(-50%); */
	/* margin: 0 20px 10px 20px; */
}
	.work-single .next {
		right: 5px;
	
		margin-right: 0;
}
	.work-single .prev {
		left: 5px;
	
		/* top: 50%; */
		margin-left: 0;
}
.work-single .next a, .work-single .prev a {
	text-decoration: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	color: #000000;
	font-size: 25px;
}

.work-single .next a:hover, .work-single .prev a:hover {
	opacity: .6;
}

.work-single article > img, .work-single article > .diptych {
	margin-bottom: 0px;
	/* top: -10%; */
}

.diptych {
	width: AUTO;
	max-width: 100%;
	margin: 0 auto;
}
.diptych img {
	margin: 0 3% 0 0;
	max-width: 48%;
	width: 48%;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
	.diptych img:first-child {
		max-height: inherit;
		left: -2px;
		vertical-align: top;
		
		
}
	.diptych img:last-child {
		max-height: inherit;
		right: -1px;
		vertical-align: top;
		
}

.work-single img.double {
	float: left;
	width: 49%;
}

.work-single img.double.last {
	clear: right;
	margin-left: 2%;
}

.work-single p.back-to-work {
	text-transform: uppercase;
	letter-spacing: .3em;
	font: .7em/1.05 DinMono-Regular;
	text-align: center;
}


section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
transform: rotate(270deg) translate(40px, 17px);
-webkit-transform: rotate(270deg) translate(40px, 17px);
-ms-transform: rotate(270deg) translate(40px, 17px);
-moz-transform: rotate(270deg) translate(40px, 17px);
-o-transform: rotate(270deg) translate(40px, 17px);
position: static;
}

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(90deg) translate(-42px,17px);
position: static;
}



.work-single p.project-nav-previous-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(5px,-2px);

text-align: left;
}

.work-single p.project-nav-previous-2{
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-26px,7px);

}

.work-single p.project-nav-next-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(4px,-2px);
text-align: left;

}  

.work-single p.project-nav-next-2 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-27px,7px);

}



.work-single p.back-to-work a {
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding-left: 3px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

.work-single p.back-to-work a:hover {
	border-bottom: 1px solid #000;
}

.shop form {
	overflow: hidden;
	margin-bottom: 25px;
}

.shop form * {
	font: .9em/40px DinMono-Regular;
	height: 40px;
	display: inline-block;
	vertical-align: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0 10px;
}

.shop form input {
	width: 50px;
	background-color: #e8e8e8;
	text-align: center;
	-webkit-appearance: none;
}

.shop form button {
	padding: 0 20px;
	color: #fff;
	background-color: #000;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
}

.shop form button:hover {
	background-color: #666;
}

#searchform {
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}

#searchform #s {
	width: 220px;
	padding: 8px 4px;
	border: 1px solid #c2c2c2;
	font: .8em/1.5em DINWeb-Light, helvetica, arial, sans-serif;
	letter-spacing: .03em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

#searchform #s:hover, #searchform #s:focus {
	border-color: #000;
}

#searchform label, #searchform #searchsubmit {
	position: absolute;
	left: -500em;
	-webkit-appearance: none;
}

.blog .post-thumb-video {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.blog > h1 {
	margin-bottom: 25px;
	font-size: .85em;
}

.blog > h1 span {
	text-transform: uppercase;
}

.blog > h1 a {
	margin-left: 10px;
	display: inline-block;
	line-height: 1;
	font-family: DinMono-Regular;
	padding: 2px 6px;
	font-size: 1.3em;
	border: 1px solid #000;
	border-radius: 20px;
	text-decoration: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

.blog > h1 a:hover {
	background-color: #000;
	color: #fff;
}


.blog article:after {
	content: '';
	width: 400px;
	clear: both;
	display: block;
	border-bottom: 1px solid #b5b5b5;
	margin: 40px auto 60px auto;

}

.blog article:last-child:after {
	margin-bottom: 0;
	border-bottom: none;
}

.blog article img, .blog article .post-thumb-video {
	margin-bottom: 20px;
}

article.post-837.post.type-post.status-publish.format-video.hentry.category-pop-culture {
	/* margin-bottom: 40px; */
}
.blog article img {
/*max-height: 600px;*/
	width: auto;
}

.blog article .desc {
	margin: 0 auto;
	max-width: 500px;
	text-align: left;
}

.blog article img {
	padding: 0 !important;
}

.blog article h2, .blog article h1 {
	font: 1.65em/1.15 DINWeb-Light, DinMono-Regular !important;
	margin-bottom: .3em;
  
	margin-top: 15px}

.blog article h2 a {
	text-decoration: none;
}

.blog article h2 a:hover {
	text-decoration: underline;
}

.blog article p.meta {
	font: .8em/1.5em DINWeb-Light, helvetica, arial, sans-serif;
	letter-spacing: .03em;
	margin-bottom: 2.25em;
}

.blog article p, .blog article ul, .blog article ol {
	margin-bottom: 1.5em;
  
	max-width: 500px;
	margin: 0 auto 0 auto;
}

.blog p.read-more {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .3em;
	padding: 2em 0;
	font: .7em/1.05 DinMono-Regular;
}

.blog p.read-more a {
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding-left: 3px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

.blog p.read-more a:hover {
	border-bottom: 1px solid #000;
}

.blog ul.social {
	margin: 0;
	text-align: center;
}

.blog ul.social li {
	display: inline-block;
}

.blog ul.social li:nth-child(2) {
	margin-left: 30px;
}

.content-sections h2 {
	font: 2.6em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
	text-align: left;
	margin-bottom: 2em;
  
	padding: 0 19% 0 31.5%;
	max-width: 573px;
}

.content-sections ul, .content-sections p {
overflow: hidden;
padding-left: 27%;
padding-right: 25%;
line-height: 1.4;
margin-bottom: 5.5em;
max-width: 650px;
}

.content-sections ul li, .content-sections p {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .2em;
	font: .9em DINWeb-Light, helvetica, arial, sans-serif;
}

.content-sections ul li:after {
	display: inline-block;
	content: '/';
	padding: 0 5px 0 8px;
}

.content-sections ul li:last-child:after {
	display: none;
}

.content-sections p {
	line-height: 1.4;
}

.blog .entry a {
	font-style: italic;
}

footer {
	background-color: #000000;
	color: #fff;
	padding: 100px 0;
	font: .8em/1.5 DinMono-Regular;
	position: relative;
	z-index: 3000;
}

footer .holder {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

footer .column {
	float: left;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20%;
}

footer .column.full {
	width: 100%;
}

footer a {
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

footer h4 {
	font: 2.8em/1 'ArnhemPro-Bold', georgia, cambria, times serif;
	margin-bottom: .7em;
  text-align: center;
}

footer p, footer h5 {
	margin-bottom: 1.2em;
  text-align: center:
}

footer h5 {
	margin-top: 1.1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-bottom: 1.7em;
}

footer .full p:last-child {
	letter-spacing: .2em;
	font-size: .9em;
  text-align: center;
}

footer li {
	line-height: 1.2;
	padding: .3em 0;
	list-style-type: none;
}

.artist-image {
	height: 288px;
	width: 288px;
}
	.artist-image img {
		max-width: 100%;
		height: auto;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {



} /* retina */

@media only screen and (max-width: 85em) {

#splash .location {
	width: 100%;
	left: 0;
	margin-left: 0;
}

#splash p.city {
	margin-left: 5%;
}

#splash p.state {
	margin-right: 5%;
}


} /* <1360px */

/* <1024px */
@media only screen and (max-width: 1024px) and (orientation:landscape){

.info {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: -43px;
padding: .5em 0 0 0;
overflow: hidden;
z-index: 50;
background-color: #fff;
text-align: center;
/* opacity: 0; */
-webkit-transition: opacity .15s;
-moz-transition: opacity .15s;
-ms-transition: opacity .15s;
transition: opacity .15s;
margin: 0px 0 0 0;
}


.project article {
position: relative;
overflow: visible;
margin: 0 auto 8% auto;
width: auto;
margin-top: 0px;
padding: 0 0 22px 0;
}

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(90deg) translate(-41px,17px);
position: static;
}
    section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(270deg) translate(40px, 17px);
position: static;
}

#splash {
	background-size: 59px 59px;
}

#splash h1 {
	font-size: 2em;
}
header.active {
	padding-bottom: 15px;
}

header > a  {
	opacity: 0;
	z-index: 600;
}


header.active > a {
	opacity: 1;
	top: -33%;
}


header span.menu {
	float: right;
	margin: 13px 10px 0 0;
	visibility: hidden;
	display: block;
	cursor: pointer;
}

header span.menu:hover, header span.menu.active {
	background-position: 0 -15px;
}

header.active span.menu {
	visibility: visible;
}

.nav-icon {
	display: inline-block;
	font-family: ArnhemPro-Bold, 	georgia, cambria, 'times serif';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: .5;
	letter-spacing: normal;
	margin-top: 2.85%;
	font-size: 2em;
	text-align: center;
}
  
nav {
	width: 100%;
	position: absolute;
	top: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
	max-width: none;
}

nav.active {
	height: 70em;
}

nav ul {
	padding: 1em 0;
}
	nav ul.sub-menu {
		/* display: none !important; */
	}

nav ul li {
	float: none;
	width: 100%;
	padding: 1em 0;
}

nav a {
	margin-bottom: 1px;
	padding-left: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

nav a:hover, nav a.active {
	margin: 0;
}

 .work-single .prev {
	/* position: fixed; */
	display: inline-block;
	/* margin: 0 0px 20px 0px !important; */
	/* font-size: 27px; */
	/* transform: translate(0px, -15%); */
}
  
}



@media only screen and (max-width: 50em) {

html {
	border-width: 0;
	border-left-width: 0;
}

header.active {
	left: 0;
	right: 0;
}

#splash h1 {
	font-size: 3em;
}


   
.blog article > * {
	padding-left: 15%;
	padding-right: 15%;
}

.work-single h1 {
	font-size: 2.5em;
}

.work-single h2 {
	font-size: 1.2em;
}

.content-sections h2 {
	padding-top: 5%;
	padding-left: 15%;
	padding-right: 15%;
	font-size: 2.3em;
}

.content-sections ul, .content-sections p {
	padding-left: 5%;
	padding-right: 5%;
}

.work-single .next a, .work-single .prev a {
	font-size: 1em;
}

.work-single .next {
right: -5px;
/* margin-right: 0; */
}

.work-single .prev {
	left: -5px;
	margin-left: 0;
	font-size: inherit;
}
#splash .location {
	display: none;
}

section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(270deg) translate(22px, 14px);
position: static;
}

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(90deg) translate(-23px,16px);
position: static;
}



.work-single p.project-nav-previous-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: 7px DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
-webkit-transform: translate(2px,-3px);
text-align: left;

}

.work-single p.project-nav-previous-2{
text-transform: uppercase;
letter-spacing: .1em;
font: 8px DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-19.5px,-1px);

}

.work-single p.project-nav-next-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: 7px DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
-webkit-transform: translate(4px,-5px);
text-align: left;    

}  

.work-single p.project-nav-next-2 {
text-transform: uppercase;
letter-spacing: .1em;
font: 8px DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-20.5px,2px);

}


}
@media only screen and (max-width: 768px) and (orientation:portrait){

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(90deg) translate(-23px,16px);
position: static;
}
    section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(270deg) translate(23px, 14px);
position: static;
}

header.active {
	padding-bottom: 15px;
}

header > a  {
	opacity: 0;
	z-index: 600;
}


header.active > a {
	opacity: 1;
	top: -5%;
}


header span.menu {
	float: right;
	margin: 13px 10px 0 0;
	visibility: hidden;
	display: block;
	cursor: pointer;
}

header span.menu:hover, header span.menu.active {
	background-position: 0 -15px;
}

header.active span.menu {
	visibility: visible;
}

.nav-icon {
	display: inline-block;
	font-family: ArnhemPro-Bold, 	georgia, cambria, 'times serif';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: .5;
	letter-spacing: normal;
	margin-top: 2.85%;
	font-size: 2em;
	text-align: center;
}
  
  nav {
width: 70%;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
  
  
nav {
	width: 100%;
	position: absolute;
	top: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
}

nav.active {
	height: 70em;
}

nav ul {
	padding: 1em 0;
}
	nav ul.sub-menu {
		/* display: none !important; */
	}

nav ul li {
	float: none;
	width: 100%;
	padding: 1em 0;
}

nav a {
	margin-bottom: 1px;
	padding-left: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

nav a:hover, nav a.active {
	margin: 0;
}




}


 


/* <800px */


@media only screen and (max-width: 42em) {

#splash h1 {
	font-size: 2.5em;
}

.blog article > * {
	padding-left: 10%;
	padding-right: 10%;
}

.content-sections h2 {
	padding-top: 5%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 2em;
}

.content-sections ul, .content-sections p {
	padding-left: 0;
	padding-right: 0;
}

footer {
	font-size: .85em;
}


} /* <670px */



@media only screen and (max-width: 38em) {

#splash {
	background-size: 59px 59px;
}

#splash h1 {
	font-size: 2em;
}

header.active {
	padding-bottom: 15px;
}

header > a  {
	opacity: 0;
	z-index: 600;
}


header.active > a {
	opacity: 1;
}


header span.menu {
	float: right;
	margin: 13px 10px 0 0;
	visibility: hidden;
	display: block;
	cursor: pointer;
}

header span.menu:hover, header span.menu.active {
	background-position: 0 -15px;
}

header.active span.menu {
	visibility: visible;
}

.nav-icon {
	display: inline-block;
	font-family: ArnhemPro-Bold, 	georgia, cambria, 'times serif';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: .5;
	letter-spacing: normal;
	margin-top: 2.85%;
	font-size: 2em;
	text-align: center;
}
  
  
  
nav {
	width: 100%;
	position: absolute;
	top: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
}

nav.active {
	height: 70em;
}

nav ul {
	padding: 1em 0;
}
	nav ul.sub-menu {
		/* display: none !important; */
	}

nav ul li {
	float: none;
	width: 100%;
	padding: 1em 0;
}

nav a {
	margin-bottom: 1px;
	padding-left: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

nav a:hover, nav a.active {
	margin: 0;
}

 .work-single .prev {
	position: static;
	display: inline-block;
	margin: 0 0px 20px 0px !important;
	font-size: 27px;
	transform: translate(-25px, -50%);
}

.work-single .next {
	position: static;
	display: inline-block;
	margin: 0 0px 20px 0px !important;
	font-size: 27px;
	transform: translate(25px, -50%);
}

section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
transform: rotate(270deg) translate(57px, 11px);
position: static;
}

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
transform: rotate(90deg) translate(-34px,11px);
position: static;
}



.work-single p.project-nav-previous-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(5px,-2px);

}

.work-single p.project-nav-previous-2{
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-28.5px,7px);

}

.work-single p.project-nav-next-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(7px,-2px);

}  

.work-single p.project-nav-next-2 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-27px,7px);

}

div#lead-image {
    margin: 5% 0 8% 0;
}

  
section  {
	padding-top: 40px;
}

.project article.video-work .post-thumb-video {
		display: block;
		width: 100%;
		height: auto;
}  
  
.info, .blog article, .content-sections {
	font-size: .9em;
  
	margin: auto 0 auto 0;
}

.blog article > * {
	padding-left: 5%;
	padding-right: 5%;
	transform: translate(0px,0px);
}

.content-sections h2 {
padding-top: 5%;
padding-left: 11%;
padding-right: 11%;
}

.work-single {
	padding-left: 10px;
	padding-right: 10px;
	padding: 0 10px 0 10px;
	margin: 57px 0 0 0;
}

.div#lead-image {
margin: 8% 0 25% 0;
}  
.work-single h1 {
	font-size: 1.6em;
}

.work-single h2 {
	font-size: 1.1em;
}

.work-single p {
	font-size: .85em;
}

.work-single img {
	float: none !important;
	margin-left: auto !important;
	width: auto !important;
	clear: both !important;
}

.work-single img, .work-single p {
	margin-bottom: 15px;
}

.work-single .next, .work-single .prev {
	position: static;
	display: inline-block;
	margin: 0 0px 20px 0px !important;
	font-size: 27px;
}

.diptych {
	max-width: 100%;
	margin: 0 auto;
}
.diptych img {
	max-width: 100%;
	margin-right: 0;
	display: block;
}

footer {
	padding: 50px 0;
}

footer .column {
	text-align: center;
	padding: 0 1em;
	width: 33.33333%;

}

footer .column.full {
	float: none;
	width: auto;
	text-align: center;
	padding: 0 1em;
	margin-bottom: 1em;
}
.blog article img.attachment-work-large {
margin-bottom: 0px;
margin-top: 0;
}

.blog article:after {
content: '';
width: 400px;
clear: both;
display: block;
border-bottom: 1px solid #b5b5b5;
margin: 40px auto 48px auto;
}	

} /* <600px */


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 38em), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 38em), only screen and (min-device-pixel-ratio: 2) and (max-width: 38em), only screen and (min-resolution: 2dppx) and (max-width: 38em) {

 .work-single .prev {
	position: static;
	display: inline-block;
	margin: 0 0px 20px 0px !important;
	font-size: 27px;
	-webkit-transform: translate(-35px, -50%);
}

.work-single .next {
	position: static;
	display: inline-block;
	margin: 0 0px 20px 0px !important;
	font-size: 27px;
	-webkit-transform: translate(35px, -50%);
}

section.prev-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(270deg) translate(44px, 18px);
position: static;
}

section.next-nav {
padding: 0px 0 0 0;
margin: 0 0 0;
-webkit-transform: rotate(90deg) translate(-48px,18px);
position: static;
text-align: left;
}



.work-single p.project-nav-previous-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
-webkit-transform: translate(5px,-2px);

text-align: left;
}

.work-single p.project-nav-previous-2{
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-28.5px,7px);

}

.work-single p.project-nav-next-1 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
-webkit-transform: translate(7px,-2px);

text-align: left;
}  

.work-single p.project-nav-next-2 {
text-transform: uppercase;
letter-spacing: .1em;
font: .38em DinMono-Regular;
margin: 3px 0 -3px 0;
color: #000000;
display: inline-block;
transform: translate(-27px,7px);

}

  
header > a  {
}


} /* <600px retina */


@media only screen and (max-width: 34em) {

#splash {
/*	display: block; */
	background-position: center 10%;
}
#splash .pschool-logo {
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -9.5%;
	top: 28%;
	display: inline-block;
	font-family: ArnhemPro-Bold, georgia, cambria, 'times serif';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 2.5em;
 	letter-spacing: normal;
}
#splash p {
	font-size: .8em;
	padding-top: 5px;
}

header p.show-work {
	font-size: .8em;
}

#splash h1 {
	font-size: 1.5em;
}


} /* <540px */

@media only screen and (max-width: 34em) and (orientation:portrait) {


#splash .location {
	display: none;
}

} /* <540px portrait */


@media only screen and (max-height: 34em) and (orientation:landscape) {


#splash .pschool-logo {
	display: none;
}

#splash h1 {
	font-size: 1.5em;
}

#splash p.email {
	display: none;
}

} /* <540px landscape */


@media screen and (max-width: 600px ) {
.diptych img:first-child {
		max-height: inherit;
		left: 0px;
		vertical-align: top;
		margin: 35px 0 15px 0;
		
}
	.diptych img:last-child {
		max-height: inherit;
		right: 1px;
		vertical-align: top;
		margin: 0 0 0 0;
}
}

@media screen and (max-width: 380px ) {

header.active > a {
	opacity: 1;
	top: 9%;
}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 34em) and (orientation:landscape), only screen and (-moz-min-device-pixel-ratio: 2) and (max-height: 34em) and (orientation:landscape), only screen and (min-device-pixel-ratio: 2) and (max-height: 34em) and (orientation:landscape), only screen and (min-resolution: 2dppx) and (max-height: 34em) and (orientation:landscape) {

#splash {
}

} /* <540px landscape retina */