/*
Theme Name: WKA Project Blog
Theme URI: 
Author: Room 34 Creative Services, LLC
Author URI: http://room34.com
Description: A custom theme for Wheeler Kearns Architects project blogs developed by Room 34 Creative Services, LLC.
Version: 2.0.20221118
License: Unauthorized use or redistribution is prohibited
License URI: 
Tags: 
Text Domain: 
*/

/*
COLORS:

Black:		rgb(35,31,32);
Gray:		rgb(128,130,132);
Light gray:	rgb(225,225,225);
Magenta:	rgb(236,0,140);
Pink:		rgb(242,135,183);

*/

/* IMPORT */

@import url('css/reset.css');
@import url('css/fonts.css');
@import url('css/comments.css');

/* STANDARD HTML */

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

body {
	background: rgb(255,255,255);
	color: rgb(128,130,132);
	font-family: 'SerifaStd', serif;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.5em;
}

* {
	box-sizing: border-box;
	color: rgb(128,130,132);
	transition: opacity 200ms ease, color 200ms ease; /* Add smooth transition on all elements that have opacity changes on hover. */
}

a, a:visited {
	color: rgb(35,31,32);
	text-decoration: none;
}

a:focus, a:hover { color: rgb(236,0,140); }

a:active, a:focus { outline: none; }

a span { color: rgb(128,130,132); }
a span:hover { color: rgb(236,0,140); }

b, strong {
	font-weight: bold;
}

blockquote {
	color: rgb(85,85,85);
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 1.5em 0;
	padding: 0 0 0 2.667em;
	position: relative;
}

blockquote:before {
	color: rgb(238,238,238);
	content: '\201c';
	display: block;
	font-size: 500%;
	position: absolute; top: 0.2667em; left: 0;
}

form {
	clear: both;
	display: block;
	margin: 0 0 1.667em 0;
}

	input {
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		max-width: 640px;
		vertical-align: top;
	}

	input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=radio]):not([type=submit]) {
		border: 1px solid rgb(204,204,204);
		height: 2.1em;
		margin-right: 0;
		margin-left: 0;
		padding: 0.167em 0.333em;
	}
	input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=radio]):not([type=submit]):focus {
		border: 1px solid rgb(236,0,140);
		outline: none;
	}
	
	input[type=submit],
	a.button, a.button:visited,
	a.gform_save_link, a.gform_save_link:visited
	{
		background: rgb(236,0,140);
		border: none !important;
		border-radius: 0;
		color: rgb(255,255,255);
		cursor: pointer;
		display: inline-block;
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 100%;
		font-weight: bold;
		height: 2em;
		line-height: 2em;
		padding: 0 0.5em;
		-webkit-appearance: none;
	}
	
	input[type=submit]:hover, input[type=submit]:focus,
	a.button:hover, a.button:focus
	{
		background: rgb(35,31,32);
	}
	
	.gform_save_link, gform_save_link:visited {
		background: rgb(225,225,225) !important;
	}
	
	label { font-weight: normal !important; }
	
	select {
		background: rgb(255,255,255) url('images/select_arrows_x2.png') right 5px center no-repeat;
		background-size: 9px 15px;
		cursor: context-menu;
		border: 1px solid rgb(204,204,204);
		border-radius: 0;
		display: inline-block;
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 100%;
		height: 2em;
		margin: 0 0.5em 0.5em 0;
		min-width: 60%;
		padding: 0 22px 0 0.333em;
		width: auto;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}
	select::-ms-expand { display: none; }
	select:focus {
		border: 1px solid rgb(236,0,140);
		outline: none;
	}
	
	textarea {
		border: 1px solid rgb(204,204,204);
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		min-height: 20em;
		padding: 0.167em 0.333em !important;
		width: 100%;
	}
	textarea:focus {
		border: 1px solid rgb(236,0,140);
		outline: none;
	}

h1, h2, h3 {
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: normal !important;
	margin: 1em 0 0.333em 0;
}

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

h1 {
	color: rgb(236,0,140);
	font-size: 200%;
	line-height: 1em;
}

h2 {
	color: rgb(35,31,32);
	font-size: 150%;
	line-height: 1.167em;
}

h3 {
	color: rgb(35,31,32);
	font-size: 120%;
	line-height: 1.25em;
}

