/*
Theme Name: 	Local Housing Solutions
Description: 	Custom theme
Version: 		1.0
Author: 		Development: Randy Federighi / Design: Michael Bierman
Author URI: 	http://prop-14.com
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 			{ border:none; }
a 					{ outline:none; }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* load fonts */
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-SuperItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-SuperItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-SuperItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-SuperItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Super-Web.eot');
  src: url('assets/style/produkt/Produkt-Super-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Super-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Super-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-BlackItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-BlackItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-BlackItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-BlackItalic-Web.woff') format('woff');
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Black-Web.eot');
  src: url('assets/style/produkt/Produkt-Black-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Black-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Black-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-BoldItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-BoldItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-BoldItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-BoldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Bold-Web.eot');
  src: url('assets/style/produkt/Produkt-Bold-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Bold-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-SemiboldItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-SemiboldItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-SemiboldItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-SemiboldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Semibold-Web.eot');
  src: url('assets/style/produkt/Produkt-Semibold-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Semibold-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-MediumItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-MediumItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-MediumItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Medium-Web.eot');
  src: url('assets/style/produkt/Produkt-Medium-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Medium-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-RegularItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-RegularItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-RegularItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Regular-Web.eot');
  src: url('assets/style/produkt/Produkt-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Regular-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-LightItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-LightItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-LightItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-LightItalic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Light-Web.eot');
  src: url('assets/style/produkt/Produkt-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Light-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-ExtralightItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-ExtralightItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-ExtralightItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-ExtralightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Extralight-Web.eot');
  src: url('assets/style/produkt/Produkt-Extralight-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Extralight-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Extralight-Web.woff') format('woff');
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-ThinItalic-Web.eot');
  src: url('assets/style/produkt/Produkt-ThinItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-ThinItalic-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-ThinItalic-Web.woff') format('woff');
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Produkt Web';
  src: url('assets/style/produkt/Produkt-Thin-Web.eot');
  src: url('assets/style/produkt/Produkt-Thin-Web.eot?#iefix') format('embedded-opentype'),
       url('assets/style/produkt/Produkt-Thin-Web.woff2') format('woff2'),
       url('assets/style/produkt/Produkt-Thin-Web.woff') format('woff');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

/* ======================= Index ======================= */
/*
	- OVERVIEW:

 	- Architecture / Grid
	- Typography
	- Masthead
	- Navigation
	- Post (general content area)
	- Sidebar
	- Archive
	- Footer
	- Page Templates
	- Theme Helpers
	- Presentational classes generated by WordPress
	- Plugin Styling
	- Theme custom short codes
	- Responsive
*/

/*======================= Architecture overview ======================= */
html {
	height:100%;
	font-size:62.5%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
	color:#606060;
	font-family:'Produkt Web', serif;
	font-size:1.8rem;
	font-weight:normal;
	text-align:left;
	background:#fff;
	/* suggested by commercial type font for Produkt */
	-moz-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings:"liga=1, kern=1";
	-ms-font-feature-settings:"liga", "kern";
	-o-font-feature-settings:"liga", "kern";
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings: "liga", "kern";
}
#page-wrap {
	width:1200px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#nav-wrap {
	margin:0;
}
#content-wrap {
	margin:0;
	padding:30px 0;
}
#secondary-left {
	width:24%;
	float:left;
	margin:0;
	padding:0 0 0 30px;
}
#primary {
	width:62%;
	float:left;
	padding:0 0 30px 0;
	border-top:none;
}
#secondary {
	width:14%;
	float:left;
}

/* accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  	border:0;
  	clip:rect(1px, 1px, 1px, 1px);
  	clip-path:inset(50%);
  	height:1px;
  	margin:-1px;
  	overflow:hidden;
  	padding:0;
  	position:absolute !important;
  	width:1px;
  	word-wrap:normal !important;
}

/* mobile screen size (localhost only) */
#dimensions {
	position:fixed;
	width:70px;
	top:85px;
	left:0px;
	z-index:10000;
	font-size:10px;
	text-align:center;
	background:rgba(255,255,255,0.7);
	color:#222;
}

/*======================= Typography ======================= */
p {
	margin:0 0 15px 0;
	line-height:1.5;
}
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 0 20px;
 	padding:0;
 	list-style:disc;
 	line-height:1.5;
}
ul li ul li	{

}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 20px;
	padding:0;
	list-style:decimal;
	line-height:1.5;
}
blockquote {
	margin:20px;
	padding:0px;
	font-size:22px;
}
blockquote p {
	font-style:italic;
	margin:0;
}
small {
	font-size:1.3rem;
}
strong, b {
	font-weight:600;
}
em, i {
	font-style:italic;
}
i.fa, i.fas {
	font-style:normal;
}
u {
	border:none;
	border-bottom:2px solid #ccc;
}
/* tables */
table,
table.tablepress {
	border-collapse:collapse;
	border:1px solid #e7e7e8;
	margin:0 0 20px 0;
}
td,
th,
table.tablepress td,
table.tablepress th {
	font-size:1.6rem;
	padding:7px 20px;
	border:1px solid #e7e7e8;
	text-align:left;
	line-height:1.5;
	vertical-align:top;
}
.tablepress tfoot th,
.tablepress thead th {
	background-color:#fff !important;
}


/* headings */
h1,h2,h3,h4,h5,h6 {
	text-align:left;
	font-weight:700;
	color:#3f3e40;
	line-height:1.1;
	letter-spacing:.3px;
	font-family:'Produkt Web', serif;
}
h1 {
	letter-spacing:0;
	color:#404040;
	font-size:4.8rem;
	line-height:1;
	margin:0px 0 10px 0;
}
h2 {
	font-size:3.2rem;
	margin:0 0 2px 0;
}
h2 + strong { /* this is to prevent accidental insertion of a strong tag within a heading */
	font-weight:700;
}
h3 {
	font-size:2.4rem;
	margin:0 0 2px 0;
}
h3 + strong {
	font-weight:700;
}
h4 {
	font-size:2.0rem;
	margin:0 0 2px 0;
	color:#686868;
	letter-spacing:.5px;
	line-height:1.2;
}
h4 + strong {
	font-weight:700;
}
h5 {
	font-size:1.8rem;
	margin:0 0 2px 0;
	line-height:1.2;
	font-weight:600;
}
h6 + strong {
	font-weight:600;
}
h6 {
	font-size:1.6rem;
	margin:0 0 2px 0;
	color:#686868;
	line-height:1.2;
	letter-spacing:.5px;
	font-weight:600;
}
h6 + strong {
	font-weight:600;
}
h6 + p img,
h6 + div.wp-caption img {
	padding-top:5px;
}
/* default links & buttons */
a {
	color:#606060;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a:hover {
	text-decoration:none;
}
a.button,
input[type="submit"] {
	display:block;
	margin:0;
	padding:5px 15px 6px 15px;
	float:left;
	font-size:1.8rem;
	font-weight:600;
	width:auto;
	text-align:center;
	color:#fff;
	background:#606060;
	outline:none;
	border:none !important;
}
a.button:hover,
input[type="submit"]:hover {
	color:#fff !important;
	opacity:0.9;
}
input[type="submit"] {
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a.button:after {
	content:'';
	display:inline-block;
	margin-left:6px;
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-left:	10px solid #fff;
}
.buttons {
	margin:20px 0;
}
.buttons .button-wrap {
	display:inline-block;
}
.buttons a.button {
	margin-right:20px;
}
.buttons.center {
	text-align:center;
}
.buttons.center .button-wrap a.button {
	margin:0 10px;
}
.buttons.right {
	margin-left:20px;
	text-align:right;
}
/* Forms */
label {
	display:block;
	margin:0 0 5px 0;
}
input,
textarea,
select {
	display:block;
	color:#606060;
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #ccc;
	font-family:'Produkt Web', serif;
	/* keep all boxes equal */
	box-sizing:			content-box;
	-ms-box-sizing:		content-box;
	-moz-box-sizing:	content-box;
	-webkit-box-sizing:	content-box;
}
input[type="radio"],
input[type="checkbox"] {
	display:inline-block !important;
}
select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
::-webkit-input-placeholder {
	color:#333;
}
:-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
:-ms-input-placeholder {
	color:#333;
}

/* ======================= logo and nav sidebar 1 ====================== */
/* logo area */
#secondary-left {
	padding:10px 70px 50px 0px;
	border-top:30px solid #dcdcde;
}
#secondary-left .inner {
	max-width:218px;
}
#secondary-left #logo {
	position:relative;
	margin:0 0 10px 0;
}
#secondary-left #logo a.logo {
	font-size:3.8rem;
	line-height:3.2rem;
	margin:0 0 5px 0;
	font-weight:800;
	border-bottom:none;
	color:#404040;
}
#secondary-left #logo a.logo:hover {
	text-decoration:none;
	background:none;
}
#secondary-left #logo span.tagline {
	display:block;
	font-size:2rem;
	line-height:2.2rem;
	margin:0 0 5px 0;
}
#secondary-left #logo span.mapicon {
	display:block;
	width:30px;
	height:40px;
	background:url(assets/images/icon-maplogo.png) no-repeat center center;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}

/* mobile actions menu */
#secondary-left #logo ul#mobile-action-menu {
	display:none;
	position:absolute;
	right:0px;
	top:15px;
	width:115px;
}
#secondary-left #logo ul#mobile-action-menu li {
	margin:0 3px;
	padding:0;
	list-style:none;
	float:left;
}
#secondary-left #logo ul#mobile-action-menu li a {
	position:relative;
	display:block;
	width:26px;
	height:26px;
	line-height:26px;
	color:#434444;
	margin-left:2px;
	font-family:FontAwesome;
	text-align:center;
}
#secondary-left #logo ul#mobile-action-menu li.mobi-search a i.fa {
	font-size:2rem;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#secondary-left #logo ul#mobile-action-menu li.mobi-share a i.fa {
	font-size:2.4rem;
}
#secondary-left #logo ul#mobile-action-menu li.mobi-menu a i.fa {
	font-size:2.4rem;
}

#logo a.close {
	display:block;
	position:absolute;
	z-index:10;
	top:12px;
	right:20px;
	font-size:3rem;
}

/**
 *  Left Main DESKTOP Navigation
 */
#secondary-left ul#nav {
	margin:0;
	padding:0;
}
#secondary-left ul#nav li {
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
}
#secondary-left ul#nav li a {
	margin:0;
	padding:8px 0;
	line-height:1;
	display:block;
	text-decoration:none;
	color:#555;
	border-bottom:1px solid #ccc;
}
#secondary-left ul#nav > li:last-child > a {
	border-bottom:none;
}
#secondary-left ul#nav li a:hover,
#secondary-left ul#nav li.current-menu-item > a,
#secondary-left ul#nav > li.active > a,
#secondary-left ul#nav > li.current-page-ancestor > a {
	background:#f1f1f1;
}
#secondary-left ul#nav {
	border-top:8px solid #d2d3d5;
	border-bottom:8px solid #d2d3d5;
}
#secondary-left ul#nav li {
	list-style:none;
	position:relative;
	padding:0;
}
#secondary-left ul#nav li a {
	font-weight:600;
	font-size:2.5rem;
	border-bottom:1px solid #e7e7e8;
}
#secondary-left ul#nav > li:nth-child(1) a {
	color:#8169b7;
}
#secondary-left ul#nav > li:nth-child(2) a {
	color:#c59f2d;
}
#secondary-left ul#nav > li:nth-child(3) a {
	color:#e08d19;
}
#secondary-left ul#nav > li:nth-child(4) a {
	color:#c96242; /* old dd6d50 */
}
#secondary-left ul#nav > li:nth-child(5) a {
	color:#7e973b;
}
#secondary-left ul#nav > li:nth-child(6) a {
	color:#4a947c;
}
#secondary-left ul#nav > li:nth-child(7) a {
	color:#2f8fb0;
}
#secondary-left ul#nav > li:nth-child(8) a {
	color:#5c7a96;
}
#secondary-left ul#nav li a:hover,
#secondary-left ul#nav li.current-menu-item > a {
	background:#f1f1f1;
}

