/*///		 Common Styles 		///*/


	@font-face {
		font-family: 'SuperiorTitleLight';
		src: url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Light.eot'); /* IE9 Compat Modes */
		src:url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Light.woff') format('woff'), /* Modern Browsers */
			url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	@font-face {
		font-family: 'SuperiorTitleMedium';
		src: url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Medium.eot'); /* IE9 Compat Modes */
		src:url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Medium.woff') format('woff'), /* Modern Browsers */
			url('http://www.paul-wright.com/wp-content/themes/effectbasechild_paulwright/assets/fonts/superiortitle-light/SuperiorTitle-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
	}


	body {
		font-family: 'SuperiorTitleLight', 'Times New Roman', serif;
		font-size: 62.5%;
		color: #4d4d4d;
	}
	body p {
		font-family: 'Arial', sans-serif;
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 0 0.4em 0;
		letter-spacing: 1px;
		word-spacing: 2px;
	}
	body h1,
	body h2,
	body h3 {
		font-family: 'SuperiorTitleMedium', 'Times New Roman', serif;
		letter-spacing: 1px;
	}
	.container {
		width: 1200px;
		margin: 0 auto;
	}
	.half {
		width: 50%;
	}
	#whitespace {
		background: #fff;
		display: block;
		width: 100%;
		height: 200px;
	}
	.right {
		float: right;
	}
	.left {
		float: left;
	}
	.footer {
		margin-top: 20px;
	}
		.footer .half{
			float: none;
			margin: 0 auto;
			text-align: center;
		}
		.footer p{
			font-size: 1em;
			line-height: 1.2em;
		}
/*///		 Page Wrap list-style-position:  ///*/

	#page-wrap {
		overflow: hidden;
		background: #f2f2f2;
		position: relative;
	}


/*///		 Header Styles 		///*/

	#page-header {
		height: 120px;
	}
	#page-header img#logo {
		width: 260px;
		display: block;
		margin: 30px auto 0;
	}

/*///		 Nav Styles 		///*/

	
		
		#nav {
			z-index: -1;
			width: 100%;
			height: 100%;
			background: rgba( 0 , 0 , 0 , 0.8);
			position: fixed;
			top: 0;
			bottom: 0;
			opacity: 0;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
		}
		.lt-ie9 #nav {
			background: #999;
			display: none;
		}
		.lt-ie9 #nav.open {
			display: block;
		}
	
		#nav.open {
			z-index: 10;
			opacity: 1;
			-webkit-transition: all 1s ease;
		  	-moz-transition: all 1s ease;
		  	-o-transition: all 1s ease;
		  	transition: all 1s ease;
		}
			#nav ul {
				list-style: none;
				margin: 180px auto 0;
				padding: 0;
			}
				#nav ul li {
					text-align: center;
					
				}
					#nav ul li a:hover {
						color: #444;
						background: rgba(255,255,255,0.8);
					}
					#nav ul li a {
						color: #fff;
						font-size: 2.5em;
						line-height: 2.4em;
						text-decoration: none;
						width: 100%;
						height: 100%;
						display: block;
					}
				
	.navicon {
		vertical-align:middle;
		text-align:center;
		font:0.875em 'Arial', sans-serif;
		margin: 30px auto 0;
		display: block;
		z-index: 11;
	}
	a.navbutton{
		width:50px;
		height:30px;
		display:block;
		margin:0 auto;
		position:relative;
		z-index: 11;
		outline: none;
	}
	.line{
		width:50px;
		height:4px;
		display:block;
		position:absolute;
		background: url('../img/dark-line.svg') no-repeat left top;
		background-size: 100% auto;
		background:#4d4d4d;
		border-radius:50%;
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	.line-1{top:0;}
	.line-2{margin-top:-2px; top:50%;}
	.line-3{bottom:0;}
	a.active .line-1{
		top:50%;
		border-radius:50%;
		margin-top:-2px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		background:#fff;
	}
	a.active .line-2{
		opacity:0;
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	a.active .line-3{
		bottom:50%;
		border-radius:50%;
		margin-bottom:-2px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background:#fff;
	}

/*/// 		Gallery Styles 		///*/ 

	#gallery .galleryimg {
		width: 300px;
		height: 300px;
		position: relative;
		overflow: hidden;
		display: block;
		float: left;
	}
		#gallery article div {
			display: none;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;		
		}
			#gallery article div h2{font-size:2em;margin-top: 37%;text-decoration: none;}
			#gallery article div h3{font-size:1.5em;text-decoration: none;}
			#gallery article div h2,
			#gallery article div h3,
			#gallery article div .galleryline {
				text-align: center;
				font-weight: 100;
				text-transform: capitalize;
				text-decoration: none;
				color: #fff;
				opacity: 0;
				-webkit-transition: all 1s ease;
			  	-moz-transition: all 1s ease;
			  	-o-transition: all 1s ease;
			  	transition: all 1s ease;
			}
			.lt-ie9 #gallery article div h2,
			.lt-ie9 #gallery article div h3,
			.lt-ie9 #gallery article div .galleryline {
				display: none;
			}

				.galleryline {
					width:30px;
					height:3px;
					display:block;
					/*background:#fff;*/
					background: url('../img/white-line.svg') no-repeat center center;
					/*border-radius:50%;*/
					margin:0 auto;
					-moz-transition: all 0.25s ease-in-out;
					-webkit-transition: all 0.25s ease-in-out;
					transition: all 0.25s ease-in-out;
				}

					
		#gallery article img {
			margin: 0 0 0 -25%;
			width: 480px;
			transform:scale(1);
		    -ms-transform:scale(1);
		    -moz-transform:scale(1);
		    -webkit-transform:scale(1);
		    -o-transform:scale(1);
			-webkit-transition: all 2s ease;
		  	-moz-transition: all 2s ease;
		  	-o-transition: all 2s ease;
		  	transition: all 2s ease;
		}
		#gallery a {
			text-decoration: none;
		}
		#gallery a div{
			display: block;
			background: rgba(0,0,0,0);
			-webkit-transition: all 1s ease;
		  	-moz-transition: all 1s ease;
		  	-o-transition: all 1s ease;
		  	transition: all 1s ease;
		}
		#gallery a:hover div  {
			background: rgba(0,0,0,0.4);
		}
		.lt-ie9 #gallery a:hover div {
			background: #1E1E1E;
		}
		.lt-ie9 #gallery a:hover div h2,
		.lt-ie9 #gallery a:hover div h3,
		.lt-ie9 #gallery a:hover .galleryline {
			display: block;
		}
		#gallery a:hover div h2,
		#gallery a:hover div h3,
		#gallery a:hover .galleryline {
			-webkit-transition: all 1s ease;
		  	-moz-transition: all 1s ease;
		  	-o-transition: all 1s ease;
		  	transition: all 1s ease;
			opacity: 1;
		}
		#gallery a:hover article img {
		    transform:scale(1.1);
		    -ms-transform:scale(1.1);
		    -moz-transform:scale(1.1);
		    -webkit-transform:scale(1.1);
		    -o-transform:scale(1.1);
		}


	#gallery #loadmore{
		width: 65%;
		padding-top: 30px;
		background: url('../img/loadmore.png') no-repeat center top;
		margin: 20px auto;
		display: block;
		text-align: center;
		color: #4d4d4d;
		font-size: 1.4em;
	}