h4 {
	color: rgb(35,31,32);
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}

h5, h6 {
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 100%;
	line-height: 1.5em;
	margin: 1em 0 0 0;
}

h5 { font-weight: bold; }
h6 { font-style: italic; }

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; }

hr {
	background: rgb(225,225,225);
	border: none;
	clear: both;
	height: 1px;
	margin: 1.5em 0;
	width: 100%;
}

i, em {
	font-style: normal;
	font-weight: 500;
}

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

p, ul, ol, dl {
	margin: 0 0 1.5em 0;
}


/* CUSTOM CSS CLASSES */

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

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

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

.avatar { margin-left: 0 !important; }

.block_link {
	color: inherit !important;
	display: block;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2;
}

.clearfix:after { clear: both; content: ""; display: table; } /* Clearfix */

.content {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.content:after { clear: both; content: ''; display: table; } /* Clearfix */

.content + .content {
	margin-top: 3em;
}

	.entry-content {
		display: block;
		width: 100%;
	}
	
		.entry-content * { max-width: 100% !important; }
		
		.entry-content a, .entry-content a:visited {
			border-bottom: 1px dotted rgba(128,130,132,0.75);
			color: rgb(128,130,132);
		}
		
		.entry-content a:focus, .entry-content a:hover {
			color: rgb(236,0,140) !important;
		}
	
	.entry-header {
		margin: 0 0 1.5em 0;
	}
	.slideshow + .entry-header {
		/* Simple way to prevent overlap with absolute-positioned slideshow "x of y" text */
		padding-right: 80px;
	}
	
		.entry-header .entry-thumbnail {
			clear: left;
			float: left;
			margin: 0 1.5em 1em 0;
			max-width: 33%;
		}
	
	.entry-meta {
		color: rgb(102,102,102);
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 80%;
		line-height: 1.5em;
		margin: 0.5em 0;
	}
	
	.entry-thumbnail {
		margin-bottom: 1.5em;
	}

.current-cat > a { color: rgb(236,0,140) !important; }

.error { color: rgb(236,0,140); }

.hidden { display: none; }

.missing_image {
	background-color: rgb(245,245,245) !important;
}

.nowrap { white-space: nowrap; }

.pagination_header, .pagination_links {
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 80%;
	line-height: 1.5em;
}

.posts_list { }
.posts_list:after { clear: both; content: ''; display: table; } /* Clearfix */

	.posts_list dt {
		clear: both;
		float: right;
		margin-top: 1em;
		width: 80%;
	}
	.posts_list dt:first-of-type { margin-top: 0; }
	
		.posts_list dt a, .posts_list dt a:visited {
			color: rgb(128,130,132);
		}
		
		.posts_list dt a:focus, .posts_list dt a:hover {
			color: rgb(236,0,140);
		}
	
	.posts_list dd {
		float: left;
		margin-top: 1em;
		width: 15%;
	}
	.posts_list dd:first-of-type { margin-top: 0; }

.related_content { }

	.related_content p {
		margin: 0 0 0.5em 0;
	}

.share { }

.sidebar {
	display: table-cell;
	padding-left: 5%;
	vertical-align: top;
	width: 30%;
}

	.sidebar h2, .sidebar h3 {
		font-size: 120%;
		line-height: 1.25em;
	}

	.sidebar li a, .sidebar li a:visited {
		color: rgb(128,130,132);
	}
	
	.sidebar .categories > ul { font-size: 85%; }
	
	.sidebar .categories > ul > li > a { font-size: 120%; }
	
	.sidebar li a:hover {
		color: rgb(236,0,140);
	}
	
	.sidebar li ul ul {
		margin-bottom: 0;
		padding-left: 1.5em;
	}

	.sidebar .widget { border-bottom: 1px solid rgb(225,225,225); }
	.sidebar .widget:last-child { border-bottom: none; }

.slideshow {
	background: transparent url('images/wka_waiting.gif') center center no-repeat;
	background-size: cover;
	height: 850px;
	margin: 0 0 1.5em 0;
	padding: 0;
	position: relative;
	width: 100%;
}

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

	.slides {
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 1;
	}
	
		.slides > li {
			background-color: transparent;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			height: auto;
			margin: 0;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			text-align: center;
			z-index: 1;
		}
		
		.slides > li.current {
			opacity: 1;
			z-index: 2;
		}
		
		.slides > li.video { }
		
			.slides > li.video iframe {
				height: 100%;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				width: 100%;
			}
		
		.slides a {
			color: inherit;
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			text-decoration: none;
			text-indent: -999px;
			z-index: 3;
		}
		
		.slides .caption {
			margin: 0;
			max-width: 100%;
			position: absolute;
			z-index: 2;
		}
		
		.slides .caption.simple {
			background: rgba(255,255,255,0.8);
			color: rgb(236,0,140);
			max-width: 60%;
			padding: 0.5em 1.5em 0.5em 3em;
			text-align: left;
			top: auto; right: auto; bottom: 1.5em; left: 0;
			transition: all 400ms ease;
		}
		.slides:hover .caption.simple {
			max-width: calc(60% + 1em);
			padding-left: 4em;
		}
		
		.slides .caption.full {
			font-size: 200%;
			padding: 1em 2em;
			line-height: 1.2em;
		}
		
		/* Horizontal Position */
		.slides .caption.left { right: 20%; left: 0; }
		.slides .caption.center { right: 10%; left: 10%; }
		.slides .caption.right { right: 0; left: 20%; }
		.slides .caption.full_width { right: 0; left: 0; }
		
		/* Text Alignment */
		.slides .caption.alignleft { text-align: left; }
		.slides .caption.aligncenter { text-align: center; }
		.slides .caption.alignright { text-align: right; }
		.slides .caption.alignjustify { text-align: justify; }
		
		/* Vertical Position */
		.slides .caption.top { top: 0; bottom: auto; }
		.slides .caption.middle { top: 25%; bottom: auto; }
		.slides .caption.bottom { top: auto; bottom: 0; }
		.slides .caption.full_height { top: 0; bottom: 0; }
		
		/* Mask Color */
		.slides .caption.transparent { background: transparent; }
		.slides .caption.white_20 { background: rgba(255,255,255,0.2); }
		.slides .caption.white_50 { background: rgba(255,255,255,0.5); }
		.slides .caption.white_80 { background: rgba(255,255,255,0.8); }
		.slides .caption.white_100 { background: rgb(255,255,255); }
		.slides .caption.black_20 { background: rgba(35,31,32,0.2); }
		.slides .caption.black_50 { background: rgba(35,31,32,0.5); }
		.slides .caption.black_80 { background: rgba(35,31,32,0.8); }
		.slides .caption.black_100 { background: rgb(35,31,32); }
		
		/* Text Color */
		.slides .caption.white { color: rgb(255,255,255); }
		.slides .caption.magenta { color: rgb(236,0,140); }
		.slides .caption.black { color: rgb(35,31,32); }
		
			.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: 1em; left: auto;
		text-align: center;
		width: 100%;
		z-index: 2;
	}
	
		.slide_select li {
			background: rgb(255,255,255);
			border: 1px solid rgb(255,255,255);
			border-radius: 2em;
			cursor: pointer;
			display: inline-block;
			height: 0.75em;
			opacity: 0.333;
			overflow: hidden;
			margin: 0 1em;
			text-indent: -999px;
			width: 0.75em;
		}
		.slideshow:hover .slide_select li { opacity: 0.5; }
		.slideshow:hover .slide_select li:hover { opacity: 1; }
		
		.slide_select li.current {
			background: transparent;
			background: rgba(255,255,255,0.25);
		}
	
	.slide_navigation {
		background: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px 51px;
		cursor: pointer;
		display: block;
		height: 51px;
		margin-top: -24px;
		opacity: 0.5;
		overflow: hidden;
		position: absolute; top: 50%;
		text-indent: -999px;
		width: 30px;
		z-index: 9;
	}

	.slide_navigation:hover { opacity: 1; }

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

	.slide_navigation.next {
		background-image: url('images/next_x2.png');
		right: -50px;
	}
	
	.slide_count {
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 75%;
		position: absolute; right: 0; bottom: -3em;
	}