/* level 2 drop down */
#secondary-left ul#nav li ul {
	margin:0;
	padding:0;
	border:none;
}
#secondary-left ul#nav li.current_page_parent ul,
#secondary-left ul#nav li.current-menu-item ul,
#secondary-left ul#nav li.current-page-ancestor ul {
	display:block;
}
#secondary-left ul#nav li ul li {
	margin:0;
	padding:0;
}
#secondary-left ul#nav li ul li a {
	font-size:1.3rem;
	display:block;
	padding:5px 0;
	font-weight:500;
}
#secondary-left ul#nav li ul li a:hover {
	background:#f1f1f1;
}

/* after menu */
#secondary-left .after-menu {
	margin:10px 0 25px 0;
}
#secondary-left .after-menu span.mapicon {
	display:block;
	width:30px;
	height:45px;
	background:url(assets/images/icon-maplogo-3.png) no-repeat 0 0;
	background-size:30px auto;
}
#secondary-left .after-menu a {
	display:block;
	color:#555;
	font-size:1.6rem;
	text-decoration:none;
	border:none;
}
#secondary-left .after-menu a.help-icon {
	display:block;
	height:24px;
  	width:24px;
  	overflow:hidden;
  	text-align:center;
  	font-weight:600;
  	color:#fff;
  	margin:0 0 5px 0;
  	background:#999;
 	border-top-left-radius:12px;
  	border-top-right-radius:12px 22px;
  	border-bottom-right-radius:0px;
  	border-bottom-left-radius:22px 12px;
  	transform: rotate(45deg);
  	border-bottom:none !important;
}
#secondary-left .after-menu a.help-icon span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:2px;
	left:2px;
	transform: rotate(-45deg);
}
#secondary-left .after-menu a.help-icon:hover {
	background:#777;
}

/* eyebrow */
#eyebrow {
	width:100%;
	height:30px;
	overflow:hidden;
	background:#dcdcde;
	position:relative;
}
#eyebrow ul {
	margin:0;
	padding:0;
}
#eyebrow ul li {
	margin:0 15px 0 0;
	padding:0;
	float:left;
	line-height:1;
	list-style:none;
	text-transform:uppercase;
	font-weight:700;
}
#eyebrow ul li a {
	font-size:1.1rem;
	border:none;
	position:relative;
	padding:10px 0;
	line-height:30px;
	letter-spacing:1px;
	border-bottom:none !important;
}
#eyebrow ul li a:hover {
	opacity:0.8;
	background:none;
}
#eyebrow form {
	width:200px;
	height:30px;
	float:right;
}
#eyebrow form input[type="text"] {
	background-color:#bdbec1;
}

#beta-notice {
	position:absolute;
	z-index:1000;
	top:0;
	right:200px;
	width:200px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:2.2rem;
	font-weight:700;
	background:#c96242;
	text-align:center;
	text-transform:uppercase;
}
body.home #beta-notice {
	right:360px;
}

/* search */
form.searchform	{
	position:relative;
	margin:0;
	padding:0;
}
form.searchform input.search-text {
	width:100%;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0 30px 0 5px;
	border:1px solid #ccc;
	outline:none;
	color:#555;
}
form.searchform input.search-text:focus {
	color:#000;
	border:1px solid #00b9f1;
}
form.searchform button.searchsubmit {
	position:absolute;
	z-index:50;
	right:0px;
	top:0px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:none;
	border:none;
	outline:none;
	color:#404040;
	font-size:1.8rem;
	cursor:pointer;
}

/* issues & policies drop down lists */
.global-dropdowns {
	display:none;
	position:absolute;
	z-index:1000;
	top:0;
	left:50%;
	width:900px;
	margin-left:-450px;
	padding:30px 30px;
	font-weight:500;
	font-size:1.4rem;
	line-height:1.7;
	background:rgba(255,255,255,0.95);
}
.global-dropdowns .scroll-area {
	height:450px;
	overflow-y:scroll;
}
.global-dropdowns .scroll-area a.custom-edit {
	position:absolute;
	display:block;
	top:0;
	left:0;
}
.global-dropdowns .heading {
	display:block;
	font-size:1.4rem;
	font-weight:400;
	text-align:center;
	margin:0 0 20px 0;
}
.global-dropdowns .heading h4 {
	text-align:center;
	margin:0 0 0px 0;
}
.global-dropdowns p {
	line-height:1.7;
	margin:0;
}
.global-dropdowns a {
	padding:0 0 2px 0;
	border-bottom:1px solid #8169b7;
}
.global-dropdowns a:hover {
	color:#8169b7;
}
.global-dropdowns .col {
	width:50%;
	float:left;
	line-height:1.5;
}
.global-dropdowns .col.col-1 {
	padding:0 30px 0 0;
}
.global-dropdowns a.close {
	display:block;
	position:absolute;
	top:17px;
	right:20px;
	width:50px;
	text-align:center;
	font-size:3rem;
	border-bottom:none !important;
}
.global-dropdowns a.close:hover {
	color:#8169b7;
}
.global-dropdowns a.custom-edit {
	display:block;
	position:absolute;
	top:30px;
	left:30px;
}

.pagetop-wrap {
	height:67px;
	padding-right:50px;
	overflow:hidden;
}
/* breadcrumbs */
#breadcrumbs {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
  	text-overflow:ellipsis;
	padding:10px 0;
	font-size:1.2rem;
	height:33px;
}
#breadcrumbs a {
	text-decoration:none;
	border-bottom:none;
	border:none !important;
}
/* social sharing */
#user-actions {
	height:22px;
	float:left;
}
#user-actions span.tool-link-wrap {
	display:block;
	position:relative;
	float:left;
	width:20px;
	height:22px;
	margin-right:4px;
}
#user-actions span.tool-link-wrap:nth-child(2) {
	margin-right:7px;
}
#user-actions a {
	display:block;
	width:20px;
	height:22px;
	border-bottom:none !important;
	overflow:hidden;
	font-size:2rem;
	background-repeat:no-repeat;
	background-position:center center;
}
#user-actions a.share-activate {
	margin-right:6px;
	background-image:url(assets/images/social-sharing.png);
}
#user-actions .dkpdf-button-container {
	padding:0 !important;
	float:none !important;
}
#user-actions a.dkpdf-button span.dkpdf-button-icon {
	font-size:1.8rem;
	margin-right:0;
	position:relative;
	left:-2px;
	top:-1px;
}

span.ajax-saving-page {
	display:none;
	position:absolute;
	width:150px;
	height:20px;
	left:100%;
	top:5px;
	font-size:1.2rem;
	padding-left:20px;
	background:url(assets/images/ajax-loader.gif) no-repeat left top;
}


/* TEMP:; hide this on results and notebook pages for now */
body.page-assessment-results #user-actions span.tool-link-wrap.pdf {

}
body.page-my-notebook #user-actions span.tool-link-wrap.pdf {
	display:none;
}

/* ======================= Post / Page ====================== */
#primary .entry-content {
	padding-right:50px;
	min-height:750px;
}

/* top level page sub-menu */
ul.mobile-sub-pages {
	display:none;
	margin:0 0 30px 0;
	padding:0;
}
ul.mobile-sub-pages li {
	margin:0;
	padding:5px 0;
	list-style:none;
	line-height:1.2;
	border-top:1px solid #404040;
}
ul.mobile-sub-pages li:last-child {
	border-bottom:1px solid #404040;
}
ul.mobile-sub-pages li br {
	display:none;
}
ul.mobile-sub-pages li a {
	position:relative;
	display:block;
	padding:0;
	border:none !important;
}
ul.mobile-sub-pages li a:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:1px;
	right:0px;
	border-top:		12px solid transparent;
	border-bottom:	12px solid transparent;
	border-left:	12px solid #dcdcde;
}

/* primary content styling */
#primary a:not(.button),
#secondary a {
	padding-bottom:1px;
	border-bottom:2px solid #555;
}
body.page-child h1.entry-title {
	font-size:3.8rem;
	padding-top:10px;
}
#primary .entry-content h2 {
	margin-top:25px;
}
#primary .entry-content h3 {
	margin-top:20px;
}
#primary .entry-content h4 {
	margin-top:20px;
}
#primary .entry-content h5 {
	margin-top:20px;
}
#primary .entry-content h6 {
	margin-top:20px;
}

/* in uploaded Word docs */
#primary .entry-content sup.footnote-tooltip {
	position:relative;
}
#primary .entry-content sup.footnote-tooltip > a {
	border-bottom:none;
}
#primary .entry-content sup.footnote-tooltip .tooltip-panel {
	width:300px;
}
#primary .entry-content sup.footnote-tooltip .tooltip-panel a {
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:1px;
}
#primary .entry-content sup.footnote-tooltip .tooltip-panel a:hover {
	border-bottom:1px dotted #fff;
}

/**
 *
 *	primary page color pallet
 *  act old: c59f2d
 *  plan old: dd6d50
 */

/* 1. Learn (orig: #8f7baf) */
body.color-learn #primary a,
body.color-learn #secondary a {
	border-color:#8169b7;
}
body.color-learn #primary a:hover,
body.color-learn #secondary a:hover,
body.color-learn #primary h1,
body.color-learn #primary h2,
body.color-learn #primary h3,
body.color-learn #primary h4,
body.color-learn #primary h5,
body.color-learn span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-learn ul.mobile-sub-pages li a,
body.color-learn span.tooltip,
body.color-learn sup.footnote-tooltip a {
	color:#8169b7;
}
body.color-learn span.tooltip-panel,
body.color-learn a.content-icon,
body.color-learn a.button,
body.color-learn input[type="submit"] {
	background:#8169b7;
}
body.color-learn span.tooltip-panel:before {
	border-right-color:#8169b7;
}
span.force-color.learn,
span.force-color.learn a {
	color:#8169b7;
	border-color:#8169b7 !important;
}

/* 2. Plan (orig: #e7bc4f) */
body.color-plan #primary a,
body.color-plan #secondary a {
	border-color:#c59f2d;
}
body.color-plan #primary a:hover,
body.color-plan #secondary a:hover,
body.color-plan #primary h1,
body.color-plan #primary h2,
body.color-plan #primary h3,
body.color-plan #primary h4,
body.color-plan #primary h5,
body.color-plan span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-plan ul.mobile-sub-pages li a,
body.color-plan span.tooltip,
body.color-plan sup.footnote-tooltip a {
	color:#c59f2d;
}
body.color-plan span.tooltip-panel,
body.color-plan a.content-icon,
body.color-plan a.button,
body.color-plan input[type="submit"] {
	background:#c59f2d;
}
body.color-plan span.tooltip-panel:before {
	border-right-color:#c59f2d;
}

