/*
Theme Name: hatch + ulland owen architects
Theme URI:
Author: Hardage & Hardage
Author URI: http://hardage-hardage.com/
Description: Custom theme designed for h+uo architects.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:
Colors: orange-#ce6800;
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;} table {border-collapse:collapse; border-spacing:0;} a, a img, input, textarea {outline:none;}

/* WEBFONTS */
.opensans {font-family:'Open Sans', sans-serif;}
.fanwood {font-family:'Fanwood Text', serif;}

/* GLOBAL */
body {background:#282828; font-family:'Open Sans', sans-serif; line-height:auto;}
.bar {height:13px; width:100%; background:#898989;}
#wrapper {width:1000px; margin:8px auto 50px;}
.clear {width:100%; height:0; clear:both; display:block; margin:0;}
.hide {display:none;}

	/* Header */
	#header {color:#9f9e9e; font-size:13px;}
	#logo {width:25%; float:left;}
	#logo a {width:155px; height:162px; display:block; background:url(assets/logo.png) no-repeat; position:relative; left:-26px;}
	#logo h1 {font-size:14px; color:#9f9e9e;}
	#nav {float:right; margin-top:52px; text-align:right;}
	#header ul {text-align:right; border-bottom:thin solid #464646; display:inline-block; padding-bottom:7px; margin-bottom:20px;}
	#header li {display:inline-block;}
	#header li:before {content: '/';}
	#header li.first:before {content:'';}
	#header a {color:#9f9e9e; text-decoration:none; padding:0 11px;}
	#header li.last a {padding:0 0 0 11px;}
	#header a:hover, #header li.current-menu-item a {color:#baf0e0;}
		#social a {display:inline-block; background-position:top; background-repeat:no-repeat; margin:0 0 0 6px; padding:0;}
		#social a:hover {background-position:bottom;}
		/*.facebook {width:22px; height:23px; background:url(assets/facebook.png);}*/
		/*.twitter {width:23px; height:23px; background:url(assets/twitter.png);}*/
		/*.pinterest {width:22px; height:23px; background:url(assets/pinterest.png);}*/
		/*.houzz {width:59px; height:21px; background:url(assets/houzz.png);}*/
		.issuu {width:64px; height:19px; background:url(assets/issuu.png);}
	#header .clear {padding-bottom:13px;}

	#header_searchform {display:flex; justify-content:flex-end; margin:0 0 20px;}
	#header_searchform input[type=text] {display:flex; align-items:center; width:200px; height:30px; background:transparent; border:1px solid #464646; border-radius:2px; font:13px/1em 'Open Sans',sans-serif; color:#9f9e9e; padding:0 10px;}
	#header_searchform input[type=submit] {display:flex; align-items:center; justify-content:center; width:60px; height:32px; background:#464646; border:0; font:13px/1em 'Open Sans',sans-serif; color:#9f9e9e; cursor:pointer;}
	#header_searchform input[type=submit]:hover {color:#baf0e0;}

	#footer {padding:0 0 0 25px; margin:40px 0 0; font-size:11px; line-height:16px;}
	#footer a {color:#999592; text-decoration:none;}
	#footer a:hover {color:#d46a00;}
	#footer li {display:block; float:left; width:140px; padding:0 5px 0 0; text-transform:uppercase;}
	#footer ul ul {width:140px; padding:0 5px 0 0; float:left;}
	#footer ul ul li {display:block; float:none; text-transform:none;}

	#footer ul.footer_contact li {color:#fff; padding:0 0 0 58px; width:192px; float:left;}
	#footer ul.footer_contact ul {width:192px;}
	#footer ul.footer_contact ul li {width:192px; float:none; padding:0;}

	#copy_credit {text-align:right; color:#999592; font-size:11px; margin-top:56px;}
	#copy_credit a {color:#baf0e0; text-decoration:none;}
	#copy_credit a:hover {text-decoration:underline;}

/* HOME */
#slideshow {width:1000px; height:650px; margin:0 0 23px;}
#slideshow img {max-height:650px;}
#featured {background:#464646; width:950px; padding:22px 25px 33px;}
#featured h2 {font-size:18px; color:#dbdbdb; padding-bottom:8px; border-bottom:thin solid #6c6c6c; margin-bottom:24px;}
#featured a {display:block; float:left; width:200px; padding:6px 6px 23px; background:#dbdbdb; text-align:center; text-decoration:none; color:#000; margin:0 34px 0 0;}
#featured a:hover {background:#baf0e0;}
#featured a.last {margin:0;}
#featured a img {display:block; margin:0 auto 21px; max-width:200px; max-height:145px;}
#featured span {display:block; text-align:center;}
#featured span.title {font-size:13px; line-height:13px; margin-bottom:8px;}
#featured span.location {font-size:10px; font-style:italic;}

#bx-pager {background:url(assets/pager2.png) right no-repeat; width:145px; height:37px; position:absolute; z-index:200; margin:30px 0 0 866px;}
#bx-pager a {width:12px; height:13px; display:inline-block; background:#fff; margin:0 2px 0 0; padding:0; position:relative; top:6px;}
#bx-pager a.active {background:#7ddbbf;}
.bx-caption {width:1000px; text-align:right;}
.bx-caption span {position:relative; text-align:left; z-index:200; top:-622px; background:url(assets/pager.png) repeat-x; display:inline-block; padding:0 145px 0 24px; font-size:10px; color:#282828; height:37px; line-height:28px; text-transform:uppercase; font-weight:600;}
#next a, #prev a {width:29px; height:57px; position:absolute; z-index:300; margin-top:296px; text-decoration:none;}
#next a {background:url(assets/next.png) no-repeat; margin-left:971px;}
#prev a {background:url(assets/prev.png) no-repeat;}

/* INFO PAGES */
#info_pages {width:970px; padding:25px 15px; background:#464646;}
#info_pages h1 {font-size:18px; line-height:18px; color:#fff; padding:0 0 10px; border-bottom:thin solid #6c6c6c; margin:0 0 24px; font-weight:300;}
#info_sidebar {width:200px; float:left;}
#info_sidebar li {font-size:14px; color:#999592; line-height:31px; font-weight:bold;}
#info_sidebar li a {color:#999592; text-decoration:none;}
#info_sidebar li a:hover {color:#fff;}
#info_sidebar li li {font-weight:600; font-size:11px; line-height:24px;}
#info_sidebar li li a {color:#fff; height:18px; line-height:18px; padding:0 9px; display:inline-block;}
#info_sidebar li li:hover a {background:#dbdbdb; color:#d86c00;}
#info_sidebar li.current_page_ancestor a {color:#fff;}
#info_sidebar li.current_page_item a {color:#fff;}
#info_sidebar li ul {display:none;}
#info_sidebar li.current_page_ancestor ul {display:block;}
#info_main {width:770px; float:right;}

/* ABOUT PAGES */
	/* Partners */
	.partner {width:100%; background:#dbdbdb; padding:0 0 19px; margin:0 0 10px;}
	.partner img {display:block; width:254px; height:auto; padding:0 14px 13px 0; background:#464646; float:left;}
	.name_bio {float:left; width:502px;}
	.partner h2 {background:url(assets/bg_partners_h2.png) no-repeat; height:25px; padding:30px 0 0 24px; font-size:18px; color:#282828;}
	.name_bio div {width:456px; margin:0 0 0 24px; padding:14px 0 0; border-top:thin solid #b2b2b2; color:#282828; font-size:12px; line-height:18px;}
	.meet_the_rest_of_the_team {float:right; color:#d86c00; font-size:11px; text-decoration:none;}
	.meet_the_rest_of_the_team span {font-size:9px; letter-spacing:-1px;}

	/* The Team */
	#team_image {display:block; width:772px; margin:-78px 0 0;}
	#team_intro {background:url(assets/bg_team_intro.png); width:713px; height:132px; margin:9px 0; padding:27px 29px 0 30px;}
	#team_intro h3 {color:#dbdbdb; font-size:12px; text-transform:uppercase; text-align:center; background:url(assets/bg_teamh3.png) no-repeat bottom; height:14px; font-weight:bold; letter-spacing:1px; margin:0 0 13px; opacity:.9;}
	#team_intro #narrative {font-family:'Fanwood Text', serif; font-style:italic; font-size:17px; color:#dbdbdb; line-height:19px; font-weight:normal; border-bottom:thin solid #444444; padding:0 0 20px; opacity:.9; text-align:left;}
	.meet_the_partners {float:right; color:#d86c00; font-size:11px; text-decoration:none; line-height:27px;}
	.meet_the_partners span {font-size:9px; letter-spacing:-1px;}

	.team {width:100%; background:#dbdbdb; padding:0 0 19px; margin:0 0 10px;}
	.team img {display:block; width:152; padding:0 12px 11px 0; background:#464646; float:left;}
	.team .name_bio {float:left; width:606px;}
	.team h2 {background:url(assets/bg_partners_h2.png) no-repeat; height:25px; padding:30px 0 0 24px; font-size:18px; color:#282828;}
	.team .name_bio div {width:561px; margin:0 0 0 24px; padding:14px 0 0; border-top:thin solid #b2b2b2; color:#282828; font-size:12px; line-height:18px;}

/* PROJECTS PAGES */
	/* Project Nav */
	#info_sidebar ul ul {display:none;}
	#info_sidebar ul li.current_page_ancestor ul {display:block;}
	#info_sidebar ul li.current-menu-item ul {display:block;}
	#info_sidebar ul li.current_page_item ul {display:block;}

	/* Projects Overview Intro */
	#projects_intro {background:url(assets/bg_team_intro.png); width:713px; height:183px; margin:0 0 9px; padding:27px 29px 0 30px;}
	#projects_intro h3 {color:#dbdbdb; font-size:12px; text-transform:uppercase; text-align:center; background:url(assets/bg_projectsh3.png) no-repeat bottom; height:14px; font-weight:bold; letter-spacing:1px; margin:0 0 13px; opacity:.9;}
	#projects_intro #narrative {font-family:'Fanwood Text', serif; font-style:italic; font-size:17px; color:#dbdbdb; line-height:19px; font-weight:normal; border-bottom:thin solid #444444; padding:0 0 20px; opacity:.9; text-align:left;}

	/* Projects Overview Graphic Menu */
	#projects_menu a {display:block; width:380px; height:350px; float:left; margin:0 10px 13px 0; padding:0; color:#464646; text-decoration:none;}
	#projects_menu a.even {margin:0 0 10px;}
	#projects_menu span.img {display:block; width:380px; height:299px; overflow:hidden;}
	#projects_menu span.title {display:block; background:#dbdbdb; width:380px; height:51px; line-height:51px; text-align:center; font-size:18px; text-transform:uppercase;}
	#projects_menu a:hover span.title {background:#baf0e0;}

	/* Project Individual Images */
	.project_individual #featured_box {width:701px; overflow:hidden; float:left; text-aliggn:center;}
	.project_individual #featured_image {display:block; margin:0 auto;}
	.project_individual #alt_images {float:left; margin:-3px 0 0 3px; width:66px;}
	.project_individual #alt_images a {display:block; margin:0; border:3px solid #464646; width:60px; max-height:60px; overflow:hidden;}
	.project_individual #alt_images a:hover, .projects #alt_images a#img1 {border-color:#d46a00;}
	.project_individual #alt_images a img {max-width:100px; height:auto; opacity:.5;}

	/* Project Individual Description */
	.project_individual #description {background:#dbdbdb; font-size:12px; line-height:18px; color:#282828; width:767px; margin:12px 0 0;}
	.project_individual #description h2 {background:url(assets/bg_partners_h2.png) no-repeat; height:35px; padding:30px 0 0 24px; font-size:18px; color:#282828;}
	.project_individual #narrative {width:724px; border-top:thin solid #b2b2b2; margin:0 auto; padding:23px 0;}
	.project_individual #narrative ul {margin:18px 0 0;}
	.project_individual #narrative li {font-weight:bold; list-style:disc inside;}

	/* Project Category */
	.project_category h1 {text-transform:uppercase;}
	.project_category #images #featured_box {width:767px;}

/* Design Catalogues */
#info_pages.designCatalogues h1 {margin-bottom:40px;}
.shelf {background:url(assets/bg_shelf.png) no-repeat bottom; padding:0 0 7px 39px; width:915px; margin:0 0 69px;}
.shelf a {margin:0 14px 0 0; display:inline-block; background:#baf0e0; padding:0;}
.shelf img {max-width:282px; height:auto; display:block;}
.shelf span {display:none; position:absolute; font-size:12px; font-weight:bold; color:#282828; width:266px; text-align:right; padding:18px 16px 0 0;}
.shelf a:hover img {opacity:.4;}
.shelf a:hover span {display:block;}

/* Contact */
#contact {background:rgba(255,255,255,.3); width:1000px; height:650px;}
#contact_content {width:818px; height:552px; padding:0 24px; background:url(assets/bg_partners_h2.png) no-repeat #dbdbdb; margin:0 auto; position:relative; top:49px;}
#contact_content h1 {height:63px; line-height:75px; border-bottom:thin solid #b2b2b2; font-size:18px; color:#282828; margin:0 0 24px;}
#contact #left h1 {display:none;}
#contact #left {width:292px; float:left; font-size:12px; line-height:17px;}
#contact #left p {white-space:nowrap;}
#contact #left p.nowrap a {display:inline;}
#contact #left #address {margin:0 0 18px;}
#contact #left a {margin:18px 0; font-weight:bold; text-decoration:none; color:#282828; display:block;}
#contact #form p {line-height:inherit; margin:0; padding:0; line-height:0;}
#contact label {line-height:16px; padding:0 0; display:inline-block; padding:0 0 5px;}
#contact input[type="email"], #contact textarea {width:287px; border:none; background:#fff; height:23px; line-height:23px; color:#282828; font-size:12px; font-family:'Open Sans', sans-serif; display:block; margin:0 0 13px; padding:0 0 0 5px;}
#contact textarea {height:151px;}
#contact input[type="submit"] {display:block; border:none; background:none; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:bold; color:#282828; text-align:right; width:100%; padding:0; margin:0; cursor:pointer;}
#contact #right {width:500px; float:right;}
#contact #right img {max-width:500px;}

/* Services */
.services .service img {max-width:772px; display:block;}
.services .content {width:724px; padding:0 24px 24px; background:url(assets/bg_partners_h2.png) no-repeat #dbdbdb; margin:14px 0 0; font-size:12px; color:#282828; line-height:18px;}
#info_pages.services .content h1 {height:63px; line-height:75px; border-bottom:thin solid #b2b2b2; font-size:18px; color:#282828; margin:0 0 24px; text-transform:uppercase; padding:0;}
.services .content li {list-style:inside disc;}

/* Downloads */
.downloads {color:#fff;}
.downloads a {text-decoration:underline; color:#fff; font-size:14px; font-weight:300; text-transform:lowercase;}

/* Blog */
#blog {width:1000px; background:#464646; padding:24px 14px;}
#blog h1.title {font-size:18px; color:#fff; font-weight:normal; border-bottom:thin solid #6c6c6c; padding:0 0 10px; margin:0 0 25px;}
#blog h1.title span {color:#ce6800;}
#blog h1.title span span {color:#cdcdcd;}

	/* Sidebar */
	#blog_sidebar {width:220px; float:left;}
	.widget {font-size:11px; color:#dbdbdb; line-height:24px; margin:0 0 24px;}
	.widget h3 {font-size:12px; text-transform:uppercase; color:#282828; line-height:24px; font-weight:bold;}
	.widget a {color:#dbdbdb; text-decoration:none;}
	.widget a:hover {color:#d86c00; font-weight:600;}

	/* Main Content */
	#blog_main {width:734px; float:left;}
	.post {background:url(assets/bg_partners_h2.png) no-repeat #dbdbdb; padding:29px 24px; font-size:12px; color:#282828; line-height:18px; margin:0 0 10px;}
	.post h2 {font-size:18px; padding:0 0 10px; border-bottom:thin solid #b2b2b2; color:#282828; font-weight:normal; margin:0 0 20px;}
	.post h2 a {color:#282828; text-decoration:none; font-weight:normal;}
	.post h2 a:hover {color:#d86c00}
	.post .meta {font-size:10px; text-transform:uppercase; color:#282828; font-weight:600; padding:0 0 20px; margin:0 0 15px; border-bottom:thin solid #b2b2b2;}
	.post .meta a {color:#282828; text-decoration:underline; font-weight:600;}
	.metaLeft {float:left; width:580px;}
	.metaRight {float:right;}
	.post .entry_content p {margin:0 0 18px;}
	.post .entry_content a {color:#282828; font-weight:bold; text-decoration:none;}
	.post a:hover {color:#d86c00;}
	.post img {max-width:688px; height:auto;}
	.meta2 {font-size:10px; font-weight:600; text-align:center; margin:25px 0 0;}
	.meta2 a {color:#282828; text-decoration:underline; font-weight:600;}
	.meta2 span {display:inline-block; cursor:pointer; height:16px; width:16px; background-repeat:no-repeat; position:relative; top:3px;}
	.st_twitter_custom {background:url(assets/share_twitter.png);}
	.st_facebook_custom {background:url(assets/share_facebook.png);}
	.st_email_custom {background:url(assets/share_email.png);}
	.st_pinterest_custom {background:url(assets/share_pinterest.png);}
	.st_tumblr_custom {background:url(assets/share_tumblr.png);}
	.nav_prev, .nav_next {margin:5px 0 0; font-size:11px; font-weight:bold; text-transform:uppercase;}
	.nav_prev a, .nav_next a {color:#d86c00; text-decoration:none;}
	.nav_prev a:hover, .nav_next a:hover {text-decoration:underline;}
	#blog .nav_prev {float:left;}
	#blog .nav_next {float:right;}

	/* Comments */
	#comments {background:#dbdbdb; padding:29px 24px; font-size:12px; color:#282828; line-height:18px; margin:-10px 0 0;}
	#comments #bar {width:100%; background:#000; height:8px;}
	.comment {margin:20px 0 0; padding:0 0 20px; border-bottom:thin solid #b6b6b6;}
	.comment .author {font-size:10px; text-transform:uppercase; line-height:25px; font-weight:600;}
	.comment .author a {color:#282828; text-decoration:none;}
	.comment .author a:hover {text-decoration:underline;}
	.comment_content {font-size:12px; color:#282828; line-height:18px;}
	.comment .reply {margin:18px 0 0; font-size:10px; text-transform:uppercase; font-weight:600;}
	.comment .reply a {color:#282828; text-decoration:underline;}
	#commentsNew {margin:25px 0 0;}
	#commentsNew em {font-size:13px; line-height:15px; margin:0 0 15px; display:block;}
	#commentsNew label {display:block; font-size:13px; line-height:15px; margin:0 0 5px; color:#282828;}
	#commentsNew input[type=text], #commentsNew input[type=email], #commentsNew textarea {display:block; border:none; width:323px; padding:0 0 0 5px; height:23px; line-height:23px; color:#282828; font-family:'Open Sans', sans-serif; font-size:12px; margin:0 0 15px;}
	#commentsNew textarea {width:567px; height:151px;}
	#commentsNew input[type=submit] {cursor:pointer; background:none; border:none; font-size:13px; font-weight:bold; text-transform:uppercase; font-family:'Open Sans', sans-serif; display:block; text-align:right; width:572px;}

	/* Other Templates */
	h1.subtitle {height:40px; color:#cdcdcd; font-size:13px; text-transform:uppercase;}

/* RTE */
.alignleft {float:left;}
.alignright {float:right;}
.alignnone {float:none;}


/* Attachments */
.attachment img {max-width:100%;}
.attachment-nav {width:45%; font-size:14px; color:#999592; line-height:31px; font-weight:bold; text-transform:uppercase;}
.attachment-nav a {color:#999592; text-decoration:none;}
.attachment-nav a:hover {color:#fff;}
.attachment-nav-right {text-align:right;}


/* Updates May 2016 */
.read-more-bio a {
	color: #282828;
	font-weight: bold;
}
.read-more-bio a:hover {
	color: #d86c00;
}
.fa.social-media-icon {
	font-size: 23px;
	-ms-transform: translate(0,-3px); /* IE 9 */
	-webkit-transform: translate(0,-3px); /* Safari */
	transform: translate(0,-3px);
}
.fa.social-media-icon:hover {
	color: #ce6800;
}
.issuu {
	vertical-align: top;
}
.bxslider__slide {
	height: 689px;
	background-size: cover;
	background-repeat: no-repeat;
}
.bxslider__link {
	display: block;
	height: 100%;
}
.bxslider-caption-builder {
	display: none;
}
.bx-caption span {top: -659px;}