.social { }

	.social ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.social li {
		display: inline-block;
		margin: 0 10px 10px 0 !important;
		overflow: hidden;
		text-indent: -999px;
	}
	.social li:last-of-type { margin-right: 0 !important; }
	
	.social a, .social a:visited {
		background: rgb(225,225,225) url('images/social_sprites_x2.png') 40px 0px no-repeat;
		background-size: 520px 64px;
		display: block;
		height: 32px;
		transition: all 400ms ease;
		width: 32px;
	}
	
	.social a[href*=facebook] { background-position: 0px 0px; }
	.social a[href*=twitter] { background-position: -40px 0px; }
	.social a[href*=linkedin] { background-position: -80px 0px; }
	.social a[href*=pinterest] { background-position: -120px 0px; }
	.social a[href*=houzz] { background-position: -440px 0px; }
	.social a[href*=architizer] { background-position: -480px 0px; }
	
	.social a:hover {
		border-bottom: none;
	}

	.social a[href*=facebook]:hover { background-position: 0px -32px; }
	.social a[href*=twitter]:hover { background-position: -40px -32px; }
	.social a[href*=linkedin]:hover { background-position: -80px -32px; }
	.social a[href*=pinterest]:hover { background-position: -120px -32px; }
	.social a[href*=houzz]:hover { background-position: -440px -32px; }
	.social a[href*=architizer]:hover { background-position: -480px -32px; }