/* 3. Analyze (orig: #e4a143) */
body.color-analyze #primary a,
body.color-analyze #secondary a {
	border-color:#e08d19;
}
body.color-analyze #primary a:hover,
body.color-analyze #secondary a:hover,
body.color-analyze #primary h1,
body.color-analyze #primary h2,
body.color-analyze #primary h3,
body.color-analyze #primary h4,
body.color-analyze #primary h5,
body.color-analyze span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-analyze ul.mobile-sub-pages li a,
body.color-analyze span.tooltip,
body.color-analyze sup.footnote-tooltip a {
	color:#e08d19;
}
body.color-analyze span.tooltip-panel,
body.color-analyze a.content-icon,
body.color-analyze a.button,
body.color-analyze input[type="submit"] {
	background:#e08d19;
}
body.color-analyze span.tooltip-panel:before {
	border-right-color:#e08d19;
}

/* 4. Act (orig: #3f3e40) */
body.color-act #primary a,
body.color-act #secondary a {
	border-color:#c96242;
}
body.color-act #primary a:hover,
body.color-act #secondary a:hover,
body.color-act #primary h1,
body.color-act #primary h2,
body.color-act #primary h3,
body.color-act #primary h4,
body.color-act #primary h5,
body.color-act span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-act ul.mobile-sub-pages li a,
body.color-act span.tooltip,
body.color-act sup.footnote-tooltip a {
	color:#c96242;
}
body.color-act span.tooltip-panel,
body.color-act a.content-icon,
body.color-act a.button,
body.color-act input[type="submit"] {
	background:#c96242;
}
body.color-act span.tooltip-panel:before {
	border-right-color:#c96242;
}

/* 5. Fund (orig: #5b99a3) */
body.color-fund #primary a,
body.color-fund #secondary a {
	border-color:#7e973b;
}
body.color-fund #primary a:hover,
body.color-fund #secondary a:hover,
body.color-fund #primary h1,
body.color-fund #primary h2,
body.color-fund #primary h3,
body.color-fund #primary h4,
body.color-fund #primary h5,
body.color-fund span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-fund ul.mobile-sub-pages li a,
body.color-fund span.tooltip,
body.color-fund sup.footnote-tooltip a {
	color:#7e973b;
}
body.color-fund span.tooltip-panel,
body.color-fund a.content-icon,
body.color-fund a.button,
body.color-fund input[type="submit"] {
	background:#7e973b;
}
body.color-fund span.tooltip-panel:before {
	border-right-color:#7e973b;
}

/* 6. Refine (orig: #5fa9b4) */
body.color-refine #primary a,
body.color-refine #secondary a {
	border-color:#4a947c;
}
body.color-refine #primary a:hover,
body.color-refine #secondary a:hover,
body.color-refine #primary h1,
body.color-refine #primary h2,
body.color-refine #primary h3,
body.color-refine #primary h4,
body.color-refine #primary h5,
body.color-refine span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-refine ul.mobile-sub-pages li a,
body.color-refine span.tooltip,
body.color-refine sup.footnote-tooltip a {
	color:#4a947c;
}
body.color-refine span.tooltip-panel,
body.color-refine a.content-icon,
body.color-refine a.button,
body.color-refine input[type="submit"] {
	background:#4a947c;
}
body.color-refine span.tooltip-panel:before {
	border-right-color:#4a947c;
}

/* 7. Bridge (orig: #82bbbf) */
body.color-bridge #primary a,
body.color-bridge #secondary a {
	border-color:#2f8fb0;
}
body.color-bridge #primary a:hover,
body.color-bridge #secondary a:hover,
body.color-bridge #primary h1,
body.color-bridge #primary h2,
body.color-bridge #primary h3,
body.color-bridge #primary h4,
body.color-bridge #primary h5,
body.color-bridge span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-bridge ul.mobile-sub-pages li a,
body.color-bridge span.tooltip,
body.color-bridge sup.footnote-tooltip a {
	color:#2f8fb0;
}
body.color-bridge span.tooltip-panel,
body.color-bridge a.content-icon,
body.color-bridge a.button,
body.color-bridge input[type="submit"] {
	background:#2f8fb0;
}
body.color-bridge span.tooltip-panel:before {
	border-right-color:#2f8fb0;
}

/* 8. Explore (orig: #9ac9d7) */
body.color-explore #primary a,
body.color-explore #secondary a {
	border-color:#5c7a96;
}
body.color-explore #primary a:hover,
body.color-explore #secondary a:hover,
body.color-explore #primary h1,
body.color-explore #primary h2,
body.color-explore #primary h3,
body.color-explore #primary h4,
body.color-explore #primary h5,
body.color-explore span.faux-input-wrap span.overlay span.faux-input.checked:after,
body.color-explore ul.mobile-sub-pages li a,
body.color-explore span.tooltip,
body.color-explore sup.footnote-tooltip a {
	color:#5c7a96;
}
body.color-explore span.tooltip-panel,
body.color-explore a.content-icon,
body.color-explore a.button,
body.color-explore input[type="submit"] {
	background:#5c7a96;
}
body.color-explore span.tooltip-panel:before {
	border-right-color:#5c7a96;
}

/* accessibility colors override */
body.color-accessibility #secondary-left ul#nav li a {
	color:#404040;
}
body.color-accessibility #notebook a.page-count.has-pages i {
	color:#404040;
}
body.color-accessibility a.home-box {
	background:#404040 !important;
}

/* ======================= sidebar (right) ====================== */
#notebook {
	margin:0 0 40px 0;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#notebook a {
	position:absolute;
	width:100%;
	top:4px;
	right:10px;
	font-weight:700;
	font-size:1.6rem;
	display:block;
	color:#404040;
	z-index:500;
	border-bottom:none;
	text-align:right;
}
#notebook a.notebook-login:hover {
	background:none !important;
	color:#555;
}
#notebook a.page-count {
	display:block;
	position:absolute;
	width:100%;
	top:24px;
	right:10px;
	font-size:1.3rem;
	line-height:1;
	color:#fff;
}
#notebook a.page-count i {
	color:#dcdcde;
	font-size:3.4rem;
}
#notebook a.page-count:hover {
	color:#fff !important;
}
#notebook a.page-count.has-pages i {
	color:#8169b7;
}
#notebook a.page-count span.number {
	display:block;
	position:absolute;
	width:25px;
	top:6px;
	right:0px;
	z-index:10;
	text-align:center;
	font-weight:400;
}
#notebook a.notebook-login {
	display:block;
	position:absolute;
	width:100%;
	top:24px;
	right:10px;
	text-align:right;
}

#secondary .widget-area {
	padding:0 5px 0 0;
}
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary h3.widget-title {
	font-size:1.6rem;
	line-height:1.3;
	font-weight:600;
	color:#606060;
}
#secondary .widget .widget-text,
#secondary .widget p {
	line-height:1.6;
	font-size:1.4rem;
	margin:0 0 10px 0;
}
#secondary .widget-area a.button {
	padding:5px 15px 6px 15px;
	border-bottom:none !important;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
}

#secondary a.issues-drop-list {
	font-weight:500;
}

/* pro forma sidebar */
body.page-template-pro-forma #secondary .widget-area {
	width:168px;
}

/* ACF repeater page widgets */

/* accordion section shortcode in sidebar */
#secondary h4.acc-handle {
	font-size:1.6rem;
	line-height:1.3;
	font-weight:600;
	color:#606060;
}
#secondary .papers.list a {
	font-size:1.4rem;
}
#secondary .widget.widget-overview .objectives {
	margin-top:25px;
}

/* ======================= archive.php / search.php ====================== */
body.search #user-actions {
	display:none;
}
body.search h1.entry-title {
	margin-bottom:30px;
}
body.search h1.entry-title span {
	font-weight:400;
}
.excerpt {
	padding:0 0 40px 0;
}
.excerpt h3 {
	line-height:1.4;
}
.excerpt .featured-img {
	width:25%;
	padding-right:25px;
	float:left;
}
.excerpt .post-content.has-thumb {
	width:75%;
	float:left;
}
body.archive #user-actions {
	display:none;
}
p.date {
	font-size:1.6rem;
}

/* paging */
.paging {
	margin:0;
}
.paging span,
.paging a {
	display:inline-block;
	padding:0px 5px;
	margin:0 3px 0 0;
}
.paging a {
	border:none !important;
}
.paging span.page-numbers.current {
	border:1px solid #d2d3d5;
}

/* ======================= footer.php ======================= */
.grecaptcha-badge {
    display:none !important;
}
#footer-city img {
	display:block;
	line-height:1;
	width:100%;
	height:auto;
}

#footer {
	padding:30px 0;
	color:#fff;
	background:#444444;
}
#footer .pagewidth {
	width:1200px;
	margin:0 auto;
}
#footer .col-1 {
	float:left;
	width:50%;
	font-size:1.3rem;
}
#footer .col-1 p {
	margin:0;
}
#footer .col-1 img {
	display:inline-block;
	padding-right:25px;
	max-height:75px;
	width:auto;
}
/* right side */
#footer .col-2 {
	width:50%;
	float:right;
}
#footer .col-2 .row-1.social-media {
	margin:0 0 20px 0;
}
#footer .col-2 .row-1.social-media ul {
	margin:0;
	padding:0;
	text-align:right;
}
#footer .col-2 .row-1.social-media ul li {
	margin:0 0 0 10px;
	padding:0;
	display:inline-block;
	list-style:none;
}
#footer .col-2 .row-1.social-media ul li a {
	display:block;
	width:28px;
	height:28px;
	line-height:28px;
	background:#fff;
	color:#444;
	font-size:2rem;
	text-align:center;
	border-bottom:none;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#footer .col-2 .row-2 ul {
	margin:0;
	padding:0;
	text-align:right;
}
#footer .col-2 .row-2 ul li {
	margin:0 0 0 20px;
	padding:0;
	display:inline-block;
	list-style:none;
}
#footer .col-2 .row-2 ul li a {
	display:inline-block;
	color:#fff;
	font-size:1.4rem;
	font-weight:600;
	border-bottom:1px solid #fff;
}
#footer .col-2 .row-2 ul li a:hover {
	border-bottom:none;
}

