/* fonts
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800|Open+Sans+Condensed:300);


/* html
-------------------------------------------------------------- */

html {
	overflow-x: hidden;
}

body {
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	background: #fff;
}

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

a.button {
	display: inline-block;
	padding: 1em 1.5em;
	background: #bbb;
	color: #fff;
	font-weight: bold;
}

#content p a:hover, #content li a:hover {
	text-decoration: underline;
}

figure {
	margin: 0;
}

/* test colors 

#content-wrap {
	background: rgba(0,255,0,0.05);
}

.grid {
	background: rgba(0,0,255,0.05);
}

.aside {
	background: rgba(255,0,255,0.05);
}

#header .logo {
	opacity: 0.5;
}

.grid .item, .slats .post {
	box-shadow: inset 0 0 0 1px rgba(255,0,0,0.05);
}

.row, nav {
	background: rgba(0,255,255,0.05);
	box-shadow: inset 0 0 0 1px rgba(0,0,255,0.05);
}

-------------------------------------------------------------- */



/* structure
-------------------------------------------------------------- */




/* special grids
-------------------------------------------------------------- */

.gallery .item {
}

.gallery .item > a {
	display: block;
}

.gallery .item img, .carousel .item img {
	width: 100%;
}

.gallery .item article {
	padding-top: 0.5em;
}



/* header
-------------------------------------------------------------- */

#header {
	background: #ccc;
	position: relative;
	min-height: 200px;
}

#header .logo {
	position: absolute;
	top: 0; left: 0;
	width: 30%; height: 100%;
	margin: 0;
	z-index: 10;
	background: #eee;
}

#header .logo a {
	text-indent: -999em;
	display: block;
	width: 100%; height: 100%;
	min-height: 200px;
	background: url(images/logo.png) no-repeat center;
}



/* nav
-------------------------------------------------------------- */

nav {
	display: table;
	width: 70%;
	margin-left: 30%;
	height: 200px;
	padding: 2em 0;
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: 800;
}

nav ul {
	display: table-cell;
	vertical-align: middle;
}

nav ul ul {
	display: block;
}

nav ul li {
}

nav > ul > li {
	float: left;
	/* box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2); */
}

nav ul li li {
	width: auto;
}

nav ul li a {
	display: block;
	color: #666;
	padding: 0.75em 1em;
}

nav ul li a:hover {
	background: #666;
	color: #fff;
}

@media (min-width:600px) {

	nav ul li {
		width: 50%;
	}
	
	nav ul li a {
		border-bottom: 1px solid #bbb;
		margin-left: 1em;
	}

}/* end @media */

@media (min-width:980px) {

	nav ul li {
		width: 33.333%;
	}

}/* end @media */

@media (max-width:599px) {

	#header .logo {
		position: static;
		width: auto;
	}

	nav {
		display: block;
		width: auto;
		height: auto;
		margin: 0;
		padding: 1em 0 2em 0;
	}
	
	nav ul {
		display: block;
	}
	
	nav ul.menu li {
		float: none;
		text-align: center;
	}

}/* end @media */

.menu-toggle {
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: 800;
	color: #666;
	padding: 1.5em;
	margin: 0;
	text-align: center;
}



/* sectionmenu
-------------------------------------------------------------- */

.sectionmenu {
	margin: 2em 0;
	font-size: 0.875em;
}

@media ( min-width: 720px ) {
	
	.sectionmenu {
		float: left;
		margin: 2em 2em 2em 0;
		max-width: 18em;
	}
	
}

.sectionmenu ul li {
	float: none;
	margin-bottom: 1px;
}

.sectionmenu ul li a {
	display: block;
	color: #999;
	padding: 0.75em 1em;
	background: #eee;
}

.sectionmenu ul li:first-child a {
	background: #bbb;
	color: #fff;
	font-weight: bold;
}

.sectionmenu ul li.current_page_item a {
	background: #ddd;
	color: #777;
}



/* toggle
-------------------------------------------------------------- */

.toggle {
	display: none;
	cursor: default;
}

@media (max-width:599px) {

	.toggle {
		display: block;
	}
	
	.menu-toggle.open {
		border-bottom: 1px solid #999;
	}
	
	.menu-toggle.open:before {
		content: "Close "
	}
	
	.toggle-this {
		display: none;
	}
	
	.toggle-this.open {
		display: block;
	}

}/* end @media */