.spotlight {
	position: relative;
}

.tilenav {
	display: none; /* JavaScript-only feature; made visible in JS */
	margin: 0.5em 0 1.5em -4px;
}

	.tilenav div {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 24px 24px;
		cursor: pointer;
		display: inline-block;
		height: 32px;
		margin: 0 0.5em 0 0;
		opacity: 0.5;
		width: 32px;
	}
	.tilenav .current, .tilenav *:hover { opacity: 1; }
	.tilenav .current { cursor: default; }
	.tilenav .grid { background-image: url('images/tilenav_grid_x2.png'); }
	.tilenav .list { background-image: url('images/tilenav_list_x2.png'); }
	.tilenav .bullets { background-image: url('images/tilenav_bullets_x2.png') !important; }
	.tilenav .back { background-size: 30px 30px; background-image: url('images/tilenav_back_x2.png'); }

	.grid.step {
		background: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px 51px;
		cursor: pointer;
		display: block;
		height: 51px;
		margin-top: -24px;
		margin-top: calc(-24px + 1em);
		opacity: 0.5;
		overflow: hidden;
		position: absolute; top: 50%;
		text-indent: -999px;
		width: 30px;
		z-index: 9;
	}

	.grid.step:hover { opacity: 1; }

	.grid.step.inactive {
		cursor: default;
		opacity: 0.15 !important;
	}

	.grid.step.prev {
		background-image: url('images/prev.png');
		left: -50px;
	}

	.grid.step.next {
		background-image: url('images/next.png');
		right: -50px;
	}
	
.spanner {
	margin-bottom: 4em;
	position: relative;
}

.tiled {
	clear: none;
	display: inline-block;
	margin: 0 4.5% 2em 0;
	position: relative;
	vertical-align: top;
	width: 47.5%;
}
.tiled:nth-of-type(2n) {
	margin-right: 0;
}

	.tiled .entry-thumbnail {
		height: 240px;
		margin-bottom: 1em;
		overflow: hidden;
	}
	
	.tiled .entry-header, .spanner .entry-header { margin-bottom: 0; }
		
		.tiled .entry-header h3, .tiled .entry-header h3 a, .tiled .entry-header h3 a:visited {
			color: rgb(35,31,32);
			line-height: 1.25em;
			margin: 0;
		}
		.tiled .entry-header h3 a:focus, .tiled .entry-header h3 a:hover {
			color: rgb(236,0,140);
		}
	
	.tiled .entry-meta, .spanner .entry-meta { margin: 0.5em 0 1em 0; }

.tiles { position: relative; }