/* optional sticky footer */
#sticky-footer {
	position:fixed;
	z-index:1000;
	left:50%;
	margin-left:-315px;
	bottom:0;
	width:700px;
	padding:0;
	font-size:1.3rem;
	border-top:1px solid #d2d3d5;
	border-left:1px solid #d2d3d5;
	border-right:1px solid #d2d3d5;
	background:rgba(240,240,240,0.95);
}
#sticky-footer a.close {
	position:absolute;
	top:-1px;
	right:0px;
	width:20px;
	text-align:center;
	font-size:2rem;
	border:none;
}
#sticky-footer a.close:hover {
	color:#222;
}
#sticky-footer.closed a.close i:before {
	content:'\f106';
}
#sticky-footer h4 {
	font-weight:600;
	font-size:1.5rem;
	margin-top:0 !important;
	padding:3px 15px 0 15px;
	text-align:center;
}
#sticky-footer .col {
	float:left;
	color:#404040;
	padding:20px 10px 10px 10px;
}
#sticky-footer .col p {
	color:#404040;
}
#sticky-footer.has-heading .col {
	padding-top:5px;
}
#sticky-footer .col p:last-child {
	margin-bottom:0;
}
#sticky-footer.cols-1 .col {
	width:100%;
}
#sticky-footer.cols-2 .col {
	width:50%;
}
#sticky-footer.cols-3 .col {
	width:33.3333%;
}
#sticky-footer.cols-4 .col {
	width:25%;
}
/* tables in sticky footer */
#sticky-footer .tablepress {
	border:none;
}
#sticky-footer .tablepress tfoot th,
#sticky-footer .tablepress thead th {
	font-weight:600;
	border:none;
	background:transparent !important;
}
#sticky-footer .tablepress thead th {
	border-bottom:none;
}
#sticky-footer .tablepress td {
	font-size:1.3rem;
}
#sticky-footer table.tablepress td,
#sticky-footer table.tablepress th {
	font-size:1.3rem;
	border:none;
	line-height:1.2;
	padding:2px 10px 2px 0;
}

/* ======================= Page Templates ====================== */

/* TEMP: table with smaller font and line-height */
body.page-increasing-the-affordability-of-rental-housing table td,
body.page-typography table td {
	font-size:1.5rem;
	line-height:1.4;
}

/* full width page template */
#primary.full-width {
	width:100%;
	float:none;
	padding-right:0;
}

/**
 * HOME PAGE
 */
#home-mobile-menu {
	display:none;
	position:absolute;
	z-index:100;
	top:45px;
	right:20px;
	text-align:right;
}
#home-mobile-menu a {
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:right;
}

/* home eyebrow */
#home-eyebrow {
	width:100%;
	height:30px;
	z-index:500;
	padding:0 0 0 50px;
	position:relative;
	background:#dcdcde;
}
#home-eyebrow ul.menu {
	margin:0;
	padding:0;
}
#home-eyebrow ul.menu li {
	margin:0 5px;
	padding:0;
	display:inline-block;
	line-height:1;
	list-style:none;
	text-transform:uppercase;
	font-weight:700;
}
#home-eyebrow ul.menu li:first-child {
	margin-left:0;
}
#home-eyebrow ul.menu li a {
	font-size:1.1rem;
	border:none;
	position:relative;
	padding:10px 0;
	line-height:30px;
	letter-spacing:1px;
	border-bottom:none !important;
}
#home-eyebrow ul li a:hover {
	color:#303030;
	background:none;
}
#home-eyebrow form {
	width:260px;
	height:30px;
	position:absolute;
	top:0;
	right:100px;
}
#home-eyebrow form input {
	margin:0;
}
#home-eyebrow form input.search-text {
	color:#404040;
	height:30px;
	line-height:30px;
	padding:0 30px 0 5px;
	font-size:1.6rem;
	border:none;
	outline:none;
	background-color:#c6c8c9;
	background-position:89% 7px;
}
#home-eyebrow form.searchform input.searchsubmit {
	padding:0;
	width:25px;
	height:30px;
	right:0;
}
/* my notebook - home only */
#home-eyebrow a#home-notebook {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:100px;
	background:#8169b7;
}
#home-eyebrow a#home-notebook span {
	position:absolute;
	color:#fff;
	font-size:1.1rem;
	font-weight:600;
	top:49px;
	left:1px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=45);
}
#home-eyebrow a#home-notebook:after {
	content:'';
	display:block;
	width:0;
	height:0;
	border-left:100px solid transparent;
	border-top:100px solid #e6e7e8;
}
#home-eyebrow a#home-notebook:hover {
	background:#725ba4;
}
/* main page */
#home-primary {
	padding:20px 100px 20px 50px;
}
.page-head {
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 0 70px;
	background:url(assets/images/lhs-logo.png) no-repeat 0 7px;
}
.page-head h1 {
	margin:0 0 10px 0;
}
.page-head p.tagline {
	font-size:2.2rem;
	margin:0;
	line-height:1;
}
.page-head p.tagline br {
	display:none;
}
.page-head a.custom-edit {
	position:absolute;
	display:block;
	top:100px;
	left:-150px;
}

/*
	scrollbar (copied form plugin - do not update or alter)
	https://github.com/Grsmto/simplebar/releases/tag/v2.6.1
*/
[data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden!important;
    max-height: inherit;
    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}
[data-simplebar="init"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.simplebar-scroll-content {
    overflow-x: hidden!important;
    overflow-y: scroll;
    min-width: 100%!important;
    max-height: inherit!important;
    -webkit-box-sizing: content-box!important;
            box-sizing: content-box!important;
}
.simplebar-content {
    overflow-y: hidden!important;
    overflow-x: scroll;
    -webkit-box-sizing: border-box!important;
            box-sizing: border-box!important;
    min-height: 100%!important;
}
.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 11px;
}
.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}
.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.simplebar-track:hover .simplebar-scrollbar:before,
.simplebar-track .simplebar-scrollbar.visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear;
}
.simplebar-track.vertical {
    top: 0;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}
.simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px;
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}
.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* slider */
#acf-bxslider {
	width:73%;
	height:300px;
	float:left;
	margin-right:2%;
}
#acf-bxslider ul li {
	height:300px;
	background-repeat:			no-repeat;
	background-position:		center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#acf-bxslider ul li a {
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
#acf-bxslider ul li span {
	display:block;
	position:absolute;
	color:#fff;
}
#acf-bxslider ul li span.title {
	width:100%;
	top:7px;
	left:0px;
	line-height:1.1;
	font-size:5rem;
	font-weight:300;
	padding:5px 20px 0 20px;
}
#acf-bxslider ul li span.caption {
	width:60%;
	left:0;
	bottom:0px;
	font-size:3rem;
	font-weight:300;
	padding:0 20px 20px 20px;
	line-height:1.1;
}
#acf-bxslider ul li img.slide-img {
	opacity:0.4;
}
#acf-bxslider .bx-wrapper .bx-pager {
	text-align:right;
	padding:0 20px 0 0;
	bottom:20px;
}
#acf-bxslider .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent:100%;
	overflow:hidden;
	background:rgba(255,255,245,0.6);
}
#acf-bxslider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:rgba(255,255,245,0.9);
}
.home-row-1 .boxes-right {
	width:25%;
	float:left;
}
/* for all boxes */
a.home-box {
	display:block;
	width:23%;
	height:140px;
	float:left;
	color:#fff;
	margin-right:2%;
	padding:10px 10px 10px 15px;
	font-size:2.4rem;
	font-weight:500;
}
.home-row-1 a.home-box {
	width:100%;
}
.home-row-1 a.box-1 {
	background:#c96242;
	margin:0 0 20px 0;
}
.home-row-1 a.box-1:hover {
	background:#b95a3d;
}
.home-row-1 a.box-2 {
	background:#e08d19;
}
.home-row-1 a.box-2:hover {
	background:#cd8014;
}
/* row 2 */
.home-row-2 {
	margin:20px 0;
}
.home-row-2 a.box-3 {
	background:#8169b7;
}
.home-row-2 a.box-3:hover {
	background:#6c54a1;
}
.home-row-2 a.box-4 {
	background:#42826d;
}
.home-row-2 a.box-4:hover {
	background:#33715d;
}
.home-row-2 a.box-5 {
	background:#7e973b;
}
.home-row-2 a.box-5:hover {
	background:#6c8230;
}
.home-row-2 a.box-6 {
	background:#c59f2d;
	width:25%;
	margin-right:0;
}
.home-row-2 a.box-6:hover {
	background:#ad8b26;
}

.home-footer {
	border-top:8px solid #d2d3d5;
	padding:10px 0 0 0;
	font-size:1.4rem;
}
.home-footer a {
	font-weight:600;
	text-decoration:underline;
}
.home-footer a:hover {
	text-decoration:none;
}

/**
 *
 * USER - My Notebook
 *
 */
/* user not registered or logged in */
/* returning login */
#notebook-login {
	margin:0 0 30px 0;
}
#user-login {
	margin:0 0 30px 0;
}
#user-login #user-password {
	position:relative;
}
#user-login input[type="email"],
#user-login input[type="password"] {
	padding:12px 15px;
	background:#ececed;
	border:none;
	width:150px;
	font-size:1.4rem;
}
#user-login span.helper {
	position:absolute;
	width:250px;
	top:3px;
	left:190px;
	font-size:1.4rem;
	font-style:italic;
}
/* set up new account form */
#signup-form .col-2 {
	font-size:1.4rem;
}
#signup-form .col {
	width:50%;
	float:left;
}
#signup-form .col-1 {
	padding-right:50px;
}
#signup-form .col-1 input {
	padding:12px 5%;
	background:#ececed;
	border:none;
	width:90%;
	font-size:1.4rem;
}
#signup-form p.signup-password-note {
	font-size:1.4rem;
	font-style:italic;
}
#signup-form .col-2 {
	font-size:1.4rem;
}
#signup-form .col-2 p {
	position:relative;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
}
#signup-form .col-2 span.faux-input-wrap {
	position:absolute;
	top:0;
	left:0;
}
#signup-form .col-2 span.wpcf7-list-item {
	display:block;
	line-height:1.4;
	position:relative;
	margin:0 0 5px 0;
}
#signup-form .col-2 span.wpcf7-list-item input {
	position:absolute;
	left:0;
	top:3px;
}
#signup-form .col-2 .wpcf7-list-item-label {
	display:block;
	padding-left:20px;
}
#signup-form p.opt-in-newsletter {
	font-size:1.4rem;
}

/* logged in user notebook page */
ul.notebook-pages {
	margin:10px 0;
	padding:0;
}
ul.notebook-pages li {
	margin:0;
	padding:0 80px 0 0;
	list-style:none;
	line-height:1.4;
	position:relative;
	border-bottom:1px solid #606060;
}
ul.notebook-pages li:first-child {
	border-top:1px solid #606060;
}
ul.notebook-pages li a {
	display:inline-block;
	font-size:1.6rem;
	margin:0;
	padding:6px 0px 6px 0 !important;
	border-bottom:none !important;
}
ul.notebook-pages li a.icon {
	display:block;
	position:absolute;
	top:0px;
}
ul.notebook-pages li a.print {
	right:40px;
}
ul.notebook-pages li a.pdf {
	right:20px;
}
ul.notebook-pages li a.trash {
	font-size:1.8rem;
	top:-2px;
	right:0;
	-o-transition:		.0s;
	-ms-transition:		.0s;
	-moz-transition:	.0s;
	-webkit-transition:	.0s;
	transition:			.0s;
}
ul.notebook-pages li a.trash.deleting {
	width:20px;
	height:35px;
	background:url(assets/images/ajax-loader.gif) no-repeat right center;
}
ul.notebook-pages li a.trash.deleting i {
	display:none;
}

/* TEMP: hide PDF on my notebook page for now */
body.page-my-notebook ul.notebook-pages li a.pdf {

}

