/*
 * @file
 * Print Styles
 * This probably needs work, but it's a good starting point.
 */
/*
 * Body
 */
body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4;
  word-spacing: 1.1pt;
  letter-spacing: 0.2pt;
  font-family: Georgia, serif;
  color: black;
  background: none;
  font-size: 11pt;
}

/*
 * Links
 */
a {
  background: transparent;
  text-decoration: underline;
  color: #0000ee;
}
/*a[href^="http://"]:after, a[href^="http://"]:visited:after {
  content: "(" attr(href) ")";
  font-size: 10pt;
}*/

/*
 * Strip background from likely candidates
 */
div[id*="wrapper"],
[class*="title"],
[class*="inner"],
header,
footer,
#branding,
#container,
#columns,
.columns-inner,
#content-column,
.content-inner,
.region,
.region-header,
.region-content,
.article,
.article-title,
.article-content,
.comment,
.comment-title,
.comment-content,
.block,
.block-inner,
.block-title,
.block-content,
table,
table * {
  background: none !important;
}

/*
 * Hide various bits of the page
 */
.sidebar,
#breadcrumb,
.nav,
.field-type-taxonomy-term-reference,
ul.links,
.feed-icon,
.poll .bar,
.poll .foreground,
.comment-form,
#comment-form,
.book-navigation,
.tabs,
.action-links,
.pager,
.messages,
.help,
.tagline,
.language-filter,
.social,
.field-name-field-map,
.field-name-sign-up,
.field-name-field-city,
.field-name-sharethis,
.field-name-more-urban-innovations-photo,
.field-name-connect-block-blue,
.field-name-back-to-top,
.email-drawer,
.supporters,
.planetizen,
.block-menu-block,
.field-name-more-from-citiscope,
.field-name-field-topics,
.comments-policy,
.field-name-latest-innovation-feature, 
.field-name-latest-citisignals, 
.block-disqus,
.region-header,
#nav-wrapper,
#menu-bar, 
.region-highlighted,
#habitat-description,
.field-name-sticky-explainers, 
.field-name-h3-newsletter-subscribe,
.group-related,
.group-citiscope,
.field-name-comments-policy, 
#backtotop,
.view-footer #backtotop,
.field-name-field-link,
.field-name-citisignals-banner p:last-child,
#header-wrapper,
header, 
#main-content-header,
#sidr-wrapper-0,
.node-type-habitat-iii .region-two-66-33-second, 
ul.links {
  display: none !important;
}

/*
 * Ensure the display the main content region
 */
#content {
  display: block !important;
}

/*
 * Layout
 */
#header {
  margin-bottom: 20px;
}

.content-inner {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * HTML elements
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
	font-family: Lato, Arial, Helvetica, sans-serif;	
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1 {
  font-size: 22pt;
}

h2 {
  font-size: 18pt;
	margin: 0 0 15px;
}

h3 {
  font-size: 15pt;
}

h3.subtitle {
  font-size: 13pt;		
  margin: -5px 0 15px;
}

h4,
h5,
h6 {
  font-size: 11pt;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
#site-name a,
#site-slogan {
  text-decoration: none !important;
  color: #333333;
}

hgroup a:link, hgroup a:visited {
  text-decoration: none;
}

#page-title {
  margin-top: 20px;
}

pre,
code,
tt,
samp,
kbd,
var {
  font-size: 10pt;
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif;
}

blockquote {
  margin: 20px;
  padding: 10px;
  font-size: 10pt;
  font-style: italic;
  background: #eeeeee;
}

hr {
  background-color: #666666;
}

.field-name-title {
	clear: both;
}

.label-inline {
	float: left;
}

.field-name-field-author div {
	float: left;
}

.field-name-field-author a {
	text-decoration: none;
}

.field-name-field-author div:nth-child(3):before,
.field-name-field-author .odd:before {
	content: ", ";
}

.group-dateline {
	margin: 0 0 15px;
}

.group-art {
	float: left;
	margin: 0 20px 20px 0;
	width: 300px;
}

.group-art img {
	height: auto;
	width: 300px;
}

.group-art,
.group-art img {
	display: none;
}

/*
 * Header, Logo, Site name
 */

#print-logo {
	float: none;
	page-break-after: avoid;
	-webkit-region-break-after: avoid;
	position: relative;
}

.container,
#page,
#main-content,
#columns {
	clear: both;
	display: flex;
	float: none;
	page-break-before: avoid;
	-webkit-region-break-before: avoid;
	position: relative;
}

#print-logo img {
	height: auto !important;
	page-break-after: avoid;
	-webkit-region-break-after: avoid;
	position: relative;
	width: 220px !important;
}

#block-system-main {
	clear: both;
	display: flex;
	page-break-before: avoid;
	-webkit-region-break-before: avoid;
	position: relative;
}

.view-author-profile .views-row {
	clear: left;
}

/*
 * Images
 */
img {
  float: left;
  margin: 4px 20px 10px 0;
  page-break-inside: avoid;
}

a img {
  border: none;
}

/*
 * Tables
 */
table {
  margin: 1px;
  text-align: left;
}

th {
  border-bottom: 1px solid #333333;
  font-weight: 700;
}

td {
  border-bottom: 1px solid #333333;
}

th,
td {
  padding: 4px 10px 4px 0;
}

tfoot {
  font-style: italic;
}

.field-name-field-article-type,
caption,
.field-name-field-caption, 
h6 {
	font-family: Lato, Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  text-align: left;
}

.field-name-field-article-type {
	text-transform: uppercase;
}

thead {
  display: table-header-group;
}

tr {
  page-break-inside: avoid;
}

#habitat-logo {
	float: right;
	margin: -15px 0 0;
}

#habitat-logo img {
	width: 300px;
}

.field-name-citisignals-banner {
	margin-top: -18px;
}

.field-name-citisignals-banner img {
	width: 200px;
}

.views-row {
	clear: both;
}

/*
 * Forms
 */
form {
  margin-bottom: 10px;
}

/*
 * Poll module
 */
.poll .text,
.poll .percent,
.poll .total {
  text-align: left;
}
.poll form {
  margin-bottom: 0;
}

/*
 * Articles
 */
.node,
.comment {
  margin-bottom: 20px;
  overflow: hidden;
  page-break-inside: avoid;
}

.submitted {
  color: #666666;
  text-decoration: none;
  font-size: 9pt;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.submitted a {
  color: #666666;
  text-decoration: none;
  font-size: 9pt;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

h6 {
	display: block;
	float: none;
	height: auto !important;
	margin: 0 auto;
	width: 350px !important;
	text-align: center;
}

h6 {
	font-weight: 400 !important;
	width: 500px;
}

.field-name-body img, 
.node-type-story .field-name-field-photo img {
	height: auto !important;
	margin: 15px auto 3px;
	text-align: center;
	width: 100%;
}

.field-name-body img, 
.node-type-story .field-name-field-photo img,
h6,
.field-name-field-caption,
.field-name-field-photo {
	display: none;
}

.field-name-field-author {
	float: left;
	margin: 0 5px 0 0;
}

.field-name-field-author, 
.field-name-post-date {
	font-family: Lato, Arial, Helvetica, sans-serif;
}

a:link, 
a:visited {
	color: #222;
}