.tiles.grid {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

	.tiles.grid > ul {
		display: inline-block;
		position: relative;
		vertical-align: top;
		white-space: normal;
		width: 100%;
		width: calc(100% + 1em);
		z-index: 1;
	}

		.tiles.grid > ul > li {
			background-color: transparent;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			border-bottom: 1em solid rgb(255,255,255);
			border-right: 1em solid rgb(255,255,255);
			display: inline-block;
			height: 160px;
			overflow: hidden;
			padding: 0;
			position: relative;
			vertical-align: top;
			width: 25%;
		}
		
		.with_sidebar .tiles.grid > ul > li {
			width: 50%;
		}
	
			.tiles.grid > ul > li > div.caption {
				display: none;
			}
			.tiles.grid > ul > li:hover > div.caption {
				background: rgba(255,255,255,0.8);
				color: rgb(35,31,32);
				display: block;
				padding: 0.5em;
				position: absolute; top: auto; right: 0; bottom: 0; left: 0;
			}

			.tiles.grid > ul > li > a {
				border: none !important;
				color: inherit !important;
				display: block;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				z-index: 2;
			}
		
				.tiles.grid > ul > li > a span {
					background: rgba(225,225,225,0.9);
					display: inline-block;
					max-width: 90%;
					padding: 0.5em 1em;
					position: absolute; top: auto; right: -100%; bottom: 1em; left: auto;
					transition: all 500ms ease;
				}
			
				.tiles.grid > ul > li > a span { /* Was .tiles.grid > ul > li > a:hover span for hover effect */
					right: 0;
				}

.tiles.list {
	display: table;
	table-layout: fixed;
	width: 100%;
}

	.tiles.list a, .tiles.list a:visited {
		color: rgb(128,130,132);
	}
	
	.tiles.list a:hover {
		color: rgb(236,0,140);
	}

	.tiles.list > ul {
		display: table-cell;
		padding-right: 3rem;
		vertical-align: top;
		width: calc(100% + 3rem);
	}

		.tiles.list > ul > li {
			background-color: transparent;
			border: none;
			display: block;
			height: auto !important; /* Overrides any JS changes */
			padding: 0;
			position: relative;
			width: auto;
		}
	
			.tiles > li .title {
				margin: 0;
			}

.vcard { color: inherit !important; }

.widget {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

	.widget *:last-child { margin-bottom: 0 !important; }

	.widget ul {
		font-size: 85%;
		line-height: 1.5em;
	}
		
	.widget li {
		margin: 0 0 1em 0;
	}
	
.widget.PI_SimpleTwitterTweets { }

	.widget.PI_SimpleTwitterTweets h2 {
		font-size: 120%;
		line-height: 1.333em;
	}
	
.widget.widget_recent_entries { }
	
	.widget.PI_SimpleTwitterTweets li em,
	.widget.widget_recent_entries .post-date {
		display: block;
		font-size: 85%;
		font-weight: normal;
		line-height: 1.5em;
	}

.with_sidebar {
	display: table-cell;
	vertical-align: top;
	width: 70%;
}

	.with_sidebar .hero { max-height: 240px; }

.wp-caption-text {
	font-family: 'UniversNW01-230BThin', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 85%;
	font-style: italic;
	line-height: 1.5em;
}
		

/* DOM ELEMENTS */

#lightbox {
	background: rgba(0,0,0,0.75);
	display: block;
	opacity: 0;
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
}

	#lightbox .close {
		background: rgb(35,31,32);
		color: rgb(255,255,255);
		cursor: pointer;
		font-size: 150%;
		height: 44px;
		line-height: 44px;
		overflow: hidden;
		margin: 0 -44px 0 0;
		padding: 0;
		position: absolute; top: 7.5%; right: 10%; bottom: auto; left: auto;
		text-align: center;
		width: 44px;
	}
	
	#lightbox .container {
		background: transparent;
		display: block;
		height: auto;
		overflow: hidden;
		position: absolute; top: 7.5%; right: 10%; bottom: 7.5%; left: 10%;
		width: auto;
	}
	
		#lightbox .container > div {
			background: rgb(255,255,255);
			overflow: hidden;
			text-align: center;
		}
		
			#lightbox .container > div > img {
				margin-bottom: -7px;
			}
		
		#lightbox .container > iframe {
		
		}
	
#wrapper {
	background: rgb(255,255,255);
	margin: 0 auto;
	max-width: 1600px;
	min-width: 288px;
	overflow: hidden;
	padding: 0 10%;
	position: relative;
	width: 100%;
	z-index: 1;
}