/* glossary page */
ul.glossary-nav {
	margin:0 0 20px 0;
	padding:0;
}
ul.glossary-nav li {
	display:block;
	background:#ececed;
	text-align:center;
	width:21px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	margin:0 0 3px 3px;
	padding:0;
	float:left;
	list-style:none;
	cursor:pointer;
}
ul.glossary-nav li[data-filter="all"] {
	width:45px;
}
ul.glossary-nav li:hover,
ul.glossary-nav li.mixitup-control-active {
	background:#555;
	color:#fff;
}

/* results */
.mix.term {
	display:inline-block;
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}
.mix.term dt {
	display:block;
	width:25%;
	padding:0 15px 0 0;
	float:left;
	font-weight:500;
}
.mix.term a.custom-edit {
	display:block;
	margin-top:5px;
	opacity:0.7;
	width:40px;
	text-align:center;
}
.mix.term dd {
	display:block;
	width:75%;
	float:left;
}

/**
 * ACT - Housing Policy Library House
 */
#hpl-house {
	position:relative;
	margin:0 0 25px 0;
	padding:95px 0 0 0;
}
#hpl-house a {
	display:block;
	font-size:1.6rem;
	text-align:center;
	color:#c96242 !important;
	background:#f7f7f8;
	font-weight:500;
	border-bottom:none !important;
}
#hpl-house a:hover {
	color:#fff !important;
	background:#c96242;
}
#hpl-house .roof {
	position:absolute;
	top:0;
	left:-40px;
	width:770px;
	height:108px;
	padding:33px 0 0 0;
	color:#6d6e70;
	text-align:center;
	text-transform:uppercase;
	font-size:2rem;
	font-weight:600;
	letter-spacing:1px;
	background:url(assets/images/policy-library-roof.png) no-repeat 0 bottom;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
#hpl-house .main-floor {
	position:relative;
	z-index:10;
	background:#f7f7f8;
	border-top:2px solid #d2d3d5;
	border-left:8px solid #d2d3d5;
	border-right:8px solid #d2d3d5;
}
#hpl-house .main-floor a {
	width:25%;
	height:140px;
	padding:20px 5px;
	float:left;
	border-right:2px solid #d2d3d5 !important;
}
#hpl-house .main-floor a.room-4 {
	border-right:none !important;
}
#hpl-house .foundation {
	border-top:2px solid #d2d3d5;
	border-right:8px solid #d2d3d5;
	border-left:8px solid #d2d3d5;
	border-bottom:8px solid #d2d3d5;
}
#hpl-house .foundation a {
	padding:10px 10px;
}

/* housing library sidebar house */
.sidebar-house {
	width:100%;
	position:relative;
	margin:0 0 20px 0;
	padding:19px 0 0 0;
}
.sidebar-house .roof {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:23px;
	color:#6d6e70;
	text-align:center;
	text-transform:uppercase;
	font-size:2rem;
	font-weight:600;
	letter-spacing:1px;
	background:url(assets/images/policy-library-roof.png) no-repeat 0 0;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
.sidebar-house .main-floor {
	position:relative;
	z-index:10;
	width:163px;
	padding:0 8px;
}
.sidebar-house a {
	display:block;
	width:25%;
	height:30px;
	padding:3px 0;
	line-height:1;
	float:left;
	text-align:center;
	color:#c96242;
	background:#f7f7f8;
	font-weight:500;
	border-top:2px solid #d2d3d5 !important;
	border-bottom:2px solid #d2d3d5 !important;
	border-left:2px solid #d2d3d5 !important;
}
.sidebar-house a.sec-4 {
	border-right:2px solid #d2d3d5 !important;
}
.sidebar-house a:hover {
	color:#fff !important;
	background:#c96242;
}
.sidebar-house.sec-1-active a.sec-1 {
	color:#fff !important;
	background:#c96242;
}
.sidebar-house.sec-2-active a.sec-2 {
	color:#fff !important;
	background:#c96242;
}
.sidebar-house.sec-3-active a.sec-3 {
	color:#fff !important;
	background:#c96242;
}
.sidebar-house.sec-4-active a.sec-4 {
	color:#fff !important;
	background:#c96242;
}

/* animated file area (list view) */
.container.list .mix {
	display:block;
	position:relative;
	margin:0 0 15px 0;
	padding:10px 0;
	border:none !important;
}
.container.list .mix span {
	display:block;
	position:relative;
}
.container.list .mix span.subject {
	font-size:1.6rem;
	margin:0 0 5px 0;
	font-weight:700;
}
.container.list .mix span.title {
	font-size:2.0rem;
}

/**
 *   Housing Strategy Self-Assessment Tool
 */

a.button.get-started,
a.button.get-started-short,
a.button.get-started-long {
	float:none;
	width:280px;
}

/* panel navigational progress bar */
#policy-panel-nav {
	font-size:1.5rem;
	font-weight:700;
	color:#e7bc4f;
	margin:53px 0 10px 0;
	padding:0 0 20px 0;
}
#policy-panel-nav #hsa-progress-bar {
	position:relative;
	width:100%;
	height:8px;
	background:#d2d3d5;
	overflow:hidden;
}
#policy-panel-nav #hsa-progress-bar span {
	display:block;
	float:left;
	/* width is calculated based on the number of questions */
	height:100%;
}
#policy-panel-nav #hsa-progress-bar span.complete {
	background:#c96242;
}
/* section titles */
.hsa-progress-section-titles {
	color:#d2d3d5;
	padding:5px 0 0 0;
}
.hsa-progress-section-titles span {
	display:inline-block;
}
.hsa-progress-section-titles span.section-title.completed-question {
	color:#c96242;
}
.hsa-progress-section-titles span.sep {
	padding:0 3px;
}
.hsa-progress-section-titles span.sep:last-of-type {
	display:none;
}

/* panels */
#policy-question-panels {
	position:relative;
	margin-left:-10px; /* to allow overflow out of the container for the checkmarks */
	padding-left:10px;
	overflow:hidden;
}
#policy-question-panels ul.panels {
	margin:0;
	padding:0;
}
#policy-question-panels ul.panels li.q-panel {
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #d2d3d5;
}
#policy-question-panels ul.panels li.q-panel .question {
	font-weight:600;
	letter-spacing:.2px;
	line-height:1.5;
	margin:0 0 15px 0;
}
#policy-question-panels ul.panels li.q-panel .response {
	position:relative;
	line-height:1.5;
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
}
/* layout the radios for range 0-10 horizontally to save space */
#policy-question-panels ul.panels li.q-panel .horizontal-radios .response {
	width:9%;
	float:left;
}
#policy-question-panels ul.panels li.q-panel .horizontal-radios .response .col-1 {
	width:35%;
}
#policy-question-panels ul.panels li.q-panel .horizontal-radios .response .col-2 {
	width:65%;
}
#policy-question-panels ul.panels li.q-panel .response .col-1 {
	width:20px;
	position:absolute;
}
#policy-question-panels ul.panels li.q-panel .response .col-2 {
	padding-left:20px;
}
#policy-question-panels ul.panels li.q-panel input[type="text"] {
	font-size:1.6rem;
}

#policy-question-panels ul.panels li.q-panel .help-text {
	margin-top:25px;
}

/* category responses */
#policy-question-panels ul.panels li.q-panel .category-response {
	padding-bottom:10px;
}
#policy-question-panels ul.panels li.q-panel .category-response .response {
	float:left;
	width:35%;
}
#policy-question-panels ul.panels li.q-panel .category-response .response:nth-child(2) {
	width:30%;
}
#policy-question-panels ul.panels li.q-panel .category-response .response .col-2 {
	padding-left:5px;
	font-size:1.5rem;
}

/* panel controls */
#assessment-ctrls #policy-panel-ctrls {
	width:50%;
	float:left;
	overflow:hidden;
	padding:10px 0 0 0;
}
#assessment-ctrls #policy-panel-ctrls a {
	float:left;
	color:#555;
	margin:0 10px 0 0;
	display:inline-block;
	font-size:1.4rem;
	line-height:24px;
	border:none !important;
}
#assessment-ctrls #policy-panel-ctrls a:before {
	content:'';
	width:0;
	height:0;
	display:inline-block;
	margin:0 3px 0 0;
}
#assessment-ctrls #policy-panel-ctrls a.next:before {
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-top:		10px solid #c96242;
}
#assessment-ctrls #policy-panel-ctrls a.prev {
	display:none;
}
#assessment-ctrls #policy-panel-ctrls a.prev:before {
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-bottom:	10px solid #c96242;
}
#assessment-ctrls .assessment-submit {
	/*display:none;*/
	width:50%;
	float:right;
	margin:15px 0 0 0;
}
#assessment-ctrls .assessment-submit input.button {
	float:right;
	background:#c96242;
}
#assessment-ctrls .assessment-submit input.button.disabled {
	display:none;
}

#assessment-save-as-pdf-form {
	margin:0 0 20px 0;
}

/**
 * Comparable Cities Tool
 */

/* intro panel visible on page load */
#cities-tool-intro {
	display:block;
}
#pre-config-panel {
	position:relative;
	padding:10px 0 0 0;
	overflow:hidden;
	border-top:8px solid #d2d3d5;
}
#pre-config-panel h6 {
	color:#e08d19;
	margin-top:0 !important;
}
#pre-config-panel .choose-city {
	position:relative;
	width:30%;
	float:left;
	padding-top:2px;
}
#pre-config-panel .choose-city a#city-pre-config-apply.button {
	position:absolute;
	float:none;
	width:120px;
	top:233px;
}
#pre-config-panel .choose-city a {
	font-size:1.4rem;
	font-weight:700;
	border:none !important;
}

/* cities panel */
#cities-list {
	position:absolute;
	width:100%;
	top:-400px;
	left:0;
	background:#fff;
	padding:20px 20px 20px 0px;
}
#cities-list ul {
	margin:0;
	padding:0 20px 0 0;	width:50%;
	float:left;
}
#cities-list ul li {
	margin:0 0 3px 0;
	padding:0;
	list-style:none;
	font-size:1.4rem;
}
#cities-list ul li.metro {
	font-weight:700;
}
#cities-list ul li a {
	border:none !important;
}
#cities-list a.close {
	display:block;
	position:absolute;
	top:4px;
	right:20px;
	width:50px;
	text-align:right;
	color:#ccc;
	font-size:4rem;
	border:none !important;
}

/* indicators - these apply to pre-config and intool indicators */
.indicators ul {
	width:50%;
	float:left;
	padding-right:40px;
}
.indicators ul li {
	position:relative;
	line-height:1.3;
	margin:0;
	padding:5px 0 0 21px;
	list-style:none;
	display:block;
	font-size:1.4rem;
	font-weight:600;
}
.indicators ul li.heading {
	padding-left:0;
}
.indicators ul li span.faux-input-wrap {
	width:20px;
	display:block;
	position:absolute;
	left:0;
	top:3px;
}
.indicators span.faux-input-wrap.checkbox span.overlay span.faux-input.checked:after,
.indicators span.faux-input-wrap.radio span.overlay span.faux-input.checked:after {
	font-size:2rem;
	top:-8px;
	left:-3px;
}
.indicators ul li h4 {
	margin-top:0;
}
.indicators ul li span.checkbox:after {
	font-size:2rem;
	top:-8px;
	left:-4px;
}
.indicators ul li a {
	border:none;
}
/* pre-config */
#pre-config-panel .indicators {
	width:70%;
	float:left;
	padding-top:2px;
}
/* in tool specific */
#indicators-intool {
	display:none;
}
#indicators-intool.indicators ul li {
	font-weight:400;
}
#indicators-intool.indicators ul:nth-child(1) {
	width:45%;
}
#indicators-intool.indicators ul:nth-child(2) {
	width:55%;
}
#indicators-intool.indicators ul li span.val {
	color:#e08d19;
}