/*/// Post Styles	///*/

	#post-img,
	#post-txt {
		float: right;
	} 
	#post-img img {
		width: 90%;
		float: left;
		background: #999;
	}
	#post-txt div {
		color: #4d4d4d;
		float: right;
		width: 85%;
		margin-right: 5%;
	}
		#post-txt div h1 {
			text-transform: capitalize;
			font-weight: 100;
			font-size: 2em;
		}
		#post-txt div h2 {
			font-weight: 100;
			font-size: 1.5em;
		}
		#post-txt div p {
			margin-top: 15px;
			font-size: 1.3em;
		}
		 .postline {
			width:30px;
			height:3px;
			display:block;
			background: url('../img/post-line.png') no-repeat left top;
			background-size: 30px auto;
			/*background:#999;
			border-radius:50%;*/
		}
		#previouspost,
		#nextpost {
			display: inline-block;
			position: absolute;
			top: 45%;
			-webkit-transition: all .3s ease; 
			-moz-transition: all .3s ease; 
			transition: all .3s ease;
		}
			#previouspost {
				height: 64px;
				width: 34px;
				background: url('../img/arrow-rgt.png');
				overflow: hidden;
				/*right: 13%;*/
				right: 40px;
			}
			#nextpost {
				height: 64px;
				width: 34px;
				background: url('../img/arrow-lft.png');
				overflow: hidden;
				/*left: 13%;*/
				left: 40px;

			}
				#previouspost a,
				#nextpost a {
					font-size: 0;
					text-indent: 999px;
					width: 100%;
					height: 100%;
					display: block;
				}
/*/// Biography Styles ///*/
	
	
	.biohalf {
		float: right;
		width: 80%;
		margin-right: 5%;
	}

	ul.exhibit {
		list-style: none;
		padding: 0;
	}
	.exhibityear {
		float: left;
		margin: 0;
	}
	.exhibitlocation {
		margin-left: 40px;
	}
	#collections {
		margin-bottom: 50px;
	}
	.exhibitions {
		width: 80%;
	}
		.biohalf h2, .exhibitions h2{
			margin: 1.5em 0 0.2em;
			font-size: 1.8em;
		}
		.biohalf p {
			line-height: 1.5em;
		}
/*/// Events Styles ///*/

	.selector2014, .selector2015, .selector2016 {
		display: inline-block;
		margin-right: 2px;
		cursor: pointer;
	}
	p.qualification, p.educationyear {
		line-height: 1em;
	}
	p.qualification {
		padding-bottom: 8px;
	}