#wrapper.blurred {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

	#masthead {
		padding: 4em 0 1em 0;
		position: relative;
		z-index: 2;
	}
	#masthead:after { clear: both; content: ''; display: table; } /* Clearfix */

		#logo {
			background: transparent url('images/logo_hires.png') left 5px no-repeat;
			background-size: 124px 28px;
			margin-bottom: 1.5em;
			position: relative;
		}
		
			#logo h1 {
				border-left: 2px solid rgb(35,31,32);
				color: rgb(35,31,32);
				font-size: 36px;
				line-height: 40px;
				margin: 0 0 0 138px;
				padding-left: 12px;
				position: relative;
				text-transform: none;
				white-space: nowrap;
				width: 100%;
			}
		
			#logo a:hover {
				border-bottom: none;
			}
	
		#nav_wrapper { display: block; }
			
			#nav_handle { display: none; }
			
			#nav_wrapper .menu {
				font-family: 'UniversNW01-230BThin', sans-serif;
				-webkit-font-smoothing: subpixel-antialiased;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#nav_wrapper .menu a, #nav_wrapper .menu a:visited {
				border: none !important;
				color: rgb(128,130,132);
				display: block;
				line-height: 1.5em;
				padding: 0;
				white-space: nowrap;
			}

			#nav_wrapper .menu a:hover { color: rgb(0,0,0); }

			#nav_wrapper .current_page_item > a,
			#nav_wrapper .current-menu-item > a,
			nav a.current
			{ color: rgb(236,0,140) !important; }

			#nav_wrapper .menu > li {
				display: inline-block;
				margin: 0 3em 0 0;
				position: relative;
			}
			
				#nav_wrapper .menu > li > ul {
					background: rgba(255,255,255,0.9);
					box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
					display: none;
					margin: 0;
					min-width: 12em;
					padding: 0.25em 0 0.5em 0;
					position: absolute; top: 100%; left: -1em;
				}
				
				#nav_wrapper .menu > li:hover > ul {
					display: block;
				}
				
					#nav_wrapper .menu > li li {
						padding: 0.25em 1em 0 1em;
					}
				
					#nav_wrapper .menu > li > ul ul {
						margin: 0;
						padding-left: 0.5em;
						position: relative;
					}
		
		#primary_navigation {
			height: 2em;
			line-height: 2em;
			position: relative;
		}
		
			#primary_navigation .menu {
				float: left;
			}
			
			#primary_navigation .search {
				float: right;
				line-height: 2em;
			}
			
				#primary_navigation .search input[type=text] {
					background: transparent;
					border: 1px solid transparent;
					border-radius: 0;
					line-height: 2em;
					opacity: 0.5;
					padding: 0 0.5em;
					text-align: right;
					width: 12em;
					-webkit-appearance: none;
				}
				
				#primary_navigation .search input[type=text]:focus {
					border: 1px solid rgb(225,225,225);
					opacity: 1;
					outline: none;
				}
			
				#primary_navigation .search input[type=submit] {
					background: transparent url('images/search_x2.png') center center no-repeat;
					background-size: 24px 24px;
					border: none;
					cursor: pointer;
					height: 32px;
					margin-top: -0.25em;
					opacity: 0.5;
					overflow: hidden;
					text-indent: -999px;
					vertical-align: top;
					width: 32px;
				}
				
				#primary_navigation .search input[type=submit]:hover {
					opacity: 1;
				}
		
	#page {
		display: table;
		margin: 0;
		min-height: 15em;
		padding: 1em 0;
		position: relative;
		width: 100%;
		z-index: 1;
	}
			
	#colophon {
		font-family: 'UniversNW01-230BThin', sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 75%;
		margin: 0;
		padding: 1em 0;
		position: relative;
		z-index: 0;
	}
	
	#colophon * { font-size: 100%; }

	#colophon:after { clear: both; content: ''; display: table; } /* Clearfix */
    
		#colophon .social {
			float: left;
			margin-right: 1.25em;
			position: relative; z-index: 2;
		}
		
		#colophon .contact {
			display: block;
			line-height: 1.5em;
			margin: -0.25em 0 0.75em 0;
			position: relative; z-index: 1;
		}
		
			#colophon .contact ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#colophon .contact li {
				display: inline-block;
				margin: 0 1em 0 0;
				white-space: nowrap;
			}
			
			#colophon .contact br {
				display: none;
			}
		
		#colophon .copyright {
			font-size: 90%;
			line-height: 1.5em;
			margin: 0;
			opacity: 0.7;
			position: relative; z-index: 1;
		}

	#swipebox-overlay {
		background-color: rgba(34,34,34,0.75) !important;
	}
	
	#swipebox-top-bar {
		background: #ffffff !important;
		font-family: 'UniversNW01-230BThin', sans-serif !important;
		font-size: 90% !important;
		padding-top: 0.25em !important;
		text-shadow: none !important;
	}
	
	#swipebox-title {
		font-size: 140%;
		font-weight: bold !important;
	}
	