/* map area tools */
#cct-wrap {
	display:none;
}

/* map heading */
.cct-head {
	display:none;
	border-bottom:8px solid #d2d3d5;
}
.cct-head h2 {
	color:#e1e1e1 !important;
	margin:0 0 9px 0 !important;
}
.cct-head h2 a {
	color:#e1e1e1;
	cursor:pointer;
	border:none !important;
}
.cct-head h2 a.active,
.cct-head h2 a:hover {
	color:#888888 !important;
}

/* toggle between map and list views */
#map-list-toggle {
	position:absolute;
	z-index:100;
	width:100px;
	top:10px;
	right:0;
	text-align:right;
}
#map-list-toggle a {
	border:none;
	height:25px;
	display:inline-block;
	margin-left:15px;
	opacity:0.7;
}
#map-list-toggle a.map:hover {
	opacity:0.6;
	color:#606060 !important;
}
#map-list-toggle a.map {
	width:39px;
	opacity:0.4;
	background:url(assets/images/map-icon.png) no-repeat 0 0;
}
#map-list-toggle a.list {
	position:relative;
	font-size:2.2rem;
	top:-5px;
}
#map-list-toggle a.list:hover {
	opacity:0.9;
	color:#606060 !important;
}

/* tool area */
#cct-wrap {
	position:relative;
	margin:20;
	padding:20px 0 0 0;
	/*border-top:8px solid #d2d3d5;*/
}

/* viewport for actions */
#main-viewport {
	position:relative;
	overflow:hidden;
}
#main-viewport img.comp-cities-map {

}

/* hide metros on page load */
#main-viewport #metros-viewport {
	display:none;
}
#list-viewport {
	display:none;
	width:75%;
	float:left;
	padding-top:30px;
}
#list-viewport ul {
	margin:0;
	padding:0;
}
#list-viewport ul li {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

/* cities dots -
   markers are positioned so that they are always centered on the universal location
*/
a.marker.base-city {
	position:relative;
}
a.marker.base-city:after {
	content:'\f005';
	font-family:FontAwesome;
	position:absolute;
	left:4px;
	top:0px;
	display:block;
	color:#fff;
	position:relative;
	font-size:1rem;
}

#cities-viewport a {
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	line-height:16px;
	margin:-8px 0 0 -8px;
	background:rgba(224,141,25,0.5);
	border:none !important;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#cities-viewport a.base-city {
	background:#e08d19;
}

/* metros dots */
#metros-viewport a {
	position:absolute;
	width:24px;
	height:24px;
	margin:-12px 0 0 -12px;
	background:rgba(224,141,25,0.3);
	cursor:pointer;
	border:none !important;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#metros-viewport a.marker:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-3px 0 0 -3px;
	width:6px;
	height:6px;
	background:#e08d19;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#metros-viewport a.marker.base-city:after {
	left:8px;
	top:7px;
}
#metros-viewport a.base-city {
	background:rgba(224,141,25,0.7);
}

/* universal city/metro placement (markers are centered off this point) */
a.marker[data-city="seattle"] {
	top:7%;
	left:7%;
}
a.marker[data-city="chicago"] {
	top:37%;
	left:65%;
}
a.marker[data-city="losangeles"] {
	top:68%;
	left:15%;
}

/* question and answers panels */
#indicator-qa-panels .qa-panel {
	position:absolute;
	z-index:500;
	width:100%;
	height:400px; /* matches #cities-metro-viewport height */
	top:-400px;
	left:0;
	padding:0 0 0 5px;
	background:#fff;
}
#indicator-qa-panels .qa-panel ul {
	margin:20px 0 0 0;
	padding:0;
}
#indicator-qa-panels .qa-panel ul li {
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 22px;
	list-style:none;
	line-height:1.5;
}
#indicator-qa-panels .qa-panel ul li span.checkbox {
	top:7px;
	margin-right:10px;
}
#indicator-qa-panels .qa-panel ul li span.checkbox:after {
	top:-14px;
}
#indicator-qa-panels .qa-panel a.apply-answer {
	color:#606060;
	border:none;
	padding:0;
}
#indicator-qa-panels .qa-panel a.apply-answer:before {
	content:'';
	display:inline-block;
	width:0;
	height:0;
	margin:0 3px 0 0;
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-left:	10px solid #e08d19;
}

/* tool tips */
#main-viewport .loc-tooltip {
	display:none;
	position:absolute;
	z-index:100;
	top:50px;
	left:150px;
	width:400px;
	padding:20px;
	color:#fff;
	background:rgba(224,141,25,0.8);
}
#main-viewport .loc-tooltip h3 {
	margin:0 0 10px 0 !important;
	color:#fff !important;
}
#main-viewport .loc-tooltip a.close {
	display:block;
	color:#fff;
	font-size:4rem;
	border:none !important;
}
#main-viewport .loc-tooltip a.close:hover {
	color:#fff !important;
}

/* data table of comp cities */
.indicator-groups {
	position:relative;
}
.indicator-groups ul {
	margin:0;
	padding:0;
}
.indicator-groups ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.indicator-groups ul li a {
	display:block;
	border-top:1px solid #e7e7e8 !important;
	border-right:1px solid #e7e7e8 !important;
	border-left:1px solid #e7e7e8 !important;
	border-bottom:1px solid #f6f6f6 !important;
	padding:5px 15px !important;
	color:#606060;
	font-size:1.6rem;
	font-weight:500;
	background:#f6f6f6;
}
.indicator-groups ul li a.active {
	color:#fff;
	background:#e08d19;
}
.indicator-groups ul li a.active:hover {
	color:#fff !important;
}
.indicator-groups ul li a.active:hover {
	color:#fff;
}
.indicator-groups a#download-city-report {
	display:block;
	position:absolute;
	width:180px;
	right:0;
	bottom:4px;
	color:#fff;
	font-size:1.6rem;
	padding:5px 0;
	font-weight:600;
	text-align:center;
	background:#e08d19;
}
.indicator-groups a#download-city-report:hover {
	color:#fff !important;
}

/* results data table */
#cities-table {
	display:none;
	margin-top:50px;
	position:relative;
}
#cities-table table.comp-cities-data-table {
	width:100%;
	border:none;
}
#cities-table table.comp-cities-data-table td {
	padding:5px;
	font-size:1.4rem;
}
#cities-table table.comp-cities-data-table tr.base-city td {
	color:#e08d19;
}
#cities-table table.comp-cities-data-table th {
	padding:5px;
	font-size:1.4rem;
	font-weight:600;
	line-height:1.3;
	background:#f6f6f6;
	color:#555;
}

/* my notebook page */
ul.notebook-items {
	margin:0;
	padding:0;
}
ul.notebook-items li {
	margin:0;
	padding:3px 0;
	border-top:1px solid #333;
	list-style:none;
}
ul.notebook-items li:last-child {
	border-bottom:1px solid #333;
}
ul.notebook-items li a.page-link {
	display:inline-block;
	margin-left:10px;
}
ul.notebook-items li a {
	border-bottom:none !important;
}

#print-pages .pdfg-content {

}
#print-pages .acc-content {
	display:block !important;
}

/* ================= global element styling ================= */

/* custom edit buttons are basic block level then default positioned in each CSS situation */
a.custom-edit {
	display:inline-block;
	background:#bb001d;
	color:#fff;
	padding:1px 4px;
	font-size:1rem;
	text-transform:uppercase;
	border-bottom:none !important;
}
a.custom-edit:hover {
	color:#fff;
	background:#444;
}

/**
 * page bottom elements
 */

/* accordion additional resources */
#additional-resources {
	border-top:8px solid #d2d3d5;
	margin:40px 0 20px 0;
}
#additional-resources h6 {
	font-size:1.4rem;
	margin:0 !important;
	padding:7px 0;
}

/* feedback form on all pages at bottom */
#feedback-form .form-wrap {
	display:none;
}
#feedback-form .form-wrap p {
	margin:0;
	overflow:hidden;
}
div.wpcf7-response-output {
	margin:0;
	border:1px solid #d2d3d5 !important;
}
div.wpcf7 .ajax-loader {
	position:absolute;
}

/* social sharing */
.social-share a {
	display:inline-block;
	margin-right:10px;
	border-bottom:none !important;
	font-size:1.9rem;
}

/* icons */
span.paper-icon {
	display:block;
	position:relative;
	display:inline-block;
	width:70px;
	height:90px;
	overflow:hidden;
	margin:0 0 10px 0;
	background:#f3f3f4;
}
span.paper-icon:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:0;
	right:0;
	border-bottom:25px solid #dcdcde;
	border-right:25px solid #fff;
}

/* after content house icon */
a.content-icon {
	display:block;
	height:24px;
  	width:24px;
  	overflow:hidden;
  	margin:0 0 5px 0;
  	background:#bbb;
 	border-top-left-radius:12px;
  	border-top-right-radius:12px 22px;
  	border-bottom-right-radius:0px;
  	border-bottom-left-radius:22px 12px;
  	transform: rotate(45deg);
  	border-bottom:none !important;
}
a.content-icon:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:url(assets/images/icon-home.png) no-repeat 4px center;
	background-size:15px auto;
	transform: rotate(-45deg);
}

/* tooltips */
span.tooltip {
	display:inline-block;
	position:relative;
	padding:0 0 0px 0;
}
span.tooltip-panel {
	display:none;
	position:absolute;
	z-index:500;
	width:200px;
	top:-23px;
	left:100%;
	margin-left:12px;
	padding:20px;
	background:#606060;
	color:#fff;
	font-size:1.4rem;
	line-height:1.3;
	box-shadow:10px 10px 20px rgba(0,0,0,0.4);
}
span.tooltip-panel:before {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:28px;
	left:-10px;
	border-top:		10px solid transparent;
	border-bottom:	10px solid transparent;
	border-right:	10px solid #606060;
	color:#fff;
}

/**
 * all fake input types
 */

/* checkbox */
.faux-input-wrap {
	position:relative;
}
span.faux-input-wrap.checkbox span.overlay,
span.faux-input-wrap.radio span.overlay {
	display:block;
	position:absolute;
	width:20px;
	height:100%;
	z-index:50;
	top:0;
	left:0;
	background:#fff;
	cursor:pointer;
}
span.faux-input-wrap span.overlay span.faux-input {
	display:block;
	position:absolute;
	top:5px;
	left:0;
	width:12px;
	height:12px;
	border:1px solid #606060;
	cursor:pointer;
}
span.faux-input-wrap.checkbox span.overlay span.faux-input.checked:after,
span.faux-input-wrap.radio span.overlay span.faux-input.checked:after {
	content:'\f00c';
	display:block;
	font-family:FontAwesome;
	position:absolute;
	top:-13px;
	left:-7px;
	color:#606060;
	font-size:2.8rem;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
}
span.faux-input-wrap.checkbox input,
span.faux-input-wrap.radio input {
	margin:0;
	padding:0;
}