/* feature

#feature {
	background: #fff;
	position: relative;
}

#feature > .row {
	width: auto;
	max-width: none;
	margin: 0;
}

.feature figure {
	overflow: hidden;
}

.feature.slat figure {
	float: left;
	width: 50%;
	height: 100%;
}

.feature.banner article {
}

.feature article {
	position: absolute;
	top: 0; left: 50%;
	width: 50%;
	max-width: 30em;
	
	z-index: 10;
	overflow: hidden;
	margin: 0;
	padding: 2em;
	background: #fff;
	background: rgba(0,255,255,0.05);
}

.feature.banner:after2 {
	display: block;
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: 50%;
	width: 50%;
	background: rgba(255,0,0,0.2);
}

@media (max-width: 979px) {

	figure img.crop {
		max-width: none;
		width: 140%;
		margin: 0 -20%;
	}
	
	figure img.crop.left {
		margin: 0 -40% 0 0;
	}

	figure img.crop.right {
		margin: 0 0 0 -40%;
	}

}

@media (max-width: 767px) {

	.feature.slat figure {
		float: none;
		width: auto;
	}
	
	.feature figure img.crop {
		width: 100%;
		margin: 0;
	}

}

@media (max-width: 480px) {

	.feature.slat article {
		font-size: 1em;
	}
	
}
-------------------------------------------------------------- */




.feature img {
	/* width: 100%; */
	display: block;
	margin: 0 auto;
}

#content > #feature {
	background: #fff;
	padding: 0;
	position: relative;
}

#feature img {
	width: 100%;
}

#feature > .row {
	width: auto;
	max-width: none;
}

#feature article {
	padding: 2em;
	background: #fff;
	max-width: none;
}

#feature figure.custom-bg {
	padding: 66% 0 0 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width:720px) {

	#feature.columns {
		display: table;
		width: 100%;
	}
	
	#feature.columns .row {
		display: table-row;
		width: 100%;
	}
	
	#feature.columns figure, #feature.columns article {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	
	#feature.columns .entry-content {
		max-width: 42em;
	}
	
	#feature figure.custom-bg {
		padding: 33% 0 0 0;
	}

}


/* banner feature */

#feature.banner figure {
	width: 100%;
}

#feature.banner article {
	display: none;
}

@media (max-width: 599px){
	
	#feature.banner article {
		display: block;
		padding: 2em 6%;
	}

}



/* content
-------------------------------------------------------------- */

#content > header, #content > section, #content > footer {
	padding: 4em 0;
	background-color: #fff;
}

#content > header {
	background: #fafafa;
	border-bottom: 1px solid #eee;
}

#content > section + section {
	padding-top: 0;
}

#content > footer {
	background: #555;
	color: #aaa;
	position: relative;
	font-size: 0.875em;
}

#content > footer a {
	color: #ddd;
}

#content > footer article h1,
#content > footer article h2,
#content > footer article h3,
#content > footer article h4 {
	color: #ddd;
}


#content > footer + footer {
	background-color: #ddd;
	color: #333;
	border-top: 4em solid #eee;
}

#content > footer + footer h1,
#content > footer + footer h2,
#content > footer + footer h3,
#content > footer + footer h4 {
	color: #666;
}

#content > footer + footer a {
	color: #111;
}

@media (max-width: 599px) {

	#content > header, #content > section, #content > footer {
		padding: 2em 0;
	}
	
}/* end @media */

@media (min-width:6000px) {

	#content > footer .entry-content {
		font-size: 0.875em;
	}
	
	
}/* end @media */




/* content section features
-------------------------------------------------------------- */

.single article, .page article, article.intro, #footer article {
	max-width: 42em;
	margin: 0 auto;
	overflow: hidden;
}

article {
	padding: 1em 0;
}

article header {
	border-bottom: 1px solid #ddd;
	border-color: rgba(0,0,0,0.1);
	margin-bottom: 2em;
}

article footer {
	margin-top: 2em;
	font-size: 0.75em;
	text-transform: uppercase;
}

/*
article > :first-child {
	margin-top: 0;
}

article > :last-child {
	margin-bottom: 0;
}
*/

.entry-title, .widget-title {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 300;
}

@media (min-width:600px) {

	.intro {
		font-size: 1.4em;
	}

}

article.intro {
	padding: 2em;
	border: 1px solid #eee;
	background: #fafafa;
}

.section-title {
	font-size: 2em;
}



/* widgets
-------------------------------------------------------------- */

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	padding: 0.25em 0;
	margin: 0;
}

.widget ul li + li {
	border-top: 1px solid #777;
}

.alt .widget ul li + li {
	border-color: #bbb;
}