/* WP ADMIN */

#wpadminbar .ab-item, #wpadminbar .ab-label { font-family: sans-serif !important; }
#tinymce {
	background: rgb(255,255,255) !important;
	padding: 1em !important;
}
#tinymce * {
	color: rgb(35,40,45) !important;
}
#tinymce a, #tinymce a:visited {
	color: rgb(236,0,140) !important;
}
#tinymce a:hover {
	color: rgb(242,135,183) !important;
}
#tinymce i, #tinymce em {
	border-bottom: 1px dotted rgb(204,204,204);
}


/* 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 1400 pixels) */
@media screen and (min-width: 1400px) {

	body { font-size: 110%; }
	
	.slides .caption.full {
		font-size: 240%;
		line-height: 1.1em;
	}
	
	#wrapper { }
	
	#primary_navigation .search input[type=text] {
		width: 15em;
	}
	
	#primary_navigation .search input[type=submit] {
		margin-top: 0.25em;
	}

}


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

	#wrapper { }

	#primary_navigation .search input[type=submit] {
		background-size: 20px 20px;
	}

}


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

	.entry-header .entry-thumbnail { max-width: 40%; }

	.slides .caption.full {
		font-size: 180%;
		line-height: 1.25em;
	}
	.slides .caption.middle { top: 20%; }
	
	#logo {
	}
	
		#logo h1 {
			font-size: 36px;
			line-height: 40px;
			padding-left: 12px;
			white-space: nowrap;
		}
	
	#nav_wrapper .menu > li {
		margin-right: 1.75em;
	}

	#primary_navigation .search input[type=text] {
		width: 8em;
	}

	#primary_navigation .search input[type=submit] {
		background-size: 16px 16px;
	}

}


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

	body { font-size: 90%; }
	
	.entry-header .entry-thumbnail {
		clear: both;
		float: none;
		margin-right: 0;
		max-width: 100%;
	}

	.slides .caption.full {
		font-size: 90%;
		line-height: 1.25em;
		padding: 0.667em 1em;
	}
	.slides .caption.middle { top: 10%; }
	
	.slides .caption.simple {
		max-width: 85%;
		padding-left: 2em;
	}
	.slides:hover .caption.simple {
		max-width: calc(85% + 1em);
		padding-left: 3em;
	}
	
	#wrapper {
		min-width: 288px;
		padding: 0 5%;
	}
	
	.alignleft, .aligncenter, .alignright {
		clear: both;
		display: block;
		float: none;
		margin: 1em 0;
		max-width: 100%;
	}
	
	.with_sidebar, .sidebar {
		display: block;
		margin-bottom: 2.25em;
		padding: 0;
		width: 100%;
	}
	
	.slide_navigation {
		background-size: 18px 30px;
		width: 51px;
	}
	.slide_navigation.prev {
		background-image: url('images/prev_white_x2.png');
		left: 0;
	}
	.slide_navigation.next {
		background-image: url('images/next_white_x2.png');
		right: 0;
	}

	.tiles { }
	
	.tiles.grid { font-size: 80%; line-height: 1.5em; }
	
	.grid.step {
		background-size: 20px 34px;
		height: 34px;
		margin-top: -17px;
		margin-top: calc(-17px + 1em);
		top: 0 !important;
		width: 20px;
	}
	.grid.step.prev { left: auto !important; right: 50px !important; }
	.grid.step.next { right: 0 !important; }

	.tiles.grid > ul > li {
		width: 50%;
	}

	.tiles li {
		border-right: none;
		display: block;
		margin: 0 0 5px 0;
		width: 100%;
	}
	
	.tiles.list {
		display: block;
		width: 100%;
	}
	
	.tiles.list > ul {
		display: block;
		width: 100%;
	}
		
	#masthead {
		padding: 12px 0 0 0;
	}

	#logo {
		background-position: left 3.5px;
		background-size: 62px 14px;
	}
	
		#logo h1 {
			border-left-width: 1px;
			font-size: 16px;
			line-height: 24px;
			margin: 0 0 0 70px;
			padding-left: 8px;
			white-space: nowrap;
		}
	
	#nav_wrapper {
		margin-right: -260px;
		position: absolute; top: 0; right: 0;
		width: 280px;
	}

	#nav_wrapper.open {
		background: rgb(255,255,255);
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		margin-right: 0;
		overflow-y: scroll;
		position: fixed; top: 0; right: 0; bottom: 0; left: auto;
		transition: margin-right 400ms ease;
		z-index: 9;
	}
	
		#nav_handle {
			border: 1px solid rgb(238,238,238);
			cursor: pointer;
			display: block;
			font-size: 90%;
			margin-right: 0;
			padding: 0.333em 0.667em 0.2em 0.667em;
			position: absolute; top: 0.6em; right: 260px; bottom: auto; left: auto;
		}

		#nav_wrapper.open #nav_handle {
			border: none;
			margin-right: -2.333em;
			padding: 0.333em 1em;
			top: 1em; right: 100%;
		}
	
		#masthead .menu ul, #masthead .menu li {
			border: none !important;
		}
	
		#nav_wrapper .menu > li {
			margin-right: 1em;
		}

		#primary_navigation .search input[type=submit] {
			margin-top: -0.5em;
		}
	
	.admin-bar #nav_wrapper.open { top: 44px; }

		#nav_handle:hover { background: rgb(238,238,238); }

		#nav_wrapper.open * {
			color: rgb(34,34,34);
			user-select: none;
		}

		#primary_navigation { display: none; }

		.open #primary_navigation {
			display: block;
			font-size: 100%;
			margin: 4em 0 0 44px;
			padding-bottom: 2em;
		}

		#nav_wrapper .menu li {
			display: block !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			text-align: left !important;
		}

		#nav_wrapper .menu > li {
			margin-right: 1em;
		}

		#primary_navigation .search input[type=submit] {
			margin-top: -0.5em;
		}

		#nav_wrapper .menu a, #nav_wrapper .menu *:hover a {
			background: transparent !important;
			font-size: 135%;
			margin-right: 44px;
			overflow: hidden;
			padding: 0.25em 0.5em !important;
		}

		#nav_wrapper .menu a:hover {
			background: rgb(238,238,238) !important;
			color: rgb(34,34,34);
		}

		#nav_wrapper .menu li > ul, #nav_wrapper .menu li:hover > ul {
			display: none !important;
		}

		#nav_wrapper .menu li.open > ul {
			border: none;
			box-shadow: none !important;
			display: block !important;
			padding-left: 15px;
			position: relative !important;
			top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
		}

	#nav_wrapper .subnav-toggle {
		background: transparent url('images/caret_up_x2.png') center 8px no-repeat;
		background-size: 22px 22px;
		cursor: pointer;
		display: inline-block;
		height: 32px;
		margin: 0;
		overflow: hidden;
		position: absolute; top: -0.5em; right: 0;
		width: 32px;
	}

	#nav_wrapper .open > .subnav-toggle { background-image: url('images/caret_down_x2.png'); }
	
	#primary_navigation .menu {
		float: none;
	}

	#primary_navigation .search {
		float: none;
		margin-top: 1em;
	}

	#primary_navigation .search input[type=text] {
		border: 1px solid rgb(225,225,225);
		text-align: left;
		width: 12em;
	}

	#primary_navigation .search input[type=submit] {
		margin-top: -0.25em;
	}
	
	#page { display: block; }
	
	#colophon {
		border-top: 1px solid rgb(225,225,225);
		padding-top: 1.5em;
	}

	#colophon .widget {
		clear: both;
		float: none !important;
	}

	#colophon .widget .menu > li {
		margin: 0 1.5em 0 0;
	}

	#colophon .widget:nth-of-type(2n) .menu > li {
		margin: 0 1.5em 0 0;
	}
	
	#colophon .contact li { display: block; }
	#colophon .contact a { color: inherit !important; }
	#colophon .contact br { display: block; }

}

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

	.tiled {
		display: block;
		margin-right: 0;
		width: 100%;
	}

}