/* radio button */
/*
span.radio {
	display:inline-block;
	position:relative;
	top:7px;
	vertical-align:top;
	width:12px;
	height:12px;
	margin-right:6px;
	border:1px solid #606060;
	cursor:pointer;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius:			6px;
	-khtml-border-radius:	6px;
}
span.radio.checked:after {
	content:'';
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	background:#606060;
	width:8px;
	height:8px;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	-khtml-border-radius:	4px;
}
*/

/* select */
div.select-wrap {
	position:relative;
	width:190px;
	margin:0 0 20px 0;
}
div.input.select {
	position:relative;
	width:100%;
	height:24px;
	display:block;
	margin:0;
	padding:3px 10px;
	background:#f1f1f1;
	color:#606060;
	font-size:1.4rem;
	font-weight:600;
	cursor:pointer;
}
div.input.select span.toggle {
	display:block;
	position:absolute;
	width:24px;
	height:100%;
	top:0;
	right:0;
	background:#d2d3d5;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
div.input.select span.toggle:after {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:8px;
	left:6px;
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-top:		10px solid #606060;
}
div.input.select span.toggle:hover {
	background:#bcbcbc;
}
div.select-wrap ul {
	display:none;
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	border-top:1px solid #d2d3d5;
}
div.select-wrap ul li {
	margin:0;
	padding:3px 10px;
	list-style:none;
	background:#f1f1f1;
	font-size:1.4rem;
	cursor:pointer;
}
div.select-wrap ul li:hover {
	background:#e5e5e5;
}

/* paper item */
.paper {
	position:relative;
	display:block;
	float:left;
	width:21%;
	height:200px;
	overflow:hidden;
	margin:1% 3% 2% 0;
	padding:10px;
	background:#f3f3f4;
}
.paper:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:0;
	right:0;
	border-bottom:35px solid #dcdcde;
	border-right:35px solid #fff;
}
.paper span {
	display:block;
	position:relative;
}
.paper span.subject {
	font-size:1.4rem;
	font-weight:700;
}
.paper span.title {
	position:absolute;
	width:87%;
	left:10px;
	bottom:10px;
	font-size:1.6rem;
}

/**
 * accordions
 */
.accordion-section.last {
	/* .last class added with js */
	margin-bottom:20px;
	border-bottom:1px solid #606060;
}
.acc-handle {
	cursor:pointer;
	position:relative;
	margin:0;
	padding:0px 30px 0px 0;
}
h3.acc-handle,
h4.acc-handle.bigtop {
	margin:0px 0 0 0 !important;
	padding-top:10px;
	padding-bottom:10px;
	font-size:2.1rem;
	border-top:1px solid #606060;
	font-weight:600;
}
h3.acc-handle.bigtop,
h4.acc-handle.bigtop {
	padding-top:10px;
}
h4.acc-handle {
	font-size:1.8rem;
	font-weight:500;
	color:#606060;
	margin:0 !important;
	padding-top:5px;
	padding-bottom:6px;
	letter-spacing:0;
	border-top:1px solid #606060;
}
.acc-handle:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	top:20px;
	right:0;
	border-left:	10px solid transparent;
	border-right:	10px solid transparent;
}
h3.acc-handle.bigtop:after,
h4.acc-handle.bigtop:after {
	top:17px;
}
h4.acc-handle:after {
	top:10px;
}
.acc-handle.closed:after {
	border-top:		10px solid #dcdcde;
}
.acc-handle.open:after {
	border-bottom:	10px solid #dcdcde;
}
.acc-handle.open + .acc-content {
	display:block;
}
/* content panel */
.acc-content {
	padding:0 0px 0px 0;
	line-height:1.5;
}
/*
.acc-content p:last-child {
	margin:0;
}
*/

.papers a {
	position:relative;
	display:block;
}
/* paper tiles when used in accordions */
.papers.tiles br,
.papers.list br {
	display:none;
}
.papers.tiles {
	padding:0 0 10px 0;
}
.papers.tiles a {
	float:left;
	overflow:hidden;
	width:105px;
	height:155px;
	margin:1% 3% 2% 0;
	padding:10px;
	line-height:1.4;
	background:#f3f3f4;
	border:none !important;
}
.papers.tiles a:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	border-bottom:25px solid #dcdcde;
	border-right:25px solid #fff;
}
.papers.tiles.cols-5 a {
	width:18%;
	height:155px;
	margin:1% 2.5% 1.5% 0;
	font-size:1.4rem;
	padding:30px 10px 5px 10px;
}
.papers.tiles.cols-5 a:nth-of-type(5n) {
	margin-right:0;
}
.papers.tiles p {
	margin:0;
}
/* paper list item when used in accordions */
.papers.list a {
	float:none;
	margin:0;
	padding:6px 0 !important;
	list-style:none;
	font-size:1.6rem;
	border:none !important;
	border-top:1px solid #606060 !important;
}
/* for use on the notebook page */
.notebook-items a span.type {
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	width:110px;
	font-size:1.2rem;
	font-weight:700;
}
.notebook-items a span.title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px;
	font-size:1.4rem;
}

/* ======================= Theme helpers ======================= */
.hidden {
	display:none;
}
br.clear {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0
}
.dont-break-out {
	/* this will contain long strings (like URLs) from exiting their container */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
/* rounded corners */
.rounded {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
}
/* arrows */
.arrow {
	display:inline-block;
	margin:0 0 0 5px;
	width:0;
	height:0;
}
.arrow.up {
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-bottom:	10px solid #3f3e40;
}
.arrow.down {
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-top:		10px solid #3f3e40;
}
.arrow.right {
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-left:	10px solid #3f3e40;
}
.arrow.left {
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-right:	10px solid #3f3e40;
}
/* multi-column lists */
ul.col-2 {
	width:100%;
	overflow:hidden;
}
ul.col-2 li	{
	width:40%;
	float:left;
	margin:5px 0 0px 30px;
}
ul.col-3 {
	width:100%;
	overflow:hidden;
}
ul.col-3 li	{
	width:33%;
	float:left;
	margin:5px 0 5px 30px;
}
/* responsive maps */
.mapwrap {
	position:relative;
	padding-bottom: 75%;
	height:0;
	overflow:hidden;
}
.mapwrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	max-width:100%;
	margin:0 0 20px 0;
}
.wp-caption img {
	display:block;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Plugin Styling ======================= */
/* video lightbox */
.wpvl_auto_thumb_box .wpvl_auto_thumb_play {
	display:none;
}
.wpvl_auto_thumb_box:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	margin-top:-15px;
	left:50%;
	margin-left:-8px;
	border-top:16px solid transparent;
	border-bottom:16px solid transparent;
	border-left:22px solid rgba(255,255,255,0.85);
}
/* boxzilla popup */
.boxzilla-content form {
	overflow:hidden;
	margin:0 0 15px 0;
}
.boxzilla-content input[type="text"],
.boxzilla-content input[type="email"] {
	width:97%;
}

/* ======================= Theme custom short codes ======================= */
/* icons that have hover effect */
a.hover-icon {
	display:block;
	margin:0;
}
a.hover-icon {
	position:relative;
	width:75px;
	overflow:hidden;
	height:auto;
	display:block;
	border-bottom:none !important;
}
a.hover-icon img {
	display:block;
}
a.hover-icon img.hover {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
a.hover-icon:hover img.hover {
	opacity:1;
}
a.hover-icon:hover img.visible {
	opacity:0;
}
a.hover-icon + h4 {
	margin-top:5px !important;
}
/* callouts */
.callout {
	margin:30px 0 10px 0;
	padding:12px 0 15px 0;
	border-top:8px solid #d2d3d5;
	border-bottom:8px solid #d2d3d5;
}
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
	margin-top:0 !important;
}
.callout p:last-child {
	margin-bottom:0;
}
.callout p:empty {
	display:none;
}
.deck,
.deck p {
	line-height:1.5;
	font-weight:300;
	margin:0 0 20px 0;
}
.deck.long {
	font-size:2.1rem;
	color:#505050;
}
.deck.short {
	font-size:2.2rem;
	font-weight:600;
	letter-spacing:.3px;
}
.highlight {
	display:inline;
	background:#fff23c;
}
.highlight {
	color:#444;
}
a.highlight {
	border-bottom:none;
}
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#c96242;
}
.fpo {
	background:#e6e6e6;
	margin:0 0 10px 0;
}
.fpo span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#bbb;
	font-size:150%;
}


/* MOBILE */

/* mobile drop down nav menu */
#mobi-menu-drop {
	display:none;
	position:absolute;
	z-index:1000;
	width:100%;
	top:0;
	padding:60px 20px 20px 20px;
	background:url(assets/images/mobile-dropdown-2-bg.png) no-repeat right bottom;
}
#mobi-menu-drop ul {
	margin:0;
	padding:0;
}
#mobi-menu-drop ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#mobi-menu-drop ul li a {
	display:block;
	color:#404040;
	font-weight:500;
	font-size:1.6rem;
	padding:6px 0;
	border-top:1px solid #a8a9ad;
}
#mobi-menu-drop ul li:nth-last-child(-n+3) {
	padding-right:118px;
}
#mobi-menu-drop .top .col ul {
	padding-bottom:20px;
}
#mobi-menu-drop .top .col ul li a {
	font-weight:600;
	font-size:2.5rem;
	padding:3px 0;
	border-bottom:1px solid #e7e7e8;
}
#mobi-menu-drop .top .col ul li:last-child a {
	padding-bottom:5px;
	border-bottom:8px solid #d2d3d5;
}
#mobi-menu-drop .bottom {
	position:relative;
	padding:10px 0 0 0;
}
#mobi-menu-drop a.notebook {
	position:absolute;
	width:140px;
	height:140px;
	right:0px;
	bottom:0px;
	color:#fff;
}
#mobi-menu-drop a.notebook span {
	position:absolute;
	color:#fff;
	font-size:1.4rem;
	font-weight:600;
	top:25px;
	left:0px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-45);
}

/* mobile search drop down */
#mobile-search {
	display:none;
	position:absolute;
	z-index:1000;
	width:100%;
	top:0;
	border-top:8px solid #d2d3d5;
	padding:15px 20px 25px 20px;
	background:#f5f7f6;
}
#mobile-search p {
	margin:0 0 5px 0;
}
#mobile-search input[type="text"] {
	width:80%;
	margin:0;
	padding:0 20px;
	height:32px;
	line-height:32px;
	display:inline-block;
	background:#fff;
}
#mobile-search button.submit {
	width:40px;
	height:32px;
	display:inline-block;
	margin-left:0px;
	font-size:2rem;
	border:none;
	background:none;
	cursor:pointer;
}
#mobile-search button.submit i.fa {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/* mobile sharing drop down */
#mobile-share {
	display:none;
	position:absolute;
	z-index:1000;
	width:100%;
	top:0;
	border-top:8px solid #d2d3d5;
	padding:15px 20px 25px 20px;
	background:#f5f7f6;
}
#mobile-share p {
	margin:0 0 5px 0;
}

a.mobi-close {
	display:block;
	position:absolute;
	z-index:10;
	top:12px;
	right:20px;
	font-size:3rem;
	font-weight:500;
}