.show-year {
		display: block;
	}
	.hide-year {
		display: none;
	}


	.pagetitle {
		width: 50%;
		margin: 0 auto;
	}
	.events .event {
		width: 50%;
		margin: 50px auto;
		font-weight: normal;
		overflow: auto;
	}
		.events .event img {
			width: 200px;
			float: left;
		}
		.events .event h2 {
			font-size: 1.8em;
			margin: 0 0 8px;
			/*padding-left: 220px;*/
		}
		.events .event h3 {
			font-size: 1.4em;
			margin:  0;
			/*padding-left: 220px;*/
		}
		.events .event p {
			margin: 8px 0 0;
			/*padding-left: 220px;*/
		}
		.events p a {
			color: #3D3D3D;
		}


/*/// Press Styles ///*/
	.press p{
		margin: 0 0 1.4em;
	}
	.pagetitle img {
		width: 100%;
	}
	.press .pressarticle {
		width: 50%;
		margin: 0 auto 10px;
	}
		
		.press .pressarticle h2 {
			font-size: 1.8em;
			margin: 8px 0;
			font-weight: normal;
		}
		.press h1 {
			font-weight: normal;
		}


/*/// Commissions Styles ///*/

	.commissions a {
		color: #4d4d4d;
	}

/*/// Contact Styles ///*/
	.contact{
		
	}
	.contact h1, .contact h2 {
		font-weight: normal;
	}
	.contact a {
		color: #4d4d4d;
	}
		.contact #post-txt {
			width: 25%;
		}
		.contact #post-img {
			margin-top: 52px;
		}
		/*.contact .pagetitle {
			width: 100%;
			margin: 0 auto;
			display: block;
			height: 200px;
		}*/

/*/// Media Queries ///*/
@media (max-width:1564px){
	#post-img .img {
		width: 70%;
	}




}



@media (max-width:1200px){
	.page-wrap
	 {
		width: 100%;
	}
	.container {
		width: 90%;
		margin: 0 auto;
	}
	#gallery .galleryimg {
		width: 25%;
		height: auto;
	}
	.footer{
		margin-top: 20px;
	}


} 
@media (max-width:1024px){
	#gallery .galleryimg {
		width: 33.333%;
		height: auto;
	}
} 

@media (max-width: 960px){
	#collections {
		margin-bottom: 50px;
		width: 100%;
	}
	.exhibitions {
		width: 100%;
	}
	.single-work #post-img, .single-work #post-txt {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
		#post-img img {
			width: 100%;
		}
		.single-work #post-txt {
			width: 60%;
			float: none;
		}
			#post-txt .half {
				width: 100%;
			}
	#nextpost, #previouspost {
		top: 90%;
	}
		#nextpost{
			left: 3%;
		}
			#nextpost:hover{
				left: 1%;
			}
		#previouspost {
			right: 3%;
		}
			#previouspost:hover{
				right: 1%;
			}
	.contact #post-img,  {
		width: 50%;
		float: right;
	}

	.biohalf {
		width: 95%;
	}
	.half.right .half {
		width: 100%;
	}
	.press .pagetitle {
		width: 70%;
	}
	.press .pressarticle {
		width: 70%;
		margin: 50px auto;
		font-weight: normal;
	}
	.events .event {
		width: 100%;
	}
	.events .pagetitle {
		height: 50px;
		width: 100%;
	}
}

@media (max-width:520px){
	#nav ul li a {
		font-size: 2em;
		line-height: 1.5em;
	}
	.press .pagetitle, .pagetitle {
		width: 100%;
	}
	.press .pressarticle {
		width: 100%;
		margin: 50px auto;
		font-weight: normal;
	}
	#gallery .galleryimg {
		width: 50%;
		height: auto;
	}
	#post-txt .half {
		margin-bottom: 95px;
	}
		/*#nextpost, #previouspost {
		top: 90%;
		}
		#nextpost {
			left: 15%;
		}
		#previouspost {
			right: 15%;
		}*/
	#gallery a div  {
			background: rgba(0,0,0,0.3);
		}
		#gallery a div h2,
		#gallery a div h3,
		#gallery article div .galleryline {
			opacity: 1;
		}
		#gallery article div h2 {
			font-size: 1.5em;
			margin-top: 32%; 
		}
		#gallery article img {
			margin: -35% 0 0 -45%;
		}

	.biohalf {
		margin-bottom: 10px;
	}
	.half {
		width: 100%;
	}
	.left,.right {
		float: none;
	}
	
	.events .event img{
		width: 100%;
		float: none;
	}
	
	.commissions #post-txt div { margin-right: 0;}
	.contact .pagetitle {
		width: 90%;
		position: relative;
		height: 250px;
	}
	.contact #post-txt {
		width: 90%;
		margin: 0 auto;
	}
	.pagetitle .contact-details {
		width: auto;
		position: absolute;
		bottom: 0;
	}
	.pagetitle .contact-address {
		width: auto;
	}
	#nav {
		display: none;
	}
	#nav.open {
		display: block;
	}

	#whitespace{
		height: 100px;
	}


}

@media (max-width:480px){
	.events .event h2, .events .event h3,.events .event p  {
		width: 100%;
		clear: left;
		padding: 10px 0 0;
	}
}
@media (max-width:320px){
	#gallery .galleryimg {
		width: 100%;
		height: auto;
	}
	.events .event h2, .events .event h3,.events .event p  {
		width: 100%;
		clear: left;
		padding: 10px 0 0;
	}
	
}