/*
Theme Name: David Currier
Theme URI: http://davidcurrierart.com/
Description: Theme for David Currier
Author: Jack Payne Currier
Author URI: http://jpcurrier.com
Version: 1.0
*/


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* basics */
*,
*:before,
*:after,
input[ type="search" ]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body{
	height: 100%;
}
body{
	color: #333;
	font: 16px/22px 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility;
}
.loading{
	overflow: hidden;
}
p{
	margin: 0 0 22px;
}
ul,
ol,
h1,
h2,
h3,
h4,
figure{
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
	height: auto;
}
a{
	color: #333;
}
::-moz-selection{
	background-color: #333;
	color: #fff;
}
::selection{
	background-color: #333;
	color: #fff;
}
button{
	padding: 0;
	border: none;
}
button::-moz-focus-inner{
	padding: 0;
	border: 0;
}
a,
.jumps > li:after{
	-o-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}


/* grid */
.row{ max-width: 1200px; padding: 0; margin: 0 auto; overflow: hidden; }
.col-xs-12, .col-sm-6, .col-md-4, .col-lg-3{ padding-left: 21px; padding-right: 21px; }
.col-xs-12{ float: left; width: 100%; }


/* home */
.logo-sm{
	position: relative;
	height: 135px;
	margin-top: 21px;
}
.logo-sm a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 21px;
	width: 230px;
	height: 26px;
	margin: auto 0;
	background-image: url( img/david-currier-sm@2x.png );
	background-size: 100% 100%;
	font-size: 0;
	text-indent: -999999px;
	cursor: help;
}
.thumbnails-wrap{
	position: relative;
}
.thumbnails{
	position: relative;
	margin-bottom: 77px;
}
.loader{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #fff;
}
.loader:before{
	content: '';
	position: absolute;
	margin: auto;
	background-color: #333;
	width: 16px;
	height: 16px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
.thumbnails-wrap .loader:before{
	top: 3px;
	left: 24px;
}
.overlay .loader:before,
body > .loader:before{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@-webkit-keyframes spin{
	0%{ -webkit-transform: rotate( 0deg ); }
	100% { -webkit-transform: rotate( 360deg ); }
}
@keyframes spin{
	0%{ transform: rotate( 0deg ); }
	100%{ transform: rotate( 360deg ); }
}
.thumbnails > div{
	margin-bottom: 42px;
	line-height: 0;
}
.thumbnails a{
	position: relative;
	display: block;
}
.overlay-open{
	overflow: hidden;
}
.overlay-open:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.overlay{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #fff;
	overflow: auto;
}
.loading .overlay{
	overflow: hidden;
}


/* gallery */
.single-dc_art .content.row{
	position: relative;
	height: 100%;
	overflow: visible;
}
.single-dc_art .content > div:first-child{
	margin-top: 42px;
}
.image{
	height: 100%;
	padding-top: 21px;
	padding-bottom: 21px;
	line-height: 0;
	text-align: center;
}
.image > div{
	position: relative;
	height: 100%;
}
.content img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
}
.text{
	padding-top: 42px;
	padding-bottom: 42px;
}
.content p{
	max-width: 553px;
}
.content p:last-child{
	margin-bottom: 0;
}
.text > p{
	margin: 0 auto 22px;
}
nav.site{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
a.back{
	position: absolute;
	top: 21px;
	right: 21px;
	width: 21px;
	height: 21px;
}
a.back:before,
a.back:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 4px;
	margin: auto;
	background-color: #333;
}
a.back:before{
	-ms-transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
a.back:after{
	-ms-transform: rotate( -45deg );
	-webkit-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
.jumps{
	position: absolute;
	top: 0;
	right: 21px;
	bottom: 0;
	display: none;
	margin: auto 0;
}
.jumps > li{
	position: relative;
	list-style: none;
	width: 21px;
	height: 21px;
	margin-bottom: 12px;
	cursor: pointer;
}
.jumps > li:last-child{
	margin-bottom: 0;
}
.jumps > li:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: auto;
	background-color: #333;
	opacity: .12;
}
.jumps > li:hover:after{
	opacity: .42;
}
.jumps > li.on:after{
	opacity: 1;
}


/* About */
.page-about{
	padding: 57px 0;
}
.page-about header{
	margin-top: 22px;
}
.logo-lg{
	max-width: 553px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	text-indent: -999999px;
}
.logo-lg > span{
	display: block;
	max-width: 456px;
	/*height: 52px;*/
}
.logo-lg > span:before{
	content: '';
	display: block;
	padding-top: 11.40350877193%;
	background-image: url( img/david-currier@2x.png );
	background-size: 100% 100%;
}
.page-about .content.row{
	overflow: visible;
}
.page-about .text{
	padding-top: 26px;
}
.headline-dc{
	display: none;
	float: left;
	width: 456px;
	height: 52px;
	margin: 32px 22px 22px -277px;
	background-image: url( img/david-currier@2x.png );
	background-size: 100% 100%;
}


@media screen and ( min-width: 768px ){

	/* grid */
	.row{ width: 85%; }
	.col-sm-6{ float: left; width: 50%; }
	.col-sm-6:nth-child( 2n + 1 ){ clear: left; }


	/* gallery */
	.single-dc_art .content > div:first-child{
		margin-top: 0;
	}
	.text > p{
		/*max-width: 574px;
		padding-left: 21px;
		margin: 0 0 22px 8.333333333333333%;*/
		max-width: 553px;
	}
	nav.site{
		position: fixed;
	}
	.jumps{
		display: block;
	}


	/* About */
	.logo-lg{
		max-width: 574px;
		padding-left: 21px;
		margin: 0 0 0 8.333333333333333%;
	}

}


@media screen and ( min-width: 992px ){

	/* grid */
	.col-md-4{ float: left; width: 33.33333333333333%; }
	.col-sm-6:nth-child( 2n + 1 ){ clear: none; }
	.col-md-4:nth-child( 3n + 1 ){ clear: left; }


	/* About */
	.logo-lg{
		display: none;
		max-width: 574px;
		padding-left: 21px;
		margin: 0 0 0 8.333333333333333%;
	}
	/*.text > p{
		margin: 0 0 22px 33.33333333333333%;
	}*/
	.headline-dc{
		display: inline-block;
	}

}


@media screen and ( min-width: 1200px ){

	/* grid */
	.col-lg-3{ float: left; width: 25%; }
	.col-md-4:nth-child( 3n + 1 ){ clear: none; }
	.col-lg-3:nth-child( 4n + 1 ){ clear: left; }

}