@media only screen and (max-width: 1220px) {
	#page-wrap {
		width:100%;
		position:relative;
	}
	#secondary-left {
		width:260px;
		position:absolute;
		top:0;
		left:0;
		float:none;
		padding-left:20px;
		padding-right:40px;
	}
	#primary {
		width:100%;
		float:none;
		padding:0 168px 0 260px;
	}
	#secondary {
		width:168px;
		position:absolute;
		top:0;
		right:0;
		float:none;
	}
	#footer .pagewidth {
		width:100%;
		padding:0 20px;
	}
	#sticky-footer {
		left:0;
		margin-left:258px;
		width:60%;
	}
	#hpl-house {
		padding-top:0;
	}
	#hpl-house a br {
		display:none;
	}
	#hpl-house .roof {
		position:relative;
		top:0;
		left:0px;
		width:100%;
		font-size:1.8rem;
		height:100px;
		padding:40px 0 0 0;
	}
	#hpl-house .main-floor {
		margin:-9px 4% 0 4%;
	}
	#hpl-house .main-floor a {
		height:160px;
		padding:15px;
	}
	#hpl-house .foundation {
		margin:0 4%;
	}
	#hpl-house .foundation a {
		padding:15px;
	}
}

@media only screen and (max-width: 1100px) {
	#secondary-left {
		width:240px;
	}
	#primary {
		padding:0 168px 0 260px;
	}
	#sticky-footer {
		width:55%;
	}
	#hpl-house a {
		font-size:1.8rem;
	}
	#hpl-house .roof {
		padding:0;
		z-index:100;
		font-size:2rem;
	}
	#hpl-house .roof span {
		position:absolute;
		width:100%;
		top:65px;
		left:0;
	}
	#hpl-house .main-floor {
		padding-top:40px;
		border-top:none;
	}
	#hpl-house .main-floor a {
		width:100%;
		height:auto;
		float:none;
		border-right:none !important;
		border-top:1px solid #d2d3d5 !important;
	}
	#hpl-house .main-floor a.room-4 {
		border-bottom:none !important;
	}
}

@media only screen and (max-width: 1100px) {
	#notebook a {
		font-size:1.4rem;
	}
}

@media only screen and (max-width: 1000px) {
	#footer .col-1 a:last-of-type:after {
		content:"\A";
  		white-space: pre;
	}
	/**
	 * HOME
	 */
	#home-eyebrow {
		padding-left:20px;
	}
	#home-primary {
		padding:20px 20px 20px 20px;
	}
	#hpl-house .main-floor {
		border-left:6px solid #d2d3d5;
		border-right:6px solid #d2d3d5;
	}
	#hpl-house .foundation {
		border-top-width:1px;
		border-bottom-width:6px;
		border-left-width:6px;
		border-right-width:6px;
	}
}

@media only screen and (max-width: 900px) {
	.global-dropdowns {
		width:100%;
		left:0;
		margin-left:0;
	}
	#secondary-left {
		position:static;
		width:100%;
		float:none;
		padding:0;
		border-top:none;
	}
	#secondary-left .inner {
		padding:0;
		border-top:none;
		max-width:100%;
	}
	#secondary-left #logo {
		padding:15px 0px 10px 0px;
		border-bottom:8px solid #d2d3d5;
	}
	#secondary-left #logo .inner {
		padding:0 20px;
	}
	#secondary-left #logo a.logo {
		display:block;
		font-size:2.4rem;
		line-height:1;
		margin-bottom:3px;
		padding-left:20px;
	}
	#secondary-left #logo span.tagline {
		padding-left:20px;
	}
	#secondary-left #logo span.tagline br,
	#secondary-left ul#nav,
	#secondary-left .start-here,
	#eyebrow,
	#notebook,
	#social-sharing,
	.after-menu {
		display:none;
	}
	#breadcrumbs {
		padding-top:0;
	}
	#user-actions {
		margin:0 0 15px 0;
	}
	#primary {
		width:100%;
		float:none;
		padding:0px 20px 30px 20px;
	}
	#primary .entry-content {
		padding-right:0;
	}
	#breadcrumbs {
		height:auto;
	}
	#secondary-left #logo ul#mobile-action-menu {
		display:block;
	}
	ul.mobile-sub-pages {
		display:block;
	}
	#secondary {
		position:static;
		width:100%;
		float:none;
		border-top:8px solid #d2d3d5;
		padding:20px 20px 30px 20px;
	}
	.pagetop-wrap {
		height:auto;
	}
	h1.entry-title {
		font-size:3.6rem;
	}
	h2 {
		font-size:2.8rem;
		line-height:1;
		margin-bottom:5px;
	}
	.deck.short {
		line-height:1.2;
	}
	.deck.long {
		line-height:1.3;
	}
	#secondary .widget p {
		line-height:1.3;
	}
	#acf-bxslider ul li span.title {
		font-size:4rem;
	}
	#acf-bxslider ul li span.caption {
		font-size:2.4rem;
	}
	a.home-box {
		font-size:2rem;
	}
	#hpl-house .roof {
		height:120px;
	}
	#hpl-house .main-floor {
		margin-top:-12px;
	}
	#sticky-footer {
		width:100%;
		left:0;
		margin-left:0;
	}
}

@media only screen and (max-width: 800px) {
	.page-head {
		background-size:28px auto;
		padding-left:40px;
	}
}

@media only screen and (max-width: 767px) {
	.citybg {
		-webkit-background-size: 	1500px auto;
	  	-moz-background-size: 		1500px auto;
	  	-o-background-size: 		1500px auto;
	  	background-size: 			1500px auto;
	}
	.alignleft {
		float:none;
		margin:0;
	}
	.alignright {
		float:none;
		margin:0;
	}
	.wp-caption	{
		max-width:100%;
	}
	.wp-caption.alignleft {
		margin:15px 0;
	}
	.wp-caption.alignright {
		margin:15px 0;
	}
	img.alignright {
		margin:0 0 15px 0;
	}
	img.alignleft {
		margin:0 0 15px 0;
	}
	/* multi-column lists */
	ul.col-2,
	ul.col-3 {
		width:100%;
		margin:0 0 20px 0;
		padding:0 0 0 30px;
	}
	ul.col-2 li,
	ul.col-3 li	{
		width:100%;
		float:none;
		margin:0;
	}
	/**
	 * HOME
	 */
	body.home .page-head h1 {
		padding-right:100px;
	}
	#acf-bxslider {
		width:100%;
		height:300px;
		float:none;
		margin:0 0 20px 0;
	}
	.page-head {
		margin:0 0 25px 0;
	}
	.page-head p.tagline {
		padding-top:5px;
	}
	.page-head p.tagline br {
		display:block;
		line-height:1.2;
	}
	.home-row-1 .boxes-right {
		width:auto;
		float:none;
	}
	.home-row-2 {
		margin:0;
	}
	a.home-box {
		width:48.5% !important;
		margin-right:3% !important;
		margin-bottom:3% !important;;
	}
	a.home-box.box-2,
	a.home-box.box-4,
	a.home-box.box-6 {
		margin-right:0 !important;
	}
}

@media only screen and (max-width: 700px) {
	#home-eyebrow form {
		width:180px;
	}
	a.home-box {
		font-size:2.4rem;
	}
	#hpl-house .roof {
		height:100px;
	}
}

@media only screen and (max-width: 650px) {
	#hpl-house .main-floor {
		margin-top:-9px;
	}
}

@media only screen and (max-width: 600px) {
	.global-dropdowns .col {
		width:100%;
		float:none;
	}
	.global-dropdowns .col.col-1 {
		padding:0;
	}
	#mobile-search input[type="text"] {
		width:60%;
	}
	/* home */
	#home-eyebrow a#home-notebook,
	#home-eyebrow form {
		display:none;
	}
	#home-mobile-menu {
		display:block;
	}
	#home-primary {
		padding-top:10px;
	}
	body.home .page-head h1 {
		font-size:3.8rem;
	}
	body.home .page-head p.tagline {
		font-size:1.8rem;
	}
	body.home .page-head {
		margin-bottom:20px;
	}
	#acf-bxslider {
		display:none;
	}
	#hpl-house .main-floor,
	#hpl-house  .foundation {
		margin-right:15px;
		margin-left:15px;
	}
	#sticky-footer.cols-2 .col {
		width:100%;
		float:none;
	}
	#sticky-footer.cols-3 .col {
		width:100%;
		float:none;
	}
	#sticky-footer.cols-4 .col {
		width:100%;
		float:none;
	}
}

@media only screen and (max-width: 550px) {
	.page-head {
		background-position:0 3px;
	}
	.global-dropdowns {
		padding-top:60px;
	}
	.global-dropdowns a.close {
		top:17px;
		right:0;
		left:50%;
		margin-left:-25px;
		width:50px;
	}
	.mix.term a.custom-edit {
		display:none;
	}
	.mix.term dt {
		width:100%;
		padding:0 0 15px 0;
		float:none;
	}
	.mix.term dd {
		width:100%;
		float:none;
	}
	#footer .col-1 {
		float:none;
		width:100%;
		font-size:1.3rem;
		margin:0 0 30px 0;
		text-align:center;
	}
	#footer .col-2 {
		width:100%;
		float:none;
		text-align:center;
	}
	#footer .col-2 .row-1.social-media ul {
		text-align:center;
	}
	#footer .col-2 .row-2 ul {
		text-align:center;
	}
	#footer .col-2 .row-2 ul li {
		display:block;
		text-align:center;
		margin:0 0 10px 0;
	}
	body.home .page-head h1 {
		font-size:3rem;
	}
	a.home-box {
		font-size:1.8rem;
	}
	#hpl-house .main-floor {
		margin-top:-7px;
	}
}

@media only screen and (max-width: 500px) {
	#hpl-house .roof {
		height:80px;
	}
	#hpl-house .roof span {
		top:50px;
	}
	#hpl-house .main-floor {
		border-left-width:4px;
		border-right-width:4px;
	}
	#hpl-house .foundation {
		border-bottom-width:4px;
		border-left-width:4px;
		border-right-width:4px;
	}
	#hpl-house .main-floor,
	#hpl-house  .foundation {
		margin-right:15px;
		margin-left:15px;
	}
	a.button.get-started,
	a.button.get-started-short {
		float:none !important;
		margin:0 0 15px 0 !important;
	}
	input,
	textarea,
	select {
		max-width:95%;
	}
}

@media only screen and (max-width: 450px) {
	body.home .page-head h1 {
		font-size:2.4rem;
		padding-right:60px;
	}
	body.home .page-head p.tagline {
		font-size:1.6rem;
	}
	#home-mobile-menu {
		top:42px;
	}
	#secondary-left #logo a.logo {
		font-size:2rem;
		padding-right:100px;
	}
	#secondary-left #logo span.tagline {
		font-size:1.4rem;
	}
	#hpl-house .roof span {
		top:55px;
	}
}

@media only screen and (max-width: 420px) {
	#hpl-house .roof span {
		top:60px;
		font-size:1.8rem;
	}
	#hpl-house .main-floor {
		border-left-width:4px;
		border-right-width:4px;
	}
}

@media only screen and (max-width: 350px) {
	#secondary-left #logo span.tagline {
		font-size:1.4rem;
	}
	#hpl-house .roof span {
		top:66px;
		font-size:1.6rem;
	}
}