/* Ninja forms
-------------------------------------------------------------- */

.ninja-forms-form-wrap {
	padding: 2em;
	margin: 3em 0 0;
	border: 1px solid #eee;
	background: #fafafa;
}

#content .ninja-forms-form-wrap input[type="submit"] {
	margin: 0.5em 0 0 0;
	padding: 0.5em 1em;
	color: #777;
}



/* footer
-------------------------------------------------------------- */

#footer {
	text-align: center;
	padding: 4em 0;
	border-top: 4em solid #888;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}

#footer .sep:before {
	display: inline-block;
	content: "|";
}



/* logos
-------------------------------------------------------------- */

#logos {
	opacity: 0.6;
	padding: 2em;
	text-align: center;
}

#logos .widget {
	display: inline-block;
	margin: 2em;
}

#logos .widget h4 {
	display: none;
}

#logos .widget img {
	vertical-align: middle;
	-webkit-filter: grayscale(100%);
}


/* misc
-------------------------------------------------------------- */

iframe {
	border: 1px solid #ddd;
}

.postnav > div {
	padding: 1em 0;
	width: 50%;
	float: left;
}

.postnav .newer {
	float: right;
	text-align: right;
}

.moretag {
	font-size: 0.75em;
	border: 1px solid #ccc;
	color: #999;
	padding: 0.25em 0.5em;
	margin-left: 0.5em;
	text-transform: uppercase;
}

.hide {
	display: none;
}

form.donate br {
	display: none;
}

.button.big {
	font-size: 1.5em;
	background: #bbb;
	color: #fff;
	border-color: #aaa;
}

blockquote.metadata {
	font-size: 0.875em;
	font-style: normal;
}

.logged-in blockquote.metadata {
	display: block;
}

[class*="gform_confirmation_message"] {
	padding: 2em;
	border: 1px solid #eee;
	background: #fafafa;
	font-size: 1.25em;
}

.display-posts-listing .listing-item {
	padding: 1em 0;
	border-top: 1px solid #ddd;
	clear: both;
	font-style: normal;
}

.display-posts-listing .title {
	font-weight: bold;
}

.display-posts-listing .excerpt-dash {
	display: none;
}

.display-posts-listing .excerpt, .display-posts-listing .content {
	display: block;
	font-size: 0.85em;
}

.display-posts-listing img {
	float: left;
	margin: 0 10px 10px 0;
}

/* Comments
-------------------------------------------------------------- */

#content > section.comments {
	background: #eee;
	border-top: 1px solid #eee;
	padding: 3em 0;
}

.comments-wrap {
	max-width: 42em;
	margin: 0 auto;
}

.commentlist {
	padding: 1em 0;
}

.comment, .comments-wrap > #respond {
	background: #fff;
	list-style: none;
	border-bottom: 1px solid #ddd;
	padding: 2em;
	margin-bottom: 1em;
}

.comment .comment {
	margin: 0;
	padding-left: 2em;
	border-left: 1px solid #ddd;
}

.comment .comment:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.comment .avatar {
	float: left;
	border: 1px solid #ddd;
	margin-right: 1em;
	padding: 0.5em;
	background: #fff;
	width: 4em;
}

.comment-author,
.comment-meta a {
	font-style: normal;
	font-size: 11px;
	text-transform: uppercase;
	color: #aaa;
	line-height: 1.2em;
}

.comment-meta:after {
	display: table;
	content: "";
	clear: both;
	margin-bottom: 1em;
}

.comment-reply-link {
	background: #ddd;
	color: #fff;
	display: inline-block;
	padding: 0.5em 1em;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.comment .children {
	padding: 0 0 0 0;
}



#respond form div {
	margin-bottom: 1em;
}

#respond p {
	max-width: none;
}

#respond .logged-in-as, #respond .logged-in-as a,
#respond .comment-notes {
	font-size: 11px;
	text-transform: uppercase;
	color: #aaa;
}

#respond label {
	display: block;
}

#respond textarea {
	margin: 0;
	width: 100%;
}

#respond .form-allowed-tags {
	display: none;
}



/* HDPI
-------------------------------------------------------------- */

@media only screen and (min-device-pixel-ratio : 1.5),
only screen and (-webkit-min-device-pixel-ratio : 1.5) {
	
	#header .logo a {
		background-image: url(images/logo-2x.png);
		background-size: 135px;
	}
	
}/* END breakpoint */




.loop-exhibits .item article {
	background: rgba(0,0,0,0.3);
	padding: 1em;
	text-align